Свойства

СвойствоТипПо умолчаниюОписание
valueDate | null—Выбранное значение даты и времени
onChange(dateTime: Date | null) => void—Колбэк при изменении значения
timeTimeConfig—Конфигурация панели времени
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Автоматическое подтверждение при клике на пресет
numberOfMonthsnumber1Количество отображаемых месяцев
captionLayout"buttons" | "dropdown""buttons"Стиль навигации в заголовке
fromYearnumber—Начальный год для выпадающего списка
toYearnumber—Конечный год для выпадающего списка
disablePastbooleanfalseОтключить даты до сегодняшнего дня
disableFuturebooleanfalseОтключить даты после сегодняшнего дня
inlinebooleanfalseПоказывать календарь встроенным (без всплывающего окна)
namestring—Имя скрытого поля для отправки формы
placeholderstring—Текст-заполнитель для триггера
hideHeaderbooleanfalseСкрыть заголовок навигации
hideFooterbooleanfalseСкрыть нижний колонтитул с действиями

TimeConfig

interface TimeConfig {
/** Точность отображения времени. По умолчанию "minute". */
precision?: "hour" | "minute" | "second";
/** 12-часовой или 24-часовой формат. По умолчанию "24". */
hourFormat?: "12" | "24";
/** Шаг приращения минут. По умолчанию 5. */
minuteStep?: 1 | 2 | 3 | 5 | 10 | 15 | 20 | 30;
/** Шаг приращения секунд. По умолчанию 1. */
secondStep?: 1 | 2 | 3 | 5 | 10 | 15 | 20 | 30;
/** Высота (в пкс) каждого элемента колеса прокрутки. По умолчанию 32. */
itemHeight?: number;
}