External Form Editing in the React Scheduler

Add event programmatically

Create appointments using the addEvent method. Pass a single appointment object or an array of appointment objects to add them to the data source.

Edit event programmatically

Update appointments using the saveEvent method. Pass a modified event object with a valid id that exists in the Scheduler's data source to update the correct record.

Delete event programmatically

Remove appointments using the deleteEvent method. Pass either the event's id or the entire event object to delete the corresponding record.

External form editing

This example demonstrates how to manage events (normal, all-day, and spanned) using an external form above the Scheduler:

• Click an appointment to populate the form with its Subject, Location, Start date, End date, and All-day status
• Click Save to update an existing event or create a new one
• Click Delete to remove the selected event
• Click Cancel to clear the form