Свойства

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