Components
Calendar
A date picker calendar component built on top of react-day-picker
Installation
npx shadcn@latest add @dr-ui/calendarRegistry dependencies
@dr-ui/utils
Dependencies
react-day-picker@^10.0.0
date-fns@^4.1.0
lucide-react@^1.7.0
Basic
A single-date calendar that highlights the selected day.
Range selection
Select a start and end date to define a date range.
With disabled dates
Restrict selection by disabling specific days such as weekends or past dates.
With Month and Year Selection
A calendar with dropdown selectors for month and year navigation.