@page "/"
@using Syncfusion.Blazor.Schedule
@using Syncfusion.Blazor
<SfSchedule TValue=AppointmentData StartHour="09:00" EndHour="18:00">
<ScheduleEventSettings DataSource="@DataSource"></ScheduleEventSettings>
<ScheduleViews>
<ScheduleView Option="View.Day"></ScheduleView>
<ScheduleView Option="View.Week"></ScheduleView>
<ScheduleView Option="View.Month"></ScheduleView>
<ScheduleView Option="View.Agenda"></ScheduleView>
</ScheduleViews>
<style>
.e-location-container,
.e-time-zone-container {
display: none;
}
</style>
</SfSchedule>
@code {
public class AppointmentData
{
public int Id { get; set; }
public string Subject { get; set; }
public DateTime StartTime { get; set; }
public DateTime EndTime { get; set; }
public string PatientName { get; set; }
public string PHN { get; set; }
}
private List<AppointmentData> DataSource = new List<AppointmentData>
{
new AppointmentData { Id = 1, Subject = "Appointment", StartTime = new DateTime(2023, 03, 17, 10, 0, 0), EndTime = new
DateTime(2023, 03, 17, 12, 0, 0), PatientName = "John Doe", PHN = "123456"}
};
}