Date Range Picker

DateRangePickers combine two DateFields and a RangeCalendar popover to allow users to enter or select a date and time range.

Library

React Spectrum

Framework

React

Type

component

License

Apache-2.0

Files

• packages/@react-spectrum/s2/src/DateRangePicker.tsx
• packages/@react-spectrum/s2/src/DatePicker.tsx
• packages/@react-spectrum/s2/src/DateField.tsx
• packages/@react-spectrum/s2/src/style-utils.ts
• packages/@react-spectrum/s2/src/Field.tsx
• packages/react-aria-components/src/Form.tsx
• packages/react-aria-components/src/Popover.tsx
• packages/@react-spectrum/s2/src/RangeCalendar.tsx

Source

https://github.com/adobe/react-spectrum

Categories

• Date Picker Components
• React Date Picker Components
• Tailwind CSS Date Picker Components
• Date Range Picker Components
• React Date Range Picker Components
• Tailwind CSS Date Range Picker Components
• Input Components
• React Input Components
• Tailwind CSS Input Components
• Overlay Components
• React Overlay Components
• Tailwind CSS Overlay Components

More from React Spectrum

• Coach Mark
• Contextual Help
• Date Picker
• Popover
• Tailwind Date Picker
• Tailwind Date Range Picker
• Tailwind Popover
• Vanilla Date Picker
• Vanilla Date Range Picker
• Vanilla Popover
• Accordion
• Action Bar