Last Updated: 15 Apr 2019 09:51 by Toine
Created on: 08 Apr 2019 12:33
Category: Scheduler
Type: Feature Request
Highlight and show time on hovering timeslot

Like in the other scheduler components it would be very nice to highlight the hoverd timeslot and show the start time of the slot when hovering


Posted on: 15 Apr 2019 09:51
Dimiter Topalov
Posted on: 15 Apr 2019 06:40
Hi Toine,

As the desired behavior can be easily achieved via the built-in templates and some custom CSS, and is not a missing generic functionality that our developers feel should be built-in in the Scheduler, we will have to decline this feature request, and suggest a sample custom implementation that yields the described behavior and layout:

template: `
        <kendo-scheduler [style.width.px]="1250" [kendoSchedulerBinding]="events" [selectedDate]="selectedDate">
            <ng-template kendoSchedulerTimeSlotTemplate let-date="date">
                <strong class="on-hover-only">{{ date | kendoDate : 't' }}</strong> Other content
    encapsulation: ViewEncapsulation.None,
    styles: [`
      .k-scheduler .k-scheduler-content td .on-hover-only {
        display: none;
      .k-scheduler .k-scheduler-content td:hover {
        background-color: lightblue;
      .k-scheduler .k-scheduler-content td:hover .on-hover-only {
        display: inline-block;

I hope this helps.

Dimiter Topalov
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.