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
Demo Series - Small Business Backup By Veeam Icon
Demo Series - Small Business Backup By Veeam

Learn how to protect your Microsoft 365 data, with simple, actionable tips today.

Watch this on-demand demo series and learn how to protect your Microsoft 365 data with clear, simple, actionable steps that are easy to implement for businesses of all sizes.
Watch Demo Series
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