New to Kendo UI for AngularStart a free 30-day trial

A directive for customizing the navigation items in the Calendar component.

This directive allows you to define a custom template for rendering the content of navigation items in the Calendar header. The template context provides access to the title, current date, and active view.

Template Context Variables:

  • title - The formatted title text for the navigation item
  • date - The Date object representing the current navigation context
  • activeView - The current active view of the Calendar

For more examples, refer to the article on templates.

Definition

Package:@progress/kendo-angular-dateinputs

Selector:[kendoCalendarNavigationItemTemplate]

Syntax:

html
<kendo-calendar>
  <ng-template kendoCalendarNavigationItemTemplate let-title let-date="date">
    <span class="custom">{{title}} - {{date | date:'yyyy'}}</span>
  </ng-template>
</kendo-calendar>
In this article
Definition
Not finding the help you need?
Contact Support