How to load appointments on demand in the MAUI Scheduler (SfScheduler)?

public class LoadOnDemandViewModel : INotifyPropertyChanged
{
    private bool showBusyIndicator;
    private ObservableCollection<SchedulerAppointment>? events;
    
     /// <summary>
    /// Gets or sets the value to appointments load dynalically.
    /// </summary>
 
    public ICommand QueryAppointmentsCommand { get; set; }
 
    /// <summary>
    /// Gets or sets the value to display the scheduler view.
    /// </summary>
 
    public SchedulerView SchedulerView { get; set; }
 
    /// <summary>
    /// Gets or sets the value to display appointment collection.
    /// </summary>
 
    public ObservableCollection<SchedulerAppointment>? Events
    {
        get { return events; }
        set
        {
            events = value;
            this.RaiseOnPropertyChanged(nameof(Events));
        }
    }
   
    /// <summary>
    /// Gets or sets the value to stop the indicator after appointments loading.
    /// </summary>
 
    public bool ShowBusyIndicator
    {
        get { return showBusyIndicator; }
        set
        {
            showBusyIndicator = value;
            this.RaiseOnPropertyChanged(nameof(ShowBusyIndicator));
        }
    }
 
    public event PropertyChangedEventHandler? PropertyChanged;
 
    public LoadOnDemandViewModel()
    {
        this.SchedulerView = SchedulerView.Week;
 
        //// QueryAppointmentsCommand used to load the appointments dynamically based on the visible date range. 
        this.QueryAppointmentsCommand = new Command<object>(LoadMoreAppointments, CanLoadMoreAppointments);
    }
 
    private void RaiseOnPropertyChanged(string propertyName)
    {
        this.PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
 
    private bool CanLoadMoreAppointments(object obj)
    {
        return true;
    }
 
    private async void LoadMoreAppointments(object obj)
    {
        //// ShowBusyIndicator is used to start and stop the loading indicator animation before and after appointments are loaded with specified delay.
 
        //// You need to stop the loading indicator once appointments added.
        this.ShowBusyIndicator = true;
 
        //// Delay set to load the appointments and busy indicator.
        await Task.Delay(1500);
 
        var eventCollection = this.GenerateSchedulerAppointments(((SchedulerQueryAppointmentsEventArgs)obj).VisibleDates);
 
        //// Other than agenda view the appointment collection reset with current visible date range.
        if (this.SchedulerView != SchedulerView.Agenda)
        {
            this.Events = eventCollection;
        }
 
        //// For scheduler agenda view the new visible date range appointments added in collection.
 
        else
        {
            foreach (var meeting in eventCollection)
            {
                this.Events?.Add(meeting);
            }
        }
 
      //// You need to stop the loading indicator once appointments added.
        this.ShowBusyIndicator = false;
    }
 
    private ObservableCollection<SchedulerAppointment> GenerateSchedulerAppointments(List<DateTime> visibleDates)
    {
        var brush = new ObservableCollection<Brush>
{
    new SolidColorBrush(Color.FromArgb("#FF8B1FA9")),
    new SolidColorBrush(Color.FromArgb("#FFD20100")),
    new SolidColorBrush(Color.FromArgb("#FFFC571D")),
    new SolidColorBrush(Color.FromArgb("#FF36B37B")),
    new SolidColorBrush(Color.FromArgb("#FF3D4FB5")),
    new SolidColorBrush(Color.FromArgb("#FFE47C73")),
    new SolidColorBrush(Color.FromArgb("#FF636363")),
    new SolidColorBrush(Color.FromArgb("#FF85461E")),
    new SolidColorBrush(Color.FromArgb("#FF0F8644")),
    new SolidColorBrush(Color.FromArgb("#FF01A1EF"))
};
 
        var subjects = new ObservableCollection<string>
{
    "Business Meeting",
    "Conference",
    "Medical check up",
    "Performance Check",
    "Consulting",
    "Project Status Discussion",
    "Client Meeting",
    "General Meeting",
    "Yoga Therapy",
    "GoToMeeting",
    "Plan Execution",
    "Project Plan"
};
 
        Random ran = new();
        int daysCount = visibleDates.Count;
        DateTime visibleStartDate = visibleDates.FirstOrDefault();
        var appointments = new ObservableCollection<SchedulerAppointment>();
        for (int i = 0; i < 10; i++)
        {
            var startTime = visibleStartDate.AddDays(ran.Next(0, daysCount + 1)).AddHours(ran.Next(9, 16));
            appointments.Add(new SchedulerAppointment()
            {
                StartTime = startTime,
                EndTime = startTime.AddHours(1),
                Subject = subjects[ran.Next(0, subjects.Count)],
                Background = brush[ran.Next(0, brush.Count)]
            });
        }
 
        return appointments;
    }
}

<xmlns:scheduler ="clr-namespace:Syncfusion.Maui.Scheduler;assembly=Syncfusion.Maui.Scheduler">
 
<scheduler:SfScheduler x:Name="Scheduler" 
                     View="{Binding SchedulerView, Mode=TwoWay}"
                       AllowedViews="Day,Week,WorkWeek,Agenda"
                    AppointmentsSource="{Binding Events}"
                    ShowBusyIndicator="{Binding ShowBusyIndicator}"
                    QueryAppointmentsCommand="{Binding QueryAppointmentsCommand}">
<scheduler:SfScheduler.BindingContext>
        <local:LoadOnDemandViewModel/>
</scheduler:SfScheduler.BindingContext>
</scheduler:SfScheduler>