DayPilot.Calendar.eventMovingStartEndEnabled

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

Declaration

DayPilot.Calendar.eventMovingStartEndEnabled

Possible Values

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

• false - hides the inline indicators during event moving.

Default Value

false

Notes

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

Examples

JavaScript

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

Angular

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

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

React

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

Vue

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

See Also

Event Moving [doc.daypilot.org]

DayPilot.Calendar.eventMovingStartEndFormat

DayPilot.Calendar.eventMoveHandling

DayPilot.Calendar Class