Flexible, highly customizable, localizable, with ARIA support, no external dependencies, 7.4kB gzipped. Define the disabled or selected days and change the aspect of each day cell with modifiers. Display the date picker in an overlay using the DayPickerInput component. Specify which days should be selected in your component’s state. Use your own translation strings or import those from moment.js, if you use it. react-day-picker is designed to cover the most common needs for a date picker in web applications. This package includes the DayPicker component to render the calendar (see: basic concepts, API), and the DayPickerInput component to render an input field opening the DayPicker in an overlay.
Features
- Style days with modifiers
- Works with input fields
- Select range of days
- Localizable
- Flexible, highly customizable, and localizable
- ARIA support and no external dependencies
Project Samples
Categories
SchedulingLicense
MIT LicenseFollow React DayPicker
You Might Also Like
Gen AI apps are built with MongoDB Atlas
MongoDB Atlas is the developer-friendly database used to build, scale, and run gen AI and LLM-powered apps—without needing a separate vector database. Atlas offers built-in vector search, global availability across 115+ regions, and flexible document modeling. Start building AI apps faster, all in one place.
Rate This Project
Login To Rate This Project
User Reviews
Be the first to post a review of React DayPicker!