Date Time Picker
Single date-time and range date-time controls.
Example
Single date and time
Jul 17, 2026, 09:30:00
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
Date range and time
Jul 16, 2026, 02:49:47 - Jul 17, 2026, 03:15:00
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
Typography
Compact dashboard density for this kit.
Section label11px / mono / uppercase
Body label13px / medium
Nav item13px / 30px row
Column heading11px / mono / tracked
Import
Copy-paste path.
import { DateTimePicker } from "@/components/ui/date-time-picker"or add via CLI — npx shadcn@latest add https://rkives.rkingg.com/r/date-time-picker