react-day-picker

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

Documentation and help

• Guides and API
• Examples with code
• Github
• Changelog
• Issues
• Gitter room

Quick start

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 }} />
}

Install via Bower

bower install react-day-picker --save

The bower package exposes a global DayPicker variable.