Connecting two schedulers together as one

Question

Hello,I need some help with this Problem i have two schedulers and i want to intertwine them.I have managed to create an appointment on the big scheduler and add it to the smaller but when i try to open the appointment on the small scheduler that works like a year calendar it opens its own modal and if i try to give it a similar modal it breaks the bigger scheduler. I also want to be able to create an event on either side and create an event on the other scheduler but if i use scheduler.addEvent(args.data) when the type is event create then it will create an infinite loop between them so is there a way to connected them into one when something is done on one scheduler the other does the same.

Vengatesh Maniraj · Accepted Answer

Hi Marios, 
 
Greetings from Syncfusion Support. 
 
We have validated your requirement “Connecting two scheduler together” and we recommend you to use the same datasource to both schedulers and call the refreshEvents method in actionComplete event of both schedulers to achieve your requirement. For more reference, please check the below code snippet. 
 
Schedule 1:  
   
eventSettings: { dataSource: data }, 
  actionComplete: function (args) { 
    if ( 
      args.requestType === 'eventChanged' || 
      args.requestType === 'eventCreated' || 
      args.requestType === 'eventRemoved' 
    ) { 
      scheduleObj2.refreshEvents(); 
    } 
  } 
 
Schedule 2:  
 
eventSettings: { dataSource: data }, 
  actionComplete: function (args) { 
    if ( 
      args.requestType === 'eventChanged' || 
      args.requestType === 'eventCreated' || 
      args.requestType === 'eventRemoved' 
    ) { 
      scheduleObj1.refreshEvents(); 
    } 
  }, 
 
Also, you can find the same in the below sample. 
 
Sample: https://stackblitz.com/edit/8kj85u?file=index.js 
 
Kindly check the above sample and get back to us if you need any further assistance. 
 
Regards, 
Vengatesh