All docs
V24.1
24.2
24.1
23.2
23.1
22.2
The page you are viewing does not exist in version 22.2.
22.1
The page you are viewing does not exist in version 22.1.
21.2
The page you are viewing does not exist in version 21.2.
21.1
The page you are viewing does not exist in version 21.1.
20.2
The page you are viewing does not exist in version 20.2.
20.1
The page you are viewing does not exist in version 20.1.
19.2
The page you are viewing does not exist in version 19.2.
19.1
The page you are viewing does not exist in version 19.1.
18.2
The page you are viewing does not exist in version 18.2.
18.1
The page you are viewing does not exist in version 18.1.
17.2
The page you are viewing does not exist in version 17.2.
A newer version of this page is available. Switch to the current version.

JavaScript/jQuery Calendar Types

CalendarSelectionMode

Specifies one of three selection modes: single, multiple, or range.

Accepted Values: 'single' | 'multiple' | 'range'

CalendarZoomLevel

Specifies the current calendar zoom level.

Accepted Values: 'century' | 'decade' | 'month' | 'year'

DisabledDate

Specifies dates that users cannot select.

import { DisabledDate } from "devextreme/ui/calendar"
Type:

Object

DisposingEvent

The type of the disposing event handler's argument.

import { DisposingEvent } from "devextreme/ui/calendar"
Type:

Object

InitializedEvent

The type of the initialized event handler's argument.

import { InitializedEvent } from "devextreme/ui/calendar"
Type:

Object

OptionChangedEvent

The type of the optionChanged event handler's argument.

import { OptionChangedEvent } from "devextreme/ui/calendar"
Type:

Object

ValueChangedEvent

The type of the valueChanged event handler's argument.

import { ValueChangedEvent } from "devextreme/ui/calendar"
Type:

Object

WeekNumberRule

Specifies a week number calculation rule.

Accepted Values: 'auto' | 'firstDay' | 'fullWeek' | 'firstFourDays'