New to Telerik UI for ASP.NET Core? Download free 30-day trial

Day Template

The Calendar enables you to customize the rendered day for the month view.

The following example demonstrates how to create a Calendar by using a custom template.

    @(Html.Kendo().Calendar()
                .Name("calendar")
                .MonthTemplate(x=> x.Content("<div class='custom'><#=data.value#></div>")))
    <kendo-calendar name="calendar">
        <month content="<div class='custom'><#=data.value#></div>"/>
    </kendo-calendar>

The template wraps the value in a <div> HTML element. The structure of the data object that is passed to the template function:

    data = {
        date: date, // A date object corresponding to the current cell.
        title: kendo.toString(date, "D"),
        value: date.getDate(),
        dateString: "2011/0/1" // A formatted date based on the yyyy/MM/dd format and a zero-based month.
    };

See Also

In this article