MultiViewCalendarProps<T>
Represents the props of the KendoReact MultiViewCalendar component. The generic argument is passed to the onChange
property and is used as a target in the MultiViewCalendarChangeEvent
interface.
activeRangeEnd? SelectionRangeEnd
Specifies which end of the defined selection range will be marked as active.
If the selection range is undefined, the value is ignored.
allowReverse? boolean
If set to true
, the component skips the validation of whether the from
value is after the to
value.
bottomView? ActiveView
Defines the bottommost view to which the user can navigate.
cell? React.ComponentType<CalendarCellProps>
Enables the customization or the override of the default MultiViewCalendar cell (see example).
className? string
Sets the className
of the MultiViewCalendar.
defaultActiveView? ActiveView
Sets the default active view of the MultiViewCalendar. If not set, the MultiViewCalendar displays the month view.
defaultValue? Date | Date[] | SelectionRange | null
Sets the default value of the MultiViewCalendar.
disabled? boolean
Determines whether the MultiViewCalendar is disabled.
focusedDate? Date
Sets the initial focused date of the MultiViewCalendar.
headerTitle? React.ComponentType<CalendarHeaderTitleProps>
Enables the customization or the override of the default header title in the MultiViewCalendar (see example).
id? string
Sets the id
of the MultiViewCalendar.
max? Date
Sets the maximum allowed date of the MultiViewCalendar. Defaults to 2099-12-31
.
min? Date
Sets the minimum allowed date of the MultiViewCalendar. Defaults to 1900-1-1
.
mode? MultiViewCalendarMode
Sets the selection mode of the MultiViewCalendar.
The available modes are:
- (Default)
single
—Renders a single-date selection. multiple
—Renders a multiple-date selection.range
—Renders a date-range selection.
onBlur? (event: FocusEvent<any>) => void
Fires each time the MultiViewCalendar is blurred.
onChange? (event: MultiViewCalendarChangeEvent<T>) => void
An event that is called after the value of the MultiViewCalendar has changed. The new value is generated based on the current mode
of the MultiViewCalendar.
onFocus? (event: FocusEvent<any>) => void
Fires each time the MultiViewCalendar is focused.
tabIndex? number
Sets the tabIndex
property of the MultiViewCalendar.
topView? ActiveView
Defines the topmost view to which the user can navigate.
value? Date | Date[] | SelectionRange | null
Sets the value of the MultiViewCalendar. Based on the value type, the MultiViewcalendar renders a single, multiple, or range selection.
views? number
Sets the views
property of the MultiViewCalendar and defines the number of rendered views.
weekCell? React.ComponentType<CalendarWeekCellProps>
Enables the customization or the override of the default week cell in the MultiViewCalendar (see example).
weekNumber? boolean
Determines if the week number column will be displayed.