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

nel_h2
MongoDB Atlas runs apps anywhere Icon
MongoDB Atlas runs apps anywhere

Deploy in 115+ regions with the modern database for every enterprise.

MongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
Start 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