Свойства

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