Hiding the All Day Slot in the Scheduler

Environment

Product

Progress® Kendo UI® for Angular Scheduler

Description

How can I hide the All Day row in the Kendo UI for Angular Scheduler?

Solution

Use the following CSS snippet:

css

.hide-all-day .k-scheduler-table tr:nth-of-type(0),
.k-scheduler-times-all-day,
.k-scheduler-table.k-scheduler-header-all-day {
  display: none;
}

The following example demonstrates the full implementation of the suggested approach.

Change Theme

Theme

Loading ...

Notes

To apply the style locally, set encapsulation to ViewEncapsulation.None.