Please use the following Index.razor to reproduce the issue:
@page "/"
@using Syncfusion.Blazor.Schedule
<SfSchedule TValue="DbCateringMenuScheduleItem" Height="550px" @bind-SelectedDate="@CurrentDate" FirstDayOfWeek="1" StartHour="08:00" EndHour="20:00" DateFormat="dd/MM/yyyy" WorkDays="@(new int[] { 0, 1, 2, 3, 4, 5, 6 })">
<ScheduleWorkHours Start="08:00" End="20:00"></ScheduleWorkHours>
<ScheduleEventSettings DataSource="@DataSource" AllowAdding="false" AllowEditing="false" AllowDeleting="false"></ScheduleEventSettings>
<ScheduleTemplates>
<DateHeaderTemplate>
@{
var item = context as TemplateContext;
var date = item.Date;
var today = date.Date == DateTime.Today;
}
<div>
<div>
@date.DayOfWeek.ToString().Substring(0, 3)
</div>
<div>
@date.Day
</div>
</div>
</DateHeaderTemplate>
</ScheduleTemplates>
<ScheduleViews>
<ScheduleView Option="View.Week">
<EventTemplate>
@{
var item = context as DbCateringMenuScheduleItem;
<div>
@item.TemplateName
</div>
}
</EventTemplate>
</ScheduleView>
</ScheduleViews>
</SfSchedule>
@code{
DateTime CurrentDate = new DateTime(2020, 1, 31, 0, 0, 0);
List<DbCateringMenuScheduleItem> DataSource = new List<DbCateringMenuScheduleItem>();
protected override void OnInitialized()
{
DataSource = new List<DbCateringMenuScheduleItem>
{
new DbCateringMenuScheduleItem { TemplateName = "Init", StartTime = new DateTime(2020, 1, 31, 9, 30, 0) , EndTime = new DateTime(2020, 1, 31, 11, 0, 0) }
};
}
public class DbCateringMenuScheduleItem
{
public long? SiteMealId { get; set; }
public DateTime StartTime { get; set; }
public DateTime EndTime { get; set; }
public long MenuMealId { get; set; }
public string MealName { get; set; }
public long MenuTemplateId { get; set; }
public string TemplateName { get; set; }
public int? Week { get; set; }
public string WeekDay { get; set; }
}
}