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

• no external dependencies
• select days, ranges, whatever using CSS modifiers
• ready for i18n, with moment.js or any other library
• customizable style
• navigable via keyboard, ARIA support

Look at some examples showing all its features!

Documentation

• Examples with code
• Documentation
  • Getting started
  • API
  • Styling
  • Localization
  • Tips
  • Utilities
• Changelog

Contribute

• Github – pull requests are welcome!
• Issues – file bugs and suggestions
• Gitter room – ask questions and chat with other developers

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.