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

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.

Definition

Package:@progress/kendo-angular-dateinputs

Selector:[kendoCalendarCellTemplate]

Syntax:

html
<kendo-calendar>
  <ng-template kendoCalendarCellTemplate let-date let-cellContext="cellContext">
    <span class="custom">{{date.getDate()}}</span>
  </ng-template>
</kendo-calendar>
In this article
Definition
Not finding the help you need?
Contact Support