Accessoires

SoutenirTaperDéfautDescription
valueDate | nullSelected date-time value
onChange(dateTime: Date | null) => voidCallback when value changes
timeTimeConfigTime panel configuration
minDateDateMinimum selectable date
maxDateDateMaximum selectable date
localePartial<Locale>Custom locale configuration
initialMonthDateInitial displayed month
size"small" | "medium" | "large" | "x-large""medium"Component size
weekStartsOnWeekDay"sunday"Premier jour de la semaine
isDateUnavailable(date: Date) => booleanMark dates as disabled
displayFormatstringCustom display format
openbooleanControlled open state
initialOpenbooleanInitial open state (uncontrolled)
onOpenChange(open: boolean) => voidCallback when open state changes
requiredbooleanfalseDésactiver l’effacement de la valeur
showOutsideDaysbooleanfalseAfficher les jours des mois adjacents
highlightDatesDate[]Dates to highlight
shouldCloseOnSelectbooleanfalseConfirmation automatique sur clic prédéfini
numberOfMonthsnumber1Nombre de mois à afficher
captionLayout"buttons" | "dropdown""buttons"Caption navigation style
fromYearnumberStart year for dropdown
toYearnumberEnd year for dropdown
disablePastbooleanfalseDésactiver les dates avant aujourd’hui
disableFuturebooleanfalseDésactiver les dates après aujourd’hui
inlinebooleanfalseAfficher le calendrier en ligne (pas de pop-up)
namestringHidden input name for form submission
placeholderstringTrigger placeholder text
hideHeaderbooleanfalseMasquer l’en-tête de navigation
hideFooterbooleanfalseMasquer le pied de page de l’action

TimeConfig

interface TimeConfig {
/** Time display precision. Defaults to "minute". */
precision?: "hour" | "minute" | "second";
/** 12-hour or 24-hour format. Defaults to "24". */
hourFormat?: "12" | "24";
/** Minute increment step. Defaults to 5. */
minuteStep?: 1 | 2 | 3 | 5 | 10 | 15 | 20 | 30;
/** Second increment step. Defaults to 1. */
secondStep?: 1 | 2 | 3 | 5 | 10 | 15 | 20 | 30;
/** Height (in px) of each scroll wheel item. Defaults to 32. */
itemHeight?: number;
}