DayPilot.Calendar.eventResizingStartEndEnabled

The eventResizingStartEndEnabled property (boolean) enables inline target date/time indicators during event resizing in the JavaScript Calendar component.

Declaration

DayPilot.Calendar.eventResizingStartEndEnabled

Possible Values

• true - shows the start and end indicators next to the resizing shadow while the event is being resized.

• false - hides the inline indicators during event resizing.

Default Value

false

Notes

Use DayPilot.Calendar.eventResizingStartEndFormat to control how the indicator text is formatted.

The indicators update continuously while the resize handles move, which makes it easier to read the target start and end times before the drop completes.

Examples

JavaScript

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

Angular

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

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

React

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

Vue

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

See Also

Event Resizing [doc.daypilot.org]

DayPilot.Calendar.eventResizingStartEndFormat

DayPilot.Calendar.eventResizeHandling

DayPilot.Calendar.onEventResizing

DayPilot.Calendar Class