Przejdź do treści

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
The board marks it red after this day.
Start date
Pick a start date before the due date.
Created

Noc, podgląd: DateInput

Due date
The board marks it red after this day.
Start date
Pick a start date before the due date.
Created

Wysoki kontrast, podgląd: DateInput

Due date
The board marks it red after this day.
Start date
Pick a start date before the due date.
Created

UżycieLink do sekcji Użycie

tsx
import { DateInput } from '@skribly/ui/forms'
tsx
<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.

Szukaj na stronie

Strzałki przenoszą między wynikami, Enter otwiera, Esc zamyka. Ctrl K /