New to Kendo UI for Angular? Start a free 30-day trial
CenturyCellTemplateDirective
A directive for customizing the century cells in the Calendar component.
This directive allows you to define a custom template for rendering the content of century cells when the Calendar is in century 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 datecellContext
- Additional context information about the current century cell
For more examples, refer to the article on templates.
html
<kendo-calendar [activeView]="activeView">
<ng-template kendoCalendarCenturyCellTemplate let-context="cellContext">
<span class="custom">{{context.formattedValue}}</span>
</ng-template>
</kendo-calendar>
Selector
[kendoCalendarCenturyCellTemplate]