Реквизит

ОпораТипПо умолчаниюОписание
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)
allowSingleDateInRangebooleantrueРазрешить диапазон, в котором начало равно концу
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"Воскресенье
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
requiredbooleanfalseЗапретить очистку значения
showOutsideDaysbooleanfalseПоказать дни из соседних месяцев
highlightDatesDate[]—Dates to highlight
shouldCloseOnSelectbooleanfalseАвтоподтверждение при выборе даты окончания
numberOfMonthsnumber2Количество месяцев для отображения
captionLayout"buttons" | "dropdown""buttons"Caption navigation style
fromYearnumber—Start year for dropdown
toYearnumber—End year for dropdown
disablePastbooleanfalseОтключить даты до сегодняшнего дня
disableFuturebooleanfalseОтключить даты после сегодняшнего дня
inlinebooleanfalseПоказывать встроенный календарь (без всплывающего окна)
namestring—Hidden input name for form submission (start date)
endNamestring—Hidden input name for end date (defaults to name-end)
placeholderstring—Trigger placeholder text
hideHeaderbooleanfalseСкрыть заголовок навигации
hideFooterbooleanfalseСкрыть нижний колонтитул действия

DateRangePreset

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