@dsikeres1

Forms · MIT · data updated 2026-07-28

A headless-first, composable date and range picker library for React distributed via the shadcn registry. Offers five picker types: DatePicker, DateRangePicker, DateTimePicker, DateRangeTimePicker, and TimePicker. Supports 15 locales, keyboard navigation, ARIA accessibility, dark mode, four sizes, date constraints, range presets, and inline mode. Zero dependencies in the headless package (uses native Date/Intl). Available in four consumption modes: Tailwind v4 + shadcn/ui, Tailwind v3, built-in CSS (no Tailwind), and headless hooks. Fully TypeScript-typed. Use for: replacing a heavy date-picker dependency in a shadcn/ui project with an accessible, locale-aware solution that gives full source ownership via registry install.

Preview

Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.

npx shadcn@latest add https://dsikeres1.github.io/react-date-range-picker/r/date-range-picker.json