RangeCalendar
Allow users to select a date range
Optional props
pageBehavior
Controls the behavior of paging. Pagination either works by advancing the visible page by visibleDuration (default) or one unit of visibleDuration.
minValue
The minimum allowed date that a user may select.
maxValue
The maximum allowed date that a user may select.
isDateUnavailable
Callback that is called for each date of the calendar. If it returns true, then the date is unavailable.
isDisabled
Whether the calendar is disabled.
isReadOnly
Whether the calendar value is immutable.
isInvalid
Whether the current selection is invalid according to application logic.
validationState
Whether the current selection is valid or invalid according to application logic.
autoFocus
Whether to automatically focus the calendar when it mounts.
onFocusChange
Handler that is called when the focused date changes.
errorMessage
An error message to display when the selected value is invalid.
aria-label
Defines a string value that labels the current element.
aria-labelledby
Identifies the element (or elements) that labels the current element.
aria-describedby
Identifies the element (or elements) that describes the object.
aria-details
Identifies the element (or elements) that provide a detailed, extended description for the object.
allowsNonContiguousRanges
When combined with isDateUnavailable, determines whether non-contiguous ranges,
i.e. ranges containing unavailable dates, may be selected.
value
The current value (controlled).
defaultValue
The default value (uncontrolled).
onChange
Handler that is called when the value changes.
focusedValue
Controls the currently focused date within the calendar.
defaultFocusedValue
The date that is focused when the calendar first mounts (uncountrolled).