New to Kendo UI for AngularStart a free 30-day trial

DatePickerOptions

Represents the available configuration options for the DatePicker component used in the recurrence editor.

NameTypeDefaultDescription

activeView?

CalendarView

'month'

Defines the active view that the Calendar initially renders (see example. Always set the activeView within the range defined by topView and bottomView.

bottomView?

CalendarView

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

disabledDates?

Date[] | Day[] | (date: Date) => boolean

Sets the dates of the DatePicker that are disabled (see example).

disabledDatesValidation?

boolean

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

focusedDate?

Date

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

format?

string

Sets the date format used to display the input value (see example).

formatPlaceHolder?

DateInputFormatPlaceholder

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

max?

Date

Sets the largest valid date (see example).

min?

Date

Sets the smallest valid date (see example).

boolean

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

placeholder?

string

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

popupSettings?

PopupSettings

Configures the popup options of the DatePicker.

readonly?

boolean

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

readOnlyInput?

boolean

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

If readonly is true, the input appears in a read-only state, regardless of the readOnlyInput value.

title?

string

Sets the title of the input element of the DatePicker.

topView?

CalendarView

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

weekNumber?

boolean

Determines if the week number column is displayed in the month view of the Calendar (see example).

Not finding the help you need?
Contact Support