Свойства

СвойствоТипПо умолчаниюОписание
valueDate | null—Выбранное значение даты
onChange(date: Date | null) => void—Коллбэк при изменении значения
minDateDate—Минимальная доступная для выбора дата
maxDateDate—Максимальная доступная для выбора дата
localePartial<Locale>—Пользовательская конфигурация локали
initialMonthDate—Изначально отображаемый месяц
size"small" | "medium" | "large" | "x-large""medium"Размер компонента
weekStartsOnWeekDay"sunday"Первый день недели
isDateUnavailable(date: Date) => boolean—Отметить даты как недоступные
displayFormatstring—Пользовательский формат отображения (например, "YYYY/MM/DD")
openboolean—Управляемое состояние открытия
initialOpenboolean—Начальное состояние открытия (неконтролируемое)
onOpenChange(open: boolean) => void—Коллбэк при изменении состояния открытия
requiredbooleanfalseЗапретить очистку значения
showOutsideDaysbooleanfalseПоказывать дни из соседних месяцев
highlightDatesDate[]—Даты для выделения
shouldCloseOnSelectbooleanfalseАвтоматическое подтверждение при клике на дату
numberOfMonthsnumber1Количество отображаемых месяцев
captionLayout"buttons" | "dropdown""buttons"Стиль навигации в заголовке
fromYearnumber—Начальный год для выпадающего списка
toYearnumber—Конечный год для выпадающего списка
disablePastbooleanfalseОтключить даты до сегодняшнего дня
disableFuturebooleanfalseОтключить даты после сегодняшнего дня
inlinebooleanfalseПоказывать календарь встроенным (без всплывающего окна)
namestring—Имя скрытого поля ввода для отправки формы
placeholderstring—Текст-заполнитель для триггера
hideHeaderbooleanfalseСкрыть заголовок навигации
hideFooterbooleanfalseСкрыть футер с действиями