CalendarComponent
Represents the Kendo UI Calendar component for Angular.
<kendo-calendar></kendo-calendar>
Selector
kendo-calendar
Export Name
Accessible in templates as #kendoCalendarInstance="kendo-calendar"
Inputs
Name | Type | Default | Description |
---|---|---|---|
activeRangeEnd |
|
|
Specifies which end of the defined selection range should be marked as active. Value will be ignored if the selection range is undefined. If range selection is used then the default value is 'start'. |
activeView |
|
|
Defines the active view that the Calendar initially renders
(see example).
You have to set |
allowReverse |
|
|
Allows reverse selection when using |
animateNavigation |
|
|
Determines whether to enable animation when navigating to previous/next view.
Applies to the This feature uses the Web Animations API. In order to run the animation in browsers that do not support it, you need the |
bottomView |
|
|
Defines the bottommost view to which the user can navigate (see example). |
disabled |
|
Sets or gets the | |
disabledDates |
|
Specifies the dates of the Calendar that will be disabled (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 (see example). |
min |
|
|
Specifies the minimum allowed date value (see example). |
navigation |
|
|
Determines whether the navigation side-bar will be displayed
(see example).
Applies to the |
rangeValidation |
|
|
Determines whether the built-in |
selection |
|
|
Sets the Calendar selection mode (see example). |
showOtherMonthDays |
|
Shows days that fall outside the current month and the default values per Calendar type are false for infinite and true for classic (see example). | |
tabindex |
|
|
Specifies the |
topView |
|
|
Defines the topmost view to which the user can navigate (see example). |
type |
|
|
Specifies the Calendar type. |
value |
|
Sets or gets the The | |
weekDaysFormat? |
|
|
Specifies the format of the displayed week day 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). |
activeViewDateChange |
|
Fires when the active view date is changed
(see example).
Applies to the |
navigate |
|
Fires when navigating in the currently active view (see example). |
blur |
|
Fires each time the Calendar gets blurred (see example). |
focus |
|
Fires each time the Calendar gets focused (see example). |
valueChange |
|
Fires when the value is changed (see example). |
Methods
blur |
---|
Blurs the Calendar component. |
focus |
---|
Focuses the Calendar by making the table.k-calendar-table element active. |