How to make only one reservation at a specific time

Question

How to make only one reservation at a specific time, Meaning, I do not want to place any reservation with another reservation so that the word more like the one in the screenshot does not appear

Attachment: screen_9e1a2e97.zip

Balasubramanian Sattanathan · Accepted Answer

Hi Kareem, 

Greetings from Syncfusion Support. 

We have validated your requirement “How to make only one reservation at a specific time” at our side and prepared a sample based on that by making use of the actionBegin event and isSlotAvailable public method like the below code snippet. 





onActionBegin(args) { 
  if (args.requestType === 'eventCreate' && args.data.length > 0) { 
    let eventData = args.data[0]; 
    let eventField = this.scheduleObj.eventFields; 
    let startDate = eventData[eventField.startTime]; 
    let endDate = eventData[eventField.endTime]; 
    args.cancel = !this.scheduleObj.isSlotAvailable(startDate, endDate); 
  } 
} 

Sample: https://stackblitz.com/edit/react-hrle5g-xcvuq5?file=index.js 
UG: https://ej2.syncfusion.com/react/documentation/schedule/cell-customization/#check-for-cell-availability  

Kindly try the above solution and let us know if this is helpful. 

Regards, 
Balasubramanian S