Oggetti di scena

PuntelloTipoPredefinitoDescrizione
value{ start: Date | null; end: Date | null }—Selected date range value
onChange(value: { start: Date | null; end: Date | null }) => void—Callback when value changes
presetsDateRangePreset[]—Predefined date range presets
maxDaysnumber—Maximum days allowed in range (inclusive)
minDaysnumber—Minimum days required in range (inclusive)
allowSingleDateInRangebooleantrueConsenti intervallo in cui l’inizio è uguale alla fine
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"Primo giorno della settimana
isDateUnavailable(date: Date) => boolean—Mark dates as disabled
displayFormatstring—Custom display format (e.g. "YYYY/MM/DD")
openboolean—Controlled open state
initialOpenboolean—Initial open state (uncontrolled)
onOpenChange(open: boolean) => void—Callback when open state changes
requiredbooleanfalseDisabilita la cancellazione del valore
showOutsideDaysbooleanfalseMostra i giorni dei mesi adiacenti
highlightDatesDate[]—Dates to highlight
shouldCloseOnSelectbooleanfalseConferma automatica quando viene selezionata la data di fine
numberOfMonthsnumber2Numero di mesi da visualizzare
captionLayout"buttons" | "dropdown""buttons"Caption navigation style
fromYearnumber—Start year for dropdown
toYearnumber—End year for dropdown
disablePastbooleanfalseDisattiva le date prima di oggi
disableFuturebooleanfalseDisabilita le date successive a oggi
inlinebooleanfalseMostra calendario in linea (nessun popup)
namestring—Hidden input name for form submission (start date)
endNamestring—Hidden input name for end date (defaults to name-end)
placeholderstring—Trigger placeholder text
hideHeaderbooleanfalseNascondi l’intestazione di navigazione
hideFooterbooleanfalseNascondi il piè di pagina dell’azione

DateRangePreset

interface DateRangePreset {
  label: string;
  value: { start: Date; end: Date } | (() => { start: Date; end: Date });
}