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

YearCellTemplateDirective

A directive for customizing the year cells in the Calendar component.

This directive allows you to define a custom template for rendering the content of year cells when the Calendar is in year view. The template context provides access to the current date and cell context information.

Template Context Variables:

  • date - The Date object representing the current cell's date
  • cellContext - Additional context information about the current year cell

For more examples, refer to the article on templates.

html
<kendo-calendar [activeView]="'year'">
  <ng-template kendoCalendarYearCellTemplate let-context="cellContext">
    <span class="custom">{{context.formattedValue}}</span>
  </ng-template>
</kendo-calendar>

Selector

[kendoCalendarYearCellTemplate]

In this article
Selector
Not finding the help you need?
Contact Support