Accessoires

SoutenirTaperDéfautDescription
valueDate | null—Selected date-time value
onChange(dateTime: Date | null) => void—Callback when value changes
timeTimeConfig—Time panel configuration
minDateDate—Minimum selectable date
maxDateDate—Maximum selectable date
localePartial<Locale>—Custom locale configuration
initialMonthDate—Initial displayed month
size"small" | "medium" | "large" | "x-large""medium"Component size
weekStartsOnWeekDay"sunday"Premier jour de la semaine
isDateUnavailable(date: Date) => boolean—Mark dates as disabled
displayFormatstring—Custom display format
openboolean—Controlled open state
initialOpenboolean—Initial open state (uncontrolled)
onOpenChange(open: boolean) => void—Callback 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
fromYearnumber—Start year for dropdown
toYearnumber—End 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)
namestring—Hidden input name for form submission
placeholderstring—Trigger 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;
}