DayPilot.Calendar.onTimeRangeRightClicked

The onTimeRangeRightClicked event handler fires in the JavaScript Calendar component when the user right-clicks an existing time range selection, or creates a selection using the right mouse button, after the default action has been performed.

Declaration

DayPilot.Calendar.onTimeRangeRightClicked(args)

Parameters

• args.start (DayPilot.Date) - selection start

• args.end (DayPilot.Date) - selection end

• args.resource (string | number) - resource id

Notes

The default action is configured by DayPilot.Calendar.timeRangeRightClickHandling.

Examples

JavaScript

const calendar = new DayPilot.Calendar("dp", {
  onTimeRangeRightClicked: args => {
    console.log(args.start.toString(), args.end.toString());
  },
  // ...
});
calendar.init();

Angular

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

config: DayPilot.CalendarConfig = {
  onTimeRangeRightClicked: args => {
    console.log(args.start.toString(), args.end.toString());
  },
  // ...
};

React

<DayPilotCalendar
  onTimeRangeRightClicked={onTimeRangeRightClicked}
  {/* ... */}
/>

const onTimeRangeRightClicked = (args) => {
  console.log(args.start.toString(), args.end.toString());
};

Vue

<DayPilotCalendar
  @timeRangeRightClicked="onTimeRangeRightClicked"
  <!-- ... -->
/>

const onTimeRangeRightClicked = (args) => {
  console.log(args.start.toString(), args.end.toString());
};

See Also

Time Range Selecting [doc.daypilot.org]

DayPilot.Calendar.onTimeRangeRightClick

DayPilot.Calendar.timeRangeRightClickHandling

DayPilot.Calendar Class