DateInput
Dzień wpisywany segment po segmencie albo wybierany w kalendarzu, na przykład termin. Kolejność dnia, miesiąca i roku zależy od ustawień regionalnych.
- DateInput
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: DateInput
Due date
11202026
The board marks it red after this day.
Start datePick a start date before the due date.
mmddyyyy
Created
142026
Noc, podgląd: DateInput
Due date
11202026
The board marks it red after this day.
Start datePick a start date before the due date.
mmddyyyy
Created
142026
Wysoki kontrast, podgląd: DateInput
Due date
11202026
The board marks it red after this day.
Start datePick a start date before the due date.
mmddyyyy
Created
142026
UżycieLink do sekcji Użycie
import { DateInput } from '@skribly/ui/forms'<DateInput label="Due date" defaultValue={parseDate('2026-11-20')} />Każda etykieta jest propem, więc aplikacja przekazuje własne słowa we własnym języku. Zobacz zasadę brak wbudowanego tekstu.
DostępnośćLink do sekcji Dostępność
- Każdy segment jest polem z przyciskami zmiany wartości: wpisz cyfry albo użyj klawiszy strzałek, a Tab przechodzi dalej.
- Przycisk kalendarza otwiera okno, w którym klawisze strzałek przesuwają o dzień, a Page Up i Page Down o miesiąc.
- Dzisiejszy dzień jest pogrubiony i podkreślony; wybrany dzień jest wypełniony.
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.