[Solved] Date Header displays an incorrect value when slotduration is set to "full day" in timeline month view

[Kumeri]

In Kendo Scheduler Angular,

 Date Header displays an incorrect value when slotduration is set to "full day" in timeline month view. it should not display 12:00 AM in each slot.

    <kendo-scheduler

      [kendoSchedulerBinding]="events"

      [selectedDate]="selectedDate"

      [slotDuration]="1440"

    >

      <kendo-scheduler-timeline-month-view>

      </kendo-scheduler-timeline-month-view>

    </kendo-scheduler>

[Zornitsa]

Hi Kumeri,

Thank you for the code snippet and screenshot provided.

The observed behavior in the Scheduler with the explained configuration is expected. To be more comprehensive, by default, the startTime property of the Scheduler is set to 00:00 (12:00 AM). On that note, each time slot header in the Timeline Month view displays 12:00 AM when slotDuration is set to one full day (or 1440 minutes) because the slot header shows the start time for each slot.

For better understanding, feel free to check out the following demo, which allows you to observe how the time slots change based on the configured slot duration, start and end time:

• https://www.telerik.com/kendo-angular-ui/components/scheduler/views/timeline#configuring-time-slots-within-a-time-range 

In this line of thought, you can customize the time displayed in the slot headers by setting the startTime property to the desired time:

<kendo-scheduler
      [kendoSchedulerBinding]="events"
      [selectedDate]="selectedDate"
      [slotDuration]="1440"
      startTime="08:00"
    >
    <kendo-scheduler-timeline-month-view>
    </kendo-scheduler-timeline-month-view>
</kendo-scheduler>

Alternatively, if you prefer not to show the start time in the slot at all, the kendoSchedulerMajorTimeHeaderTemplate directive allows you to change the header content as desired:

• https://www.telerik.com/kendo-angular-ui/components/scheduler/templates#major-time-headers 
  

I hope the provided information sheds some light on the matter.

Regards,
Zornitsa
Progress Telerik

[Kumeri]

Yes, but when the slot duration is a full day, it doesn't make sense to have the Major TimeHeader Template.  It does not have any meaning to display anytime there. If we edit the template to just display an empty value, then it will be an empty row above the calendar content, which is like a defect in the control. Is there any other way to completely hide the major timeheader templete  

 

[Zornitsa]

Hi Kumeri,

The developer can use the following CSS declaration to completely hide the major time header in the Scheduler:

.k-scheduler-table tr:nth-child(2) {
    display: none;
} 

For demonstration of the above approach, please refer to the following StackBlitz example:

• https://stackblitz.com/edit/angular-6ya9j3go 

I hope this is what you are looking for. Let me know in case you have any further questions.

Regards,
Zornitsa
Progress Telerik