melon-calendar

DatePicker Components in React Melon Family

members

• Calendar - pick a date
• RangeCalendar - Select a date interval by day
• UnitCalendar - Select a date interval by week, month or year

Screenshots

• Calendar

• RangeCalendar & UnitCalendar

Install

npm

bower

bower install melon-calendar

Usage

import React from 'react';
import ReactDOM from 'react-dom';
 
import Calendar from 'melon-calendar';
import RangeCalendar from 'melon-calendar/lib/RangeCalendar';
import UnitCalendar from 'melon-calendar/lib/UnitCalendar';
 
ReactDOM.render(<Calendar />, container);

Examples

demo

Test Case

npm test