Components
Date Range Picker
An input that opens a range calendar popover for selecting a start and end date
Installation
npx shadcn@latest add @dr-ui/date-range-pickerRegistry dependencies
@dr-ui/button
@dr-ui/calendar
@dr-ui/input
@dr-ui/popover
@dr-ui/utils
@dr-ui/i18n
@dr-ui/time-picker
Dependencies
date-fns@4.1.0
lucide-react@1.7.0
Date range
Select a start and end date with a range calendar popover.
With disabled dates
Restrict selection by disabling specific days such as weekends or past dates.