HeaderTitleTemplateDirective

A directive for customizing the header title in the Calendar component.

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

Template Context Variables:

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

For more examples, refer to the article on templates.

html

<kendo-calendar>
  <ng-template kendoCalendarHeaderTitleTemplate let-title let-activeView="activeView">
    <span class="custom">{{title}} ({{activeView}})</span>
  </ng-template>
</kendo-calendar>

Selector

[kendoCalendarHeaderTitleTemplate]