rc-calendar

calendar ui component for react, port from https://github.com/modulex/date-picker

Screenshots

Feature

• support ie8,ie8+,chrome,firefox,safari
• support date, month, year, decade select panel
• support week number
• support en-us and zh-cn locale (ui and timeOffset)
• support aria and keyboard accessibility

Keyboard

• Previous month (PageUp)
• Next month (PageDown)
• tab into hour input: Last hour(Up), Next hour(Down)
• tab into hour input: Last minute(Up), Next minute(Down)
• tab into hour input: Last second(Up), Next second(Down)
• Last year (Control + left)
• Next year (Control + right)

install

Usage

var Calendar = require('rc-calendar');
var React = require('react');
React.render(<Calendar />, container);

For details to see: https://github.com/yiminghe/learning-react/tree/master/example/rc-calendar

API

Calendar props

Calendar.Picker props

Development

npm install
npm start

Example

http://localhost:8001/examples/

online example:

http://react-component.github.io/calendar/build/examples/index.html

Test Case

http://localhost:8001/tests/runner.html?coverage

Coverage

http://localhost:8001/node_modules/rc-server/node_modules/node-jscover/lib/front-end/jscoverage.html?w=http://localhost:8001/tests/runner.html?coverage

License

rc-calendar is released under the MIT license.