Date Range Picker

component

An analytics-style range picker: presets, typed start and end dates, two months side by side, hover preview, keyboard navigation and Apply/Cancel.

pnpm dlx shadcn@latest add "https://tomei.zubeyr.dev/ui/r/date-range-picker.json"

Date Range Picker – shadcn/ui Component by tomei | shadcnregistry

component

An analytics-style range picker: presets, typed start and end dates, two months side by side, hover preview, keyboard navigation and Apply/Cancel.

pnpm dlx shadcn@latest add "https://tomei.zubeyr.dev/ui/r/date-range-picker.json"

components/dashboard/date-range-picker/date-range-picker.tsx