DayPilot.Scheduler.allowEventOverlap

The allowEventOverlap property (boolean) enables or disables JavaScript Scheduler event overlap protection during drag and drop operations. It affects time range selecting, event moving, and event resizing. This property does not affect existing events.

If the value is set to false, the Scheduler will disable the drag and drop shadow (the color will change to red) if the target position overlaps an existing event.

Declaration

DayPilot.Scheduler.allowEventOverlap

Default Value

true

Examples

JavaScript

const dp = new DayPilot.Scheduler("dp", {
  allowEventOverlap: false,
  // ...
});
dp.init();

Angular

<daypilot-scheduler [config]="config"></daypilot-scheduler>

config: DayPilot.SchedulerConfig = {
  allowEventOverlap: false,
  // ...
};

React

<DayPilotScheduler
  allowEventOverlap={false}
  {/* ... */}
/>

Vue

<DayPilotScheduler
  :allowEventOverlap="false"
  <!-- ... -->
/>

See Also

• Event Overlapping [doc.daypilot.org]

• Time Range Selecting [doc.daypilot.org]

• Event Moving [doc.daypilot.org]

• Event Resizing [doc.daypilot.org]

• DayPilot.Scheduler Class