MultiViewCalendarComponent
Represents the Kendo UI MultiViewCalendar component for Angular.
<kendo-multiviewcalendar> </kendo-multiviewcalendar>
Selector
kendo-multiviewcalendar
Export Name
Accessible in templates as #kendoMultiViewCalendarInstance="kendo-multiviewcalendar"
Inputs
Name | Type | Default | Description |
---|---|---|---|
activeRangeEnd |
|
Specifies which end of the defined selection range should be marked as active.
| |
activeView |
|
|
Specifies the active view that the Calendar initially renders.
By default, the active view is
|
allowReverse |
|
|
Allows reverse selection when using |
animateNavigation |
|
|
Determines whether to enable animation when navigating to previous/next view.
|
bottomView |
|
|
Specifies the bottommost view to which you can navigate. |
disabled |
|
|
Specifies whether the component is disabled (see example). To learn how to disable the component in reactive forms, refer to the article on Forms Support. |
disabledDates |
|
Specifies the dates of the MultiViewCalendar that will be disabled (see example). | |
disabledDatesRangeValidation |
|
|
Determines whether the built-in validator for disabled date ranges is enforced when validating a form (see example). |
focusedDate |
|
Specifies the focused date of the Calendar (see example). If the Calendar is outside the | |
footer |
|
|
Toggles the visibility of the footer. |
max |
|
|
Specifies the maximum allowed date value |
min |
|
|
Specifies the minimum allowed date value |
orientation |
|
Specifies the orientation of the MultiViewCalendar. The available values are:
| |
rangeValidation |
|
|
Determines whether the built-in |
selection |
|
|
Sets the Calendar selection mode (see example). |
selectionRange |
|
Specifies the
| |
showOtherMonthDays |
|
|
Shows days that fall outside the current month (see example). |
showViewHeader |
|
|
Determines whether to display a header for every view (for example, the month name). |
tabindex |
|
|
Specifies the |
topView |
|
|
Specifies the topmost view to which you can navigate. |
value |
|
Sets or gets the
instance when in | |
views |
|
|
Specifies the |
weekDaysFormat? |
|
|
Specifies the format of the displayed week day names. |
weekNumber |
|
|
Specifies whether to display a week number column in the |
Events
Name | Type | Description |
---|---|---|
activeViewChange |
|
Fires when the active view is changed (see example). |
blur |
|
Fires each time the MultiViewCalendar gets blurred (see example). |
cellEnter |
|
Fires when a view cell is entered (see example). |
cellLeave |
|
Fires when a view cell is leaved (see example). |
focus |
|
Fires each time the MultiViewCalendar gets focused (see example). |
navigate |
|
Fires when navigating in the currently active view (see example). |
valueChange |
|
Fires when the value is changed (see example). |
Methods
blur |
---|
Blurs the Calendar component. |
focus |
---|
Focuses the host element of the Calendar. ts
|