New to Kendo UI for Angular? Start a free 30-day trial

Templates

The DatePicker enables you to customize the content of each calendar cell by using cell templates.

To define a cell template, nest an <ng-template> tag with one of the available cell template directives inside the <kendo-datepicker> selector. The template context is set to the current Calendar component. To get a reference to the current date, use the let-date directive.

The available cell template directives are:

Example
View Source
Change Theme:

In this article

Not finding the help you need?