CalendarComponent
Represents the Kendo UI Calendar component for Angular.
@Component({
selector: 'my-app',
template: `
<kendo-calendar></kendo-calendar>
`
})
export class AppComponent { }
Selector
kendo-calendar
Export Name
Accessible in templates as #kendoCalendarInstance="kendo-calendar"
Inputs
Name | Type | Default | Description |
---|---|---|---|
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.
Applies to the
|
bottomView |
| Defines the bottommost view to which the user can navigate (see example). | |
disabled |
| Sets or gets the | |
navigation |
| Sets or gets the | |
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:
| |
tabindex |
| Sets or gets the | |
topView |
| Defines the topmost view to which the user can navigate (see example). | |
weekNumber |
| Determines whether to display a week number column in the | |
disabledDates |
| Sets the dates of the Calendar that will be disabled (see example). | |
focusedDate |
| Sets or gets the
| |
max |
| Sets or gets the | |
min |
| Sets or gets the | |
type |
| Specifies the Calendar type. The possible values are:
| |
value |
| Sets or gets the
|
Events
Name | Type | Description |
---|---|---|
activeViewChange |
| Fires when the active view is changed (more information and example). |
activeViewDateChange |
| Fires when the active view date is changed
(more information and example).
Applies to the |
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.
|