React Date Range Picker

v1.0.3

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

Headless Core

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.

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