Overlapping Events in the React Scheduler

By default, the Scheduler displays overlapping appointments side-by-side. When multiple events occur during the same time period, each shares the available width proportionally.

Preventing Overlapping Events

Set eventOverlap to false to block conflicting events. New or updated events that overlap with existing appointments are rejected, and a conflict warning appears.

When eventOverlap is set to false:

• On initial load: The Scheduler arranges non-overlapping events by prioritizing duration and all-day status—longer and all-day events take precedence.
• On event changes: Conflicts are detected when adding or editing events; overlapping actions are blocked with an alert.