DateTimeInput

Dzień i godzina w jednym polu, na przykład przypomnienie albo wydanie. Przekaż ZonedDateTime, aby pokazać strefę czasową.

PodglądLink do sekcji Podgląd

Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.

Remind me

11202026930AM

Release

mmddyyyy––––

Times are in your local time zone

Remind me

11202026930AM

Release

mmddyyyy––––

Times are in your local time zone

Remind me

11202026930AM

Release

mmddyyyy––––

Times are in your local time zone

tsx

import { DateTimeInput } from '@skribly/ui/forms'

tsx

<DateTimeInput label="Remind me" defaultValue={parseDateTime('2026-11-20T09:30')} />

Każda etykieta jest propem, więc aplikacja przekazuje własne słowa we własnym języku. Zobacz zasadę brak wbudowanego tekstu.

Segmenty godziny i minuty przyjmują cyfry albo klawisze strzałek; cykl godzin zależy od ustawień regionalnych, chyba że ustawiono hourCycle.
Kalendarz zostaje otwarty po wybraniu dnia, więc godzinę można sprawdzić przed zamknięciem klawiszem Escape.

Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.