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

Project Activity

See All Activity >

Categories

Scheduling

License

MIT License

Follow React DayPicker

React DayPicker Web Site

Other Useful Business Software
Go From AI Idea to AI App Fast Icon
Go From AI Idea to AI App Fast

One platform to build, fine-tune, and deploy ML models. No MLOps team required.

Access Gemini 3 and 200+ models. Build chatbots, agents, or custom models with built-in monitoring and scaling.
Try Free
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of React DayPicker!

Additional Project Details

Programming Language

TypeScript

Related Categories

TypeScript Scheduling Software

Registered

2022-01-12