https://github.com/react-melon/melon-calendar

React Calendar (DatePicker) Components
https://github.com/react-melon/melon-calendar

calendar component datepicker react

Last synced: 7 months ago
JSON representation

React Calendar (DatePicker) Components

• Host: GitHub
• URL: https://github.com/react-melon/melon-calendar
• Owner: react-melon
• Created: 2016-07-01T12:22:44.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2017-10-30T12:18:23.000Z (over 8 years ago)
• Last Synced: 2025-02-03T09:08:36.946Z (over 1 year ago)
• Topics: calendar, component, datepicker, react
• Language: JavaScript
• Homepage:
• Size: 9.08 MB
• Stars: 7
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

          
# melon-calendar

[![Coverage Status](https://coveralls.io/repos/github/react-melon/melon-calendar/badge.svg?branch=master)](https://coveralls.io/github/react-melon/melon-calendar?branch=master)

[![Version](https://badge.fury.io/js/melon-calendar.svg)](https://www.npmjs.com/package/melon-calendar)

[![Build](https://travis-ci.org/react-melon/melon-calendar.svg?style=flat-square)](https://travis-ci.org/react-melon/melon-calendar)

DatePicker Components in [React Melon Family](http://react-melon.github.io/melon/)

### members

* **Calendar** - pick a date

* **RangeCalendar** - Select a date interval by day

* **UnitCalendar** - Select a date interval by week, month or year

## Screenshots

* Calendar

![Calendar](./example/screenshots/calendar-web.gif)

* RangeCalendar & UnitCalendar

![Calendar](./example/screenshots/rangecalendar.gif)

## Install

### npm

[![melon-calendar](https://nodei.co/npm/melon-calendar.png)](https://npmjs.org/package/melon-calendar)

### bower

```

bower install melon-calendar

```

## Usage

```js

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(, container);

```

## Examples

[demo](http://react-melon.github.io/melon/#/components?name=Calendar)

## Test Case

```

npm test

```