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!

How to use

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

Partecipate

• Gitter room – ask questions and chat with other developers
• Issues – file bugs and suggestions
• Check out the source code on Github
• Pull requests are welcome! If you are planning a pull request with lot of changes, please add an issue to discuss your idea first
  • See how to start the project locally here

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

If you are not using ES2015, until this is not fixed you should require the module as:

var DayPicker = require("react-day-picker").default

Install via Bower

bower install react-day-picker --save

The bower package exposes a global DayPicker variable.