CalendarProps

Represents the props of the Kendo UI for Vue Calendar component. The generic argument is passed to the change property and is used as a target in the CalendarChangeEvent interface.

Name	Type	Default	Description
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?	string		Defines the bottommost view to which the user can navigate.
cell?	any		Enables the customization or the override of the default Calendar cell (see example).
className?	string		Sets the className of the Calendar.
defaultActiveView?	string		Sets the default active view of the Calendar. If not set, the Calendar will display the month view.
defaultValue?	Date | SelectionRange | Date[]		Sets the default value of the Calendar.
disabled?	boolean		Determines whether the Calendar is disabled.
focusedDate?	Date		Sets the initial focused date of the Calendar.
headerTitle?	any		Enables the customization or the override of the default header title in the Calendar (see example).
id?	string		Sets the id of the Calendar.
max?	Date		Sets the maximum allowed date of the Calendar. Defaults to 2099-12-31.
min?	Date		Sets the minimum allowed date of the Calendar. Defaults to 1900-1-1.
mode?	CalendarMode		Sets the selection mode of the Calendar. The available modes are: (Default) single—Renders a single-date selection. multiple—Renders a multiple-date selection. range—Renders a date-range selection.
navigation?	boolean		Determines if the navigation sidebar will be displayed.
onBlur?	(event: any) => void		Fires each time the Calendar is blurred.
onChange?	(event: CalendarChangeEvent) => void		An event that is called after the value of the Calendar has changed.
onFocus?	(event: any) => void		Fires each time the Calendar is focused.
onWeekcellclick?	(event: CalendarWeekCellClickEvent) => void		An event called when the week number cell is clicked.
onWeeknameclick?	(event: CalendarWeekNameClickEvent) => void		An event called when the week name cell is clicked.
tabIndex?	number		Sets the tabIndex property of the Calendar.
topView?	string		Defines the topmost view to which the user can navigate.
value?	Date | SelectionRange | Date[]		Sets the value of the Calendar.
views	number		Sets the value of the Calendar.
weekCell?	any		Enables the customization or the override of the default week-column cell in the Calendar (see example).
weekNumber?	boolean		Determines if the week number column will be displayed.