Prop

PropTipoPredefinitoDescrizione
valueDate | null—Valore della data selezionata
onChange(date: Date | null) => void—Callback richiamata al cambio del valore
minDateDate—Data minima selezionabile
maxDateDate—Data massima selezionabile
localePartial<Locale>—Configurazione personalizzata della localizzazione
initialMonthDate—Mese iniziale visualizzato
size"small" | "medium" | "large" | "x-large""medium"Dimensione del componente
weekStartsOnWeekDay"sunday"Primo giorno della settimana
isDateUnavailable(date: Date) => boolean—Contrassegna le date come disabilitate
displayFormatstring—Formato di visualizzazione personalizzato (es. "DD/MM/YYYY")
openboolean—Stato di apertura controllato
initialOpenboolean—Stato di apertura iniziale (non controllato)
onOpenChange(open: boolean) => void—Callback richiamata al cambio dello stato di apertura
requiredbooleanfalseDisabilita la cancellazione del valore
showOutsideDaysbooleanfalseMostra i giorni dei mesi adiacenti
highlightDatesDate[]—Date da evidenziare
shouldCloseOnSelectbooleanfalseConferma automatica al clic sulla data
numberOfMonthsnumber1Numero di mesi da visualizzare
captionLayout"buttons" | "dropdown""buttons"Stile di navigazione della didascalia
fromYearnumber—Anno di inizio per il menu a discesa
toYearnumber—Anno di fine per il menu a discesa
disablePastbooleanfalseDisabilita le date precedenti a oggi
disableFuturebooleanfalseDisabilita le date successive a oggi
inlinebooleanfalseMostra il calendario in linea (senza popup)
namestring—Nome dell’input nascosto per l’invio del modulo
placeholderstring—Testo segnaposto del trigger
hideHeaderbooleanfalseNascondi l’intestazione di navigazione
hideFooterbooleanfalseNascondi il piè di pagina delle azioni