React Date Range Picker

A headless, composable date & range picker for React. Single date, date range, date+time — with full keyboard navigation and accessibility.

All logic lives in framework-agnostic hooks. Bring your own UI or use a pre-styled package.

Compose pickers from individual parts. Override any piece without forking.

First-class Tailwind v4 support with semantic tokens. Available as a shadcn registry component.

Written in TypeScript with full type inference. Every prop, hook, and callback is typed.

Choose Your Style

Semantic tokens. shadcn registry support.

Utility classes for Tailwind CSS v3 projects.

Built-in CSS. No framework required.

Unstyled hooks. Full rendering control.

$ npm install react-date-range-picker-tailwind4