DayPilot.Scheduler.onEventResizeStart

The onEventResizeStart event handler fires when the user starts dragging an event during event resizing in the JavaScript Scheduler.

Available since 2025.4.6724.

Declaration

DayPilot.Scheduler.onEventResizeStart(args)

Parameters

• args.ctrl (boolean) - Ctrl key pressed

• args.shift (boolean) - Shift key pressed

• args.meta (boolean) - Meta key pressed

• args.alt (boolean) - Alt key pressed

• args.areaData - value of the data property of the active area used as the drag handle

• args.e (DayPilot.Event) - source object

• args.external (boolean) - true when the event comes from an external source

• args.anchor (DayPilot.Date) - fixed edge value, the one that is not being resized

• args.multiresize - array of all events being resized during multi-resizing

Notes

The args.multiresize array includes the main event as well (args.e). The main event is stored as args.multiresize[0].

Each item in args.multiresize has one property:

• event (DayPilot.Event) - source object (read-only)

Examples

JavaScript

const dp = new DayPilot.Scheduler("dp", {
  onEventResizeStart: (args) => {
    console.log("Resize started from", args.anchor.toString());
  },
  // ...
});
dp.init();

Angular

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

config: DayPilot.SchedulerConfig = {
  onEventResizeStart: (args) => {
    console.log("Resize started from", args.anchor.toString());
  },
  // ...
};

React

<DayPilotScheduler
  onEventResizeStart={onEventResizeStart}
  {/* ... */}
/>

const onEventResizeStart = (args) => {
  console.log("Resize started from", args.anchor.toString());
};

Vue

<DayPilotScheduler
  @eventResizeStart="onEventResizeStart"
  <!-- ... -->
/>

const onEventResizeStart = (args) => {
  console.log("Resize started from", args.anchor.toString());
};

See Also

Event Resizing [doc.daypilot.org]

DayPilot.Scheduler.onEventResizing

DayPilot.Scheduler.onEventResize

DayPilot.Scheduler Class