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
Ship Agents Faster Icon
Ship Agents Faster

Transform your applications and workflows into powerful agentic systems at global scale.

Gemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
Get Started 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