New to Kendo UI for Vue? Start a free 30-day trial

DateRangePickerCalendarSettings

Represents the settings that can be passed to the Calendar inside the DateRangePicker.

NameTypeDefaultDescription

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.

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.

navigation?

boolean

Determines if the navigation sidebar will be displayed.

navigationItem?

any

Enables the customization or the override of the default navigation item in the Calendar (see example).

onBlur?

(event: any) => void

Fires each time the Calendar is blurred.

onFocus?

(event: any) => void

Fires each time the Calendar is focused.

tabIndex?

number

Sets the tabIndex property of the Calendar.

topView?

string

Defines the topmost view to which the user can navigate.

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.