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 provides built-in vector search and a flexible document model so developers can build, scale, and run gen AI apps without stitching together multiple databases. From LLM integration to semantic search, Atlas simplifies your AI architecture—and it’s free to get started.
Rate This Project
Login To Rate This Project
User Reviews
Be the first to post a review of React DayPicker!