Event Resizing in the React Scheduler

Adjust appointment duration and timing by resizing from edge handlers. Resize handlers (top, bottom, left, right) are available across all Scheduler views. Ensure eventResize is set to true. Vertical resizing adjusts duration (extends or shortens the time slot), while horizontal resizing shifts the appointment position in Week and WorkWeek views.

On mobile devices, long-press an appointment to reveal touch-friendly resize dot handlers for precise control. Handlers appear automatically on desktop.

Resize lifecycle events

Three callbacks manage the resize lifecycle:

• onResizeStart: Fires when the user begins resizing. Use it to validate or cancel the resize operation.
• onResizing: Fires continuously while resizing. Use it for real-time duration validation or preview updates.
• onResizeStop: Fires when resizing ends. Use it for final validation or persisting the new event duration.