MultiViewCalendarComponent
Represents the Kendo UI MultiViewCalendar component for Angular.
@Component({
selector: 'my-app',
template: `
<kendo-multiviewcalendar></kendo-multiviewcalendar>
`
})
export class AppComponent { }
Selector
kendo-multiviewcalendar
Export Name
Accessible in templates as #kendoMultiViewCalendarInstance="kendo-multiviewcalendar"
Inputs
Name | Type | Default | Description |
---|---|---|---|
activeRangeEnd |
|
Specify, which end of the defined selection range should be marked as active.
| |
activeView |
|
Defines the active view that the Calendar initially renders
(see example).
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 |
|
Defines the bottommost view, to which the user can navigate (see example). | |
disabled |
|
Sets or gets the | |
disabledDates |
|
Sets 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 |
|
Sets or gets the
| |
footer |
|
|
Toggles the visibility of the footer. |
max |
|
Sets or gets the | |
min |
|
Sets or gets the | |
orientation |
|
Specifies the orientation of the MultiViewCalendar. The available values are:
| |
rangeValidation |
|
Determines whether the built-in min or max validators are enforced when validating a form. | |
selection |
|
Sets the Calendar selection mode (see example). The available values are:
| |
selectionRange |
|
Sets or gets the
| |
showOtherMonthDays |
|
|
Displays the days that fall out of the current month (see example). |
showViewHeader |
|
Determines whether to display a header for every view (for example the month name). | |
tabindex |
|
Sets or gets the | |
topView |
|
Defines the topmost view, to which the user can navigate. | |
value |
|
Sets or gets the
instance when in | |
views |
|
Sets or gets the | |
weekDaysFormat? |
|
|
Sets the format of the displayed Calendar week days' names. |
weekNumber |
|
Determines 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
|