DayPilot.Calendar.dragOutAllowed

The dragOutAllowed property (boolean) enables dragging JavaScript Calendar events out of the Calendar grid.

Declaration

DayPilot.Calendar.dragOutAllowed

Default Value

false

Notes

When enabled, events can be moved to another Calendar instance, to a custom target defined using DayPilot.Calendar.registerDropTarget(), or to the Queue component.

Examples

JavaScript

const dp = new DayPilot.Calendar("dp", {
  dragOutAllowed: true,
  // ...
});
dp.init();

Angular

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

config: DayPilot.CalendarConfig = {
  dragOutAllowed: true,
  // ...
};

React

<DayPilotCalendar
  dragOutAllowed={true}
  {/* ... */}
/>

Vue

<DayPilotCalendar
  :dragOutAllowed="true"
  <!-- ... -->
/>

See Also

DayPilot.Calendar.registerDropTarget()

DayPilot.Queue Class

Drag and Drop Between Two Calendars [doc.daypilot.org]

DayPilot.Calendar Class