Customizable date picker and calendar component for React.js. See docs and examples.
- select days, ranges, whatever with CSS modifiers
- easily change style and add content to days cells
- display multiple months
- ready for i18n, with moment.js or any other library
- navigable via keyboard and
See the website for examples with code, API and tips. Release notes are here.
npm install react-day-picker --save
import React from "react";
import DayPicker from "react-day-picker";
class MyComponent extends React.Component {
render() {
return <DayPicker initialMonth={new Date()} />
}
}
- Use
npm run test
ornpm run test:watch
to run the unit tests. - Run
npm run cover
for a test coverage report. - To make sure files are linted:
npm run lint
- To run the website with examples use
cd site && npm install && npm start
, then visitlocalhost:3000
- If you want to see your changes applied, remember to run
npm install
before running it!
- If you want to see your changes applied, remember to run