Block a date in all the group elements

[vasamsetti saikiran]

Hi Team, 

I have a requirement of blocking a given date across the events in a group. 

for example - if I send some data saying block May 20th 2024, it should create a blockedEvent on all the views and rows across events. 

Please let me know if there is any functionality exposed by default.

[Vijay Ravi]

Hi Vasamsetti

We have validated your reported query in your appointment data. You can set IsAllDay: true and IsBlock: true to block the particular date for all view navigation. Refer to the shared video demo and sample for your reference. Kindly try it out.

[data.ts]

[

  {

    Id: 1,

    Subject: 'Blocked Event',

    StartTime: new Date(2024, 4, 20, 10, 0),

    EndTime: new Date(2024, 4, 20, 12, 0),

    IsAllDay: true,

    IsBlock: true,

    EmployeeId: 1

  }

]

Vertical view:

TimelineDay view:

Sample link: https://stackblitz.com/edit/angular-ar6p9k-iujxvf?file=src%2Fapp.component.ts

Please get back to us if you need any further assistance.

Regards,

Vijay

Attachment: blocked_video_demo_8c2c7f9.zip