Week Timeline showing just days (no hours)

[HappyCamper]

Hi there,

I am trying to replicate the room scheduler, but in the timeline week view, I only want to show the days (Mon thru sun) and not per hour.

I have tried setting the timelineview interval to 1440, but this still creates two columns, one from 12AM - 12PM and then 12PM - 12AM.  How can I have a week timeline view that only shows the days for a week?

Current:

On above, want to remove the time row and just have it as days.  so a clear view of the week with just the days. 

Something like this:

but just the week (mon to sun)

Currently my view settings looks like this:

<ScheduleView Option="View.TimelineWeek" EnableVirtualMask="true" DisplayName="Week" ShowWeekNumber="true" Interval="1">

                    <ChildContent>

                        <ScheduleViewTimeScale Enable="true" Interval="1440"/>

                    </ChildContent>

                    <EventTemplate>

                        @{

                            AppointmentData scheduleData = (context as AppointmentData);

                            <div class='template-wrap' style='background:#646564'>

                                <div class="subject" style='background: #a5a7a5; border-left: 15px solid #646564; border-right: 15px solid #a5a7a5;'>@(scheduleData.Subject)</div>

                            </div>

                        }

                    </EventTemplate>

[Vengatesh Maniraj]

Hi HappyCamper,

Greetings from Syncfusion Support.

How can I have a week timeline view that only shows the days for a week?

We have checked your shared code snippet and we would like to suggest setting the SlotCount value as 1 in the ScheduleViewTimeScale setting like below to achieve your requirement.

<ScheduleView Option="View.TimelineWeek" EnableVirtualMask="true" DisplayName="Week" ShowWeekNumber="true" Interval="1">

         <ChildContent>

                 <ScheduleViewTimeScale Enable="true" SlotCount="1" Interval="1440" />

          </ChildContent>

 </ScheduleView>

Want to remove the time row and just have it as days

We can remove the time row by overriding the below CSS class.

    .e-timeline-week-view .e-date-header-container .e-schedule-table tbody > tr:nth-child(2){

        display:none;

    }

For more references, kindly check the below sample and get back to us if you need any further assistance.

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ScheduleComponent-1978133036

Regards,

Vengatesh