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
$300 Free Credits to Build on Google Cloud Icon
$300 Free Credits to Build on Google Cloud

New customers can spin up VMs, build with AI, and query data at no cost.

Put your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
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