Want to freeze certain cells of scheduler for only new patient appointments

Question

We have a requirement where we want certain cell(s) to be freeze for only new patient appointment(s) and the cell(s) should show some sort of text and can have some background color. If a user drags an existing appointment of type follow up appointment or if a user tries to create an appointment of type follow up in new patient to a cell(s) which is/are freezed for only new patient appointments then a validation should pops up and it is just a soft validation and the user can still books new appointments or rearrange existing follow up appointment(s) in new patient freeze cells.

Karthigeyan Krishnamurthi · Answer

Hi Ankush, 
 
Syncfusion greetings. 
 
In the below sample, color is applied to all the cells and text is rendered for particular cells. When an event is created/dropped in the text cells, alert will be displayed (using actioBegin event) before inserting the event in those cell. 
https://ej2.syncfusion.com/react/documentation/schedule/cell-customization/?no-cache=1#using-template 
https://ej2.syncfusion.com/react/demos/#/material/schedule/cell-template 
https://ej2.syncfusion.com/react/documentation/api/schedule/#actionbegin 
https://stackblitz.com/edit/react-bkc9rc-ynnzry?file=index.js 
 
onActionBegin(args) { 
    if (args.requestType == "eventCreate" || args.requestType == "eventChange") { 
      var date = args.data[0] || args.data; 
      if ((date.StartTime.getFullYear() == 2019 && date.StartTime.getMonth() == 0 && (date.StartTime.getDate() == 7 || date.StartTime.getDate() == 9) && (date.StartTime.getHours() == 10 || date.StartTime.getHours() == 11)) || date.EndTime.getFullYear() == 2019 && date.EndTime.getMonth() == 0 && (date.EndTime.getDate() == 7 || date.EndTime.getDate() == 9) && (date.EndTime.getHours() == 10 || date.EndTime.getHours() == 11)) { 
        alert("Only for new patient"); 
      } 
    } 
  } 
 
Regards, 
Karthi