/react-day-picker

Customizable date picker component and calendar for React

Primary LanguageJavaScriptMIT LicenseMIT

react-day-picker

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

Build Status Coverage Status npm version

Documentation

See the website for examples with code, API and tips. Release notes are here.

Usage

npm install react-day-picker --save
var React = require("react");
var DayPicker = require("react-day-picker");

var MyComponent = React.createComponent({

  render() {
    return <DayPicker initialMonth={new Date()} />
  }

});

Contribute

  • Use npm run test or npm 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 visit localhost:3000
    • If you want to see your changes applied, remember to run npm install before running it!