This demo explains how to restrict overlapping appointments within the same time range in the React Scheduler component.
More Details...
| |
| 12:00 AM | | | 1:00 AM | | | 2:00 AM | | | 3:00 AM | | | 4:00 AM | | | 5:00 AM | | | 6:00 AM | | | 7:00 AM | | | 8:00 AM | | | 9:00 AM | | | 10:00 AM | | | 11:00 AM | | | 12:00 PM | | | 1:00 PM | | | 2:00 PM | | | 3:00 PM | | | 4:00 PM | | | 5:00 PM | | | 6:00 PM | | | 7:00 PM | | | 8:00 PM | | | 9:00 PM | | | 10:00 PM | | | 11:00 PM | |
| | Hot Chocolate Festival 5:30 AM - 7:30 AM | Winter Ball 7:00 AM - 9:00 AM | | Ice Fishing Competition 4:30 AM - 6:30 AM | Winter Craft Fair 6:00 AM - 8:00 AM | Snow Parade 8:30 AM - 10:30 AM | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
|
Description
This example uses the Scheduler's allowOverlap API to prevent overlapping events. By default, it's true, allowing overlaps. When set to false, events cannot be added, edited, dragged, or resized to overlap with others.