DayPilot.Scheduler.onTimeRangeRightClicked

The onTimeRangeRightClicked event handler fires when the user right-clicks an existing time range selection in the JavaScript Scheduler component, after the default action configured by timeRangeRightClickHandling has been performed.

Declaration

DayPilot.Scheduler.onTimeRangeRightClicked(args)

Parameters

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

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

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

• args.alt (boolean) - true if the Ctrl key was pressed (since 2026.2.6911)

• args.ctrl (boolean) - true if the Ctrl key was pressed

• args.meta (boolean) - true if the Meta key was pressed

• args.shift (boolean) - true if the Shift key was pressed

Notes

Right-clicking an unselected grid cell fires DayPilot.Scheduler.onTimeRangeSelect and DayPilot.Scheduler.onTimeRangeSelected instead.

Examples

JavaScript

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

Angular

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

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

React

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

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

Vue

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

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

See Also

Time Range Selecting [doc.daypilot.org]

DayPilot.Scheduler.onTimeRangeRightClick

DayPilot.Scheduler.timeRangeRightClickHandling

DayPilot.Scheduler Class