Composant · Formulaire
TimePicker
StableSélection d'une heure parmi des créneaux générés par pas (step). La valeur émise reste au format "HH:mm" 24h, avec affichage 24h ou 12h.
Exemples
Pas de 15 min
Voir le code (Svelte)
<TimePicker value="09:30" step={15} label="Heure du rendez-vous" />min / max
Voir le code (Svelte)
<TimePicker value="14:00" step={30} min="08:00" max="18:00" label="Créneau" />format="12"
Voir le code (Svelte)
<TimePicker value="13:45" step={15} format="12" label="Format 12h" />API
| Prop | Type | Default |
|---|---|---|
value | string ("HH:mm") | "" |
onChange | (value: string) => void | – |
step | number (minutes) | 15 |
min | string ("HH:mm") | – |
max | string ("HH:mm") | – |
format | "24" | "12" | "24" |
size | "sm" | "md" | "lg" | "md" |
disabled | boolean | false |
label | string | – |
Les créneaux sont générés entre min et max selon step. Quel que soit le format d'affichage, onChange reçoit "HH:mm" sur 24 heures.
Tokens utilisés
--st-semantic-text-primary--st-semantic-border-subtle