Hi,
The first thing to do is get the delete button in the ‘editDialogOpen’ and prevent the default behaviour.
This way the event will not be deleted upon a click.
It is important to add the click event of the delete button with a named function because if you add an anonymous function the handler will be fired as many times as you open the dialog.
After you have prevented the default behaviour you can open the desired confirmation modal and manipulate the scheduler with its events
Here is an example of preventing the default behaviour in vanilla JS.
It will be almost the same in React.js
https://codepen.io/Svetoslav-Borislavov/pen/yLxMjqV?editors=0010
I hope this helps, if you have any further questions, do not hesitate to contact us!
Best Regards,
Svetoslav Borislavov
Smart UI Team
https://www.htmlelements.com/