Highlighting the Current Day in the Scheduler

Environment

Product

Progress® Kendo UI® for Angular Scheduler

Description

How can I highlight the current day in the Kendo UI for Angular Scheduler?

Solution

To highlight the current day in the Scheduler, use the slotClass callback function. The function is called for each slot in the Scheduler and allows you to compare the slot date with the current date. If the condition is passed return a CSS class name that will be applied to the slot element.

The following example demonstrates how to highlight the current day in the Scheduler Month View by using the built-in slotClass callback function.

Change Theme

Theme

Loading ...