DayPilot.Month.onEventResize

The onEventResize event handler fires when the user finishes resizing an event in the monthly calendar component.

Declaration

DayPilot.Month.onEventResize(args)

Parameters

• args.control (DayPilot.Month) - control instance

• args.e (DayPilot.Event) - the event reference

• args.newStart (DayPilot.Date) - new event start

• args.newEnd (DayPilot.Date) - new event end

• args.preventDefault() - cancels the default action

Notes

Use args.preventDefault() to cancel the resize.

In DayPilot.Month.api = 1 mode, the legacy signature is onEventResize(e, newStart, newEnd) and this event is called only if DayPilot.Month.eventResizeHandling is set to "JavaScript".

Examples

JavaScript

const month = new DayPilot.Month("dp", {
  onEventResize: (args) => {
    if (args.e.id() === "3") {
      args.preventDefault();
      args.control.message("Event 3 cannot be resized.");
    }
  },
  // ...
});
month.init();

Angular

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

config: DayPilot.MonthConfig = {
  onEventResize: (args) => {
    if (args.e.id() === "3") {
      args.preventDefault();
      args.control.message("Event 3 cannot be resized.");
    }
  },
  // ...
};

React

<DayPilotMonth
  onEventResize={onEventResize}
  {/* ... */}
/>

const onEventResize = (args) => {
  if (args.e.id() === "3") {
    args.preventDefault();
    args.control.message("Event 3 cannot be resized.");
  }
};

Vue

<DayPilotMonth
  @eventResize="onEventResize"
  <!-- ... -->
/>

const onEventResize = (args) => {
  if (args.e.id() === "3") {
    args.preventDefault();
    args.control.message("Event 3 cannot be resized.");
  }
};

See Also

Event Resizing [doc.daypilot.org]

DayPilot.Month.eventResizeHandling

DayPilot.Month.api

DayPilot.Month Class