FooterTemplateDirective

A directive for customizing the footer in the Calendar component.

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

Template Context Variables:

• date - The Date object representing the current calendar context
• activeView - The current active view of the Calendar

For more examples, refer to the article on templates.

html

<kendo-calendar>
  <ng-template kendoCalendarFooterTemplate let-date let-activeView="activeView">
    <div class="custom">
      Today: {{date | date:'short'}} ({{activeView}} view)
    </div>
  </ng-template>
</kendo-calendar>

Selector

[kendoCalendarFooterTemplate]