About React DayPicker
React DayPicker is a React component for date pickers, calendars and date inputs. It is written in TypeScript and styled with plain CSS.
What it does
You render a calendar and choose single days, multiple days, date ranges or custom selections. The component supports localization and time zones, and it includes calendar systems such as ISO 8601, Persian, Hijri, Buddhist, Ethiopic and Hebrew. It relies on date-fns for date handling.
Key features
- Single, multiple and range date selection
- Localization and time zone support
- Alternative calendar systems such as Hijri and Hebrew
- Customizable components and modifiers
- Accessible design aimed at WCAG 2.1 AA
Who it's for
React developers building booking forms, scheduling screens or reports that need flexible date selection, including teams that serve users in several regions.
Pricing and good to know
React DayPicker is open source under the MIT license and free to use. It is compatible with React 16.8 and later. Because the styles are plain CSS, you can apply your own theme or use a CSS framework to match your design.
Highlights
- Single, multiple and range selection
- Localization and time zone support
- Hijri, Hebrew and other calendar systems
- Customizable components and modifiers
- Accessible design aimed at WCAG 2.1 AA
