DateTimePicker
Une date et une heure, dans un seul champ.
needConfirm existe parce que l'heure se choisit après la date : sans validation explicite, le panneau se referme sur la date et l'heure reste celle de la veille.
Installation
bash
sia-ui add date-time-pickerOu par le paquet, sans rien copier :
tsx
import { DateTimePicker } from "@sia-ui/react-web";Props
| Prop | Type | Défaut | Description |
|---|---|---|---|
className | string | — | |
dateProps | Omit<DatePickerProps, "value" | "defaultValue" | "onValueChange" | "tone" | "disabled" | "invalid"> | — | |
defaultValue | DateTimeValue | { date: "", time: "" } | |
disabled | boolean | — | |
hourFormat | 12 | 24 | 24 | |
invalid | boolean | — | |
maxDate | string | — | |
minDate | string | — | |
minuteStep | number | 1 | |
needConfirm | boolean | false | |
onValueChange | (value: DateTimeValue) => void | — | |
secondStep | number | 1 | |
showSeconds | boolean | false | |
timeProps | Omit<TimePickerProps, "value" | "defaultValue" | "onValueChange" | "tone" | "disabled" | "invalid"> | — | |
tone | ComponentTone | primary | |
value | DateTimeValue | — |
Voir aussi
- Le composant dans le catalogue — états, variantes, et bac à sable.
- La référence complète — tous les composants.