Свойства

СвойствоТипПо умолчаниюОписание
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;
/** Высота (в px) каждого элемента колеса прокрутки. По умолчанию 32. */
itemHeight?: number;
}