TimePicker
Une heure, au pas voulu.
minuteStep évite de faire défiler soixante minutes pour un rendez-vous qui tombe au quart d'heure. Les secondes ne s'affichent que si on les demande — la plupart des heures métier n'en ont pas.
Installation
bash
sia-ui add time-pickerOu par le paquet, sans rien copier :
tsx
import { TimePicker } from "@sia-ui/react-web";Props
| Prop | Type | Défaut | Description |
|---|---|---|---|
allowClear | boolean | true | |
aria-describedby | string | — | |
aria-invalid | boolean | — | |
aria-label | string | — | |
aria-labelledby | string | — | |
aria-required | boolean | — | |
className | string | — | |
defaultValue | string | — | |
disabled | boolean | false | |
disabledTime | (value: TimeParts) => boolean | — | |
hourFormat | 12 | 24 | 24 | |
id | string | — | |
invalid | boolean | false | |
max | string | — | |
min | string | — | |
minuteStep | number | 1 | |
name | string | — | |
needConfirm | boolean | false | |
onOpenChange | (open: boolean) => void | — | |
onValueChange | (value: string) => void | — | |
open | boolean | — | |
overlayProps | Partial<Omit<OverlayProps, "children" | "open" | "onOpenChange" | "anchorRef">> | — | Réglages du panneau flottant — décalage, marge au bord, classe. |
placeholder | string | — | Par défaut, « Sélectionner une heure » de la locale SIA. |
placement | OverlayPlacement | bottom-start | |
renderExtraFooter | () => ReactNode | — | |
required | boolean | false | |
secondStep | number | 1 | |
showSeconds | boolean | false | |
tone | ComponentTone | primary | |
value | string | — |
Voir aussi
- Le composant dans le catalogue — états, variantes, et bac à sable.
- La référence complète — tous les composants.