Свойства

СвойствоТипПо умолчаниюОписание
value{ start: Date | null; end: Date | null }Выбранное значение диапазона даты и времени
onChange(value: { start: Date | null; end: Date | null }) => voidОбратный вызов при изменении значения
timeTimeConfigКонфигурация панели времени (применяется как к началу, так и к концу)
presetsDateRangePreset[]Предопределенные наборы диапазонов дат
maxDaysnumberМаксимальное количество дней в диапазоне (включительно)
minDaysnumberМинимальное количество дней в диапазоне (включительно)
allowSingleDateInRangebooleantrueРазрешить диапазон, в котором начало равно концу
minDateDateМинимальная выбираемая дата
maxDateDateМаксимальная выбираемая дата
localePartial<Locale>Пользовательская конфигурация локали
initialMonthDateИзначально отображаемый месяц
size"small" | "medium" | "large" | "x-large""medium"Размер компонента
weekStartsOnWeekDay"sunday"Первый день недели
isDateUnavailable(date: Date) => booleanОтметить даты как недоступные
displayFormatstringПользовательский формат отображения
openbooleanУправляемое состояние открытия
initialOpenbooleanНачальное состояние открытия (неуправляемое)
onOpenChange(open: boolean) => voidОбратный вызов при изменении состояния открытия
requiredbooleanfalseОтключить очистку значения
showOutsideDaysbooleanfalseПоказывать дни из соседних месяцев
highlightDatesDate[]Даты для выделения
shouldCloseOnSelectbooleanfalseАвтоматическое подтверждение при клике на пресет
numberOfMonthsnumber2Количество отображаемых месяцев
captionLayout"buttons" | "dropdown""buttons"Стиль навигации в заголовке
fromYearnumberГод начала для выпадающего списка
toYearnumberГод окончания для выпадающего списка
disablePastbooleanfalseОтключить даты до сегодняшнего дня
disableFuturebooleanfalseОтключить даты после сегодняшнего дня
inlinebooleanfalseПоказывать календарь встроенным (без всплывающего окна)
namestringИмя скрытого поля для отправки формы (начальная дата-время)
endNamestringИмя скрытого поля для конечной даты-времени (по умолчанию name-end)
placeholderstringТекст-заполнитель для триггера
hideHeaderbooleanfalseСкрыть заголовок навигации
hideFooterbooleanfalseСкрыть нижний колонтитул с действиями

TimeConfig

interface TimeConfig {
/** Time display precision. Defaults to "minute". */
precision?: "hour" | "minute" | "second";
/** 12-hour or 24-hour format. Defaults to "24". */
hourFormat?: "12" | "24";
/** Minute increment step. Defaults to 5. */
minuteStep?: 1 | 2 | 3 | 5 | 10 | 15 | 20 | 30;
/** Second increment step. Defaults to 1. */
secondStep?: 1 | 2 | 3 | 5 | 10 | 15 | 20 | 30;
/** Height (in px) of each scroll wheel item. Defaults to 32. */
itemHeight?: number;
}

DateRangePreset

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