disabled boolean false Name disabled Description Whether or not the date field is disabled
Type boolean Default false dir Direction — Name dir Description The reading direction of the date field when applicable.
If omitted, inherits globally from ConfigProvider
Type ' ltr ' | ' rtl ' Default — modelValue DateRange | null — Name modelValue Description The controlled value of the field. Can be bound as v - model
Type null | DateRange Default — defaultValue DateRange — Name defaultValue Description The default value for the calendar
Type DateRange Default — name string — Name name Description The name of the field. Submitted with its owning form as part of a name/value pair.
Type string Default — required boolean false Name required Description When true
Type boolean Default false defaultPlaceholder DateValue — Name defaultPlaceholder Description The default placeholder date
Type CalendarDate | CalendarDateTime | ZonedDateTime Default — placeholder DateValue — Name placeholder Description The placeholder date, which is used to determine what month to display when no date is selected. This updates as the user navigates the calendar and can be used to programmatically control the calendar view
Type CalendarDate | CalendarDateTime | ZonedDateTime Default — maxValue DateValue — Name maxValue Description The maximum date that can be selected
Type CalendarDate | CalendarDateTime | ZonedDateTime Default — minValue DateValue — Name minValue Description The minimum date that can be selected
Type CalendarDate | CalendarDateTime | ZonedDateTime Default — locale string — Name locale Description The locale to use for formatting dates
Type string Default — readonly boolean false Name readonly Description Whether or not the date field is readonly
Type boolean Default false isDateUnavailable Matcher — Name isDateUnavailable Description A function that returns whether or not a date is unavailable
Type ( date : DateValue ) : boolean Default — id string — Name id Description Type string Default — hourCycle HourCycle — Name hourCycle Description The hour cycle used for formatting times. Defaults to the local preference
Type 12 | 24 Default — step DateStep — Name step Description The stepping interval for the time fields. Defaults to 1
Type DateStep Default — granularity Granularity — Name granularity Description The granularity to use for formatting times. Defaults to day if a CalendarDate is provided, otherwise defaults to minute. The field will render segments for each part of the date up to and including the specified granularity
Type ' day ' | ' hour ' | ' minute ' | ' second ' Default — hideTimeZone boolean false Name hideTimeZone Description Whether or not to hide the time zone segment of the field
Type boolean Default false defaultOpen boolean false Name defaultOpen Description The open state of the popover when it is initially rendered. Use when you do not need to control its open state.
Type boolean Default false open boolean false Name open Description The controlled open state of the popover.
Type boolean Default false modal boolean false Name modal Description The modality of the popover. When set to true, interaction with outside elements will be disabled and only popover content will be visible to screen readers.
Type boolean Default false pagedNavigation boolean false Name pagedNavigation Description This property causes the previous and next buttons to navigate by the number of months displayed at once, rather than one month
Type boolean Default false preventDeselect boolean false Name preventDeselect Description Whether or not to prevent the user from deselecting a date without selecting another date first
Type boolean Default false weekStartsOn WeekStartsOn — Name weekStartsOn Description The day of the week to start the calendar on
Type 0 | 1 | 2 | 3 | 4 | 5 | 6 Default — weekdayFormat WeekDayFormat — Name weekdayFormat Description The format to use for the weekday strings provided via the weekdays slot prop
Type ' narrow ' | ' short ' | ' long ' Default — fixedWeeks boolean false Name fixedWeeks Description Whether or not to always display 6 weeks in the calendar
Type boolean Default false numberOfMonths number — Name numberOfMonths Description The number of months to display at once
Type number Default — isDateDisabled Matcher — Name isDateDisabled Description A function that returns whether or not a date is disabled
Type ( date : DateValue ) : boolean Default — isDateHighlightable Matcher — Name isDateHighlightable Description A function that returns whether or not a date is hightable
Type ( date : DateValue ) : boolean Default — allowNonContiguousRanges boolean false Name allowNonContiguousRanges Description When combined with isDateUnavailable
Type boolean Default false fixedDate ' start ' | ' end ' — Name fixedDate Description Which part of the range should be fixed
Type ' start ' | ' end ' Default — maximumDays number — Name maximumDays Description The maximum number of days that can be selected in a range
Type number Default — closeOnSelect boolean true Name closeOnSelect Description Whether or not to close the popover on range select
Type boolean Default true class ClassValue — Name class Description Classes added to the part's own element, after its recipe classes.
Type null | string | false | Record < string , any > | ClassValue[] Default — triggerLabel string 'Open calendar' Name triggerLabel Description Names the calendar button for screen readers.
Type string Default 'Open calendar' separator string '–' Name separator Description Sits between the start and the end.
Type string Default '–'