opendraft

Components/Date Time Picker

Date Time PickerNew

Pick a date and time in a named time zone, with DST gap and overlap handling and other-zone display.

Open in Claude Open in ChatGPT

GMT · UTC+00:00 · Europe/London

Same moment in
  • Arrival citySat 21 Nov, 9:40 GMT-5 -05:00
  • UTCSat 21 Nov, 14:40 UTC +00:00
value = 2026-11-21T14:40:00Z

EDT · UTC-04:00 · America/New_York

Same moment in
  • BerlinSun, Mar 8, 3:30 PM GMT+1 +01:00
local = - Try 02:30 on 8 March (skipped by DST) or 01:30 on 1 November (happens twice).

Installation

$npx shadcn@latest add @opendraft/date-time-picker

Needs the @opendraft registry in your components.json. See Installation.

Dependencies

Source

The files the install command adds to your project. They're yours to edit.

PreviousDocument ViewerNext Rating