DTRP
Date Time Range Picker

Date Time Range Picker

Beautiful, accessible, and fully customizable date and time pickers for modern React apps. Built with shadcn/ui, designed for luxury projects.

Install in seconds
npx shadcn add https://date-time-range-picker.vercel.app/r/date-time-range-picker.json

Instantly add all date and time picker components to your project. No extra steps required.

Features
  • Date range selection
  • Time selection
  • Date & time range
  • Light & dark mode
  • Keyboard navigation
  • Fully accessible
  • Preset ranges
  • Customizable & composable

Component Gallery

Date Input
Input dates with separate fields.
//
Time Input
Input time with hours, minutes, and AM/PM.
:
Date Time Input
Combine date and time input.
//
:
Date Range Picker
Select a range of dates with presets.
Date Time Range Picker
Select a range of dates and times.