CellTemplateDirective

A directive for customizing the cells in the Calendar component.

This directive allows you to define a custom template for rendering the content of calendar cells in the month 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 cell

For more examples, refer to the article on templates.

kendoCalendarCellTemplate is equivalent to kendoCalendarMonthCellTemplate.

html

<kendo-calendar>
  <ng-template kendoCalendarCellTemplate let-date let-cellContext="cellContext">
    <span class="custom">{{date.getDate()}}</span>
  </ng-template>
</kendo-calendar>

Selector

[kendoCalendarCellTemplate]