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
| |
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 | |
disabledDatesRangeValidation |
| Determines whether the built-in validator for disabled date ranges is enforced when validating a form (see example). | |
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:
| |
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. | |
views |
| Sets or gets the | |
weekNumber |
| Determines whether to display a week number column in the | |
disabledDates |
| Sets the dates of the MultiViewCalendar that will be disabled (see example). | |
focusedDate |
| Sets or gets the
| |
max |
| Sets or gets the | |
min |
| Sets or gets the | |
selectionRange |
| Sets or gets the | |
value |
| Sets or gets the
|
Events
Name | Type | Description |
---|---|---|
activeViewChange |
| Fires when the active view is changed (more information and example). |
cellEnter |
| Fires when a view cell is entered (more information and example). |
cellLeave |
| Fires when a view cell is leaved (more information and example). |
navigate |
| Fires when navigating in the currently active view (more information and example). |
valueChange |
| Fires when the value is changed (more information and example). |
Methods
blur |
---|
Blurs the Calendar component. |
focus |
---|
Focuses the host element of the Calendar.
|