DayPilot.Calendar.eventTapAndHoldHandling

The eventTapAndHoldHandling property (string) specifies the action performed when the user uses a tap-and-hold gesture on an event in the JavaScript Calendar component.

Declaration

DayPilot.Calendar.eventTapAndHoldHandling

Possible Values

• "Move" - starts drag-and-drop event moving.

• "ContextMenu" - opens the event context menu configured using DayPilot.Calendar.contextMenu.

Default Value

"Move"

Examples

JavaScript

const contextMenu = new DayPilot.Menu({
  items: [
    { text: "Open", onClick: args => { /* ... */ } },
  ],
});

const calendar = new DayPilot.Calendar("dp", {
  contextMenu,
  eventTapAndHoldHandling: "ContextMenu",
  // ...
});
calendar.init();

Angular

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

config: DayPilot.CalendarConfig = {
  contextMenu: new DayPilot.Menu({
    items: [
      { text: "Open", onClick: args => { /* ... */ } },
    ],
  }),
  eventTapAndHoldHandling: "ContextMenu",
  // ...
};

React

<DayPilotCalendar
  contextMenu={contextMenu}
  eventTapAndHoldHandling="ContextMenu"
  {/* ... */}
/>

const contextMenu = new DayPilot.Menu({
  items: [
    { text: "Open", onClick: args => { /* ... */ } },
  ],
});

Vue

<DayPilotCalendar
  :contextMenu="contextMenu"
  eventTapAndHoldHandling="ContextMenu"
  <!-- ... -->
/>

const contextMenu = new DayPilot.Menu({
  items: [
    { text: "Open", onClick: args => { /* ... */ } },
  ],
});

See Also

Event Moving [doc.daypilot.org]

Event Context Menu [doc.daypilot.org]

DayPilot.Calendar.contextMenu

DayPilot.Calendar.eventMoveHandling

DayPilot.Calendar Class