DSikeres1

Developer & Open Source Contributor

GitHub Profile

Open Source Projects

react-date-range-picker logo

react-date-range-picker

A headless, composable date & date range picker for React.

GitHub stars license TypeScript
📦 Zero Dependencies 🎯 5 Picker Types 🌍 15 Locales 🌙 Dark Mode ♿ Accessible ⌨️ Keyboard Nav

Tailwind v4

version downloads

For shadcn/ui and Tailwind v4 projects. Pre-styled, dark mode ready.

View on npm
pnpm add react-date-range-picker-tailwind4

Tailwind v3

version downloads

For existing Tailwind v3 projects. Drop-in ready with dark mode.

View on npm
pnpm add react-date-range-picker-tailwind3

Styled

version downloads

Vanilla CSS with CSS variables. Works with any framework or none.

View on npm
pnpm add react-date-range-picker-styled

Headless

version downloads

Unstyled hooks for full control over markup and styling. Zero dependencies.

View on npm
pnpm add react-date-range-picker-headless
shadcn/ui

Using Tailwind v4? Add components directly via shadcn registry:

Date Picker
npx shadcn add https://dsikeres1.github.io/react-date-range-picker/r/date-picker.json
Date Range Picker
npx shadcn add https://dsikeres1.github.io/react-date-range-picker/r/date-range-picker.json
Date Time Picker
npx shadcn add https://dsikeres1.github.io/react-date-range-picker/r/date-time-picker.json
Date Range Time Picker
npx shadcn add https://dsikeres1.github.io/react-date-range-picker/r/date-range-time-picker.json
Time Picker
npx shadcn add https://dsikeres1.github.io/react-date-range-picker/r/time-picker.json
Docs GitHub Repository