airbnb/react-dates
React Dates
react-dates is a set of React components for date selection, providing interfaces for picking single dates or date ranges through controlled input components and calendars.
The project features built-in support for internationalization, allowing date formats and interface strings to be translated via locale settings. It also supports visual customization through theme registration and CSS overrides to match specific application styles.
The component suite covers a variety of selection workflows, including calendar range selection and date range input fields.
Features
- Calendar Date Selection - Provides a comprehensive React-based calendar interface for selecting single dates or date ranges.
- Date Localizations - Adapts date displays and interface strings based on regional locale settings.
- Date and Time Pickers - Provides a controlled input and calendar for selecting start and end dates.
- React Date Pickers - Provides a calendar-based range selection interface built specifically for the React ecosystem.
- Date Pickers - Provides a controlled input and calendar interface for picking a specific individual date.
- Range Selection - Provides a specialized interface for selecting a span of time between two specific dates.
- Date Range Schedulers - Implements controlled input fields specifically for defining start and end dates in booking workflows.
- User Interface Localization - Enables translation of date formats and interface text using localized configuration files.
- Localized Date Interfaces - Develops calendar components that support multiple languages and regional date formats for global users.
- Date Library Abstractions - Abstracts complex date calculations using external libraries to keep the UI layer decoupled from calendar math.
- Component Style Customizations - Offers mechanisms for visual customization through CSS overrides and theme registration.
- Customizable UI Components - Provides high levels of visual customization to match specific brand identities and themes.
- Date Picker Theme Customizations - Supports adapting the visual style of the date picker through theming and CSS overrides.
- CSS Modules - Uses CSS Modules to provide scoped styling and prevent visual collisions between components.
- Controlled State Management - Implements controlled component patterns to sync date selections between the calendar interface and parent state.
- Mobile Web Libraries - Mobile-friendly datepicker component library for React.
