react-day-picker

build status coveralls npm version npm downloads

react-day-picker is a flexible date picker component for React.

  • select days, ranges, whatever using 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, ARIA support
  • no external dependencies

screen shot 2015-11-11 at 15 51 07

Documentation and help

Start now

Install via npm

npm install react-day-picker --save

and use it in your React components:

import DayPicker from "react-day-picker";

function isSunday(day) {
  return day.getDay() === 0;
}

function MyComponent() {
  return <DayPicker initialMonth={ new Date(2016, 1) } modifiers={{ isSunday }} />
}