Blocked events on month view

[sergiy iyrchyshyn]

How can we show events with property isBlock: true on month view?

[Ravikumar Venkatesan]

Hi Sergiy,

Sample: https://stackblitz.com/edit/ej2-angular-schedule-block-appointment?file=src%2Fapp.component.ts

UG: https://ej2.syncfusion.com/angular/documentation/schedule/appointments#block-dates-and-times

Demo: https://ej2.syncfusion.com/angular/demos/#/material/schedule/block-events

You can show the block appointments in the Schedule month view by adding an appointment with the IsBlock field true in the Schedule dataSource as highlighted in the below code snippet.

[app.component.ts]

export class AppComponent {

  public selectedDate: Date = new Date(2023, 2, 16);

  public eventSettings: EventSettingsModel = {

    dataSource: [{

      Id: 1,

      Subject: "Blocked date",

      StartTime: new Date(2023, 2, 16),

      EndTime: new Date(2023, 2, 17),

      IsBlock: true

    }]

  };

}

Regards,

Ravikumar Venkatesan