DatePickerOptions

Defines the active view that the Calendar initially renders. (See example). By default, the active view is month.

Always configure the activeView within the range defined by topView and bottomView.

Defines the bottommost Calendar view to which the user can navigate. (See example).

Sets the dates of the DatePicker that will be disabled. (See example).

Determines whether the built-in validator for disabled date ranges is enforced when validating a form. (see example).

Specifies the focused date of the Calendar component. (see example).

Specifies the date format that is used to display the input value. (see example).

Defines the descriptions of the format sections in the input field. (More information and examples).

Specifies the biggest valid date. (See example).

Specifies the smallest valid date. (See example).

Sets or gets the navigation property of the Calendar and determines whether the navigation side-bar is displayed. (See example).

Specifies the hint the DatePicker displays when its value is null. (More information and examples).

Configures the popup options of the DatePicker.

The available options are:

• animate: Boolean—Controls the popup animation. By default, the open and close animations are enabled.
• popupClass: String—Specifies a list of CSS classes that are used to style the popup.

Sets the read-only state of the DatePicker. (See example).

Sets the read-only state of the DatePicker input field. (See example).

If readonly property is set to true, the input will appear in a read-only state, without regard to the readOnlyInput value.

Sets the title of the input element of the DatePicker.

Defines the topmost Calendar view to which the user can navigate. (See example).

Determines whether to display a week number column in the month view of the Calendar. (See example).