Свойства

СвойствоТипПо умолчаниюОписание
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;
}