Adereços

SuporteTipoPadrãoDescrição
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)
allowSingleDateInRangebooleantruePermitir intervalo onde o início é igual ao fim
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"Primeiro dia da semana
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
requiredbooleanfalseDesative a limpeza do valor
showOutsideDaysbooleanfalseMostrar dias de meses adjacentes
highlightDatesDate[]—Dates to highlight
shouldCloseOnSelectbooleanfalseConfirmar automaticamente quando a data de término for selecionada
numberOfMonthsnumber2Número de meses para exibir
captionLayout"buttons" | "dropdown""buttons"Caption navigation style
fromYearnumber—Start year for dropdown
toYearnumber—End year for dropdown
disablePastbooleanfalseDesativar datas anteriores a hoje
disableFuturebooleanfalseDesativar datas depois de hoje
inlinebooleanfalseMostrar calendário embutido (sem pop-up)
namestring—Hidden input name for form submission (start date)
endNamestring—Hidden input name for end date (defaults to name-end)
placeholderstring—Trigger placeholder text
hideHeaderbooleanfalseOcultar o cabeçalho de navegação
hideFooterbooleanfalseOcultar o rodapé da ação

DateRangePreset

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