Prop

PropTipoPredefinitoDescrizione
valueDate | nullValore della data selezionata
onChange(date: Date | null) => voidCallback richiamata al cambio del valore
minDateDateData minima selezionabile
maxDateDateData massima selezionabile
localePartial<Locale>Configurazione personalizzata della localizzazione
initialMonthDateMese iniziale visualizzato
size"small" | "medium" | "large" | "x-large""medium"Dimensione del componente
weekStartsOnWeekDay"sunday"Primo giorno della settimana
isDateUnavailable(date: Date) => booleanContrassegna le date come disabilitate
displayFormatstringFormato di visualizzazione personalizzato (es. "DD/MM/YYYY")
openbooleanStato di apertura controllato
initialOpenbooleanStato di apertura iniziale (non controllato)
onOpenChange(open: boolean) => voidCallback 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
fromYearnumberAnno di inizio per il menu a discesa
toYearnumberAnno 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)
namestringNome dell’input nascosto per l’invio del modulo
placeholderstringTesto segnaposto del trigger
hideHeaderbooleanfalseNascondi l’intestazione di navigazione
hideFooterbooleanfalseNascondi il piè di pagina delle azioni