The linkHitAreaMinWidth property (number) specifies the minimum width of the interactive hit area around Scheduler event links, in pixels.

The hit area is used to detect pointer interactions with links, including hovering, clicking, displaying the link context menu, and activating the link bubble.

Available since 2026.3.7034.

Declaration

DayPilot.Scheduler.linkHitAreaMinWidth

Default Value

8

Notes

The hit area is invisible and does not affect the visual width of event links. However, it blocks access to the background layers (cells).

Use this property to make thin links easier to target with the pointer. The actual hit area will not be narrower than the linkWidth.

Examples

JavaScript

const dp = new DayPilot.Scheduler("dp", {
  linkHitAreaMinWidth: 12,
  // ...
});
dp.init();

Angular

<daypilot-scheduler [config]="config"></daypilot-scheduler>
config: DayPilot.SchedulerConfig = {
  linkHitAreaMinWidth: 12,
  // ...
};

React

<DayPilotScheduler
  linkHitAreaMinWidth={12}
  {/* ... */}
/>

Vue

<DayPilotScheduler
  :linkHitAreaMinWidth="12"
  <!-- ... -->
/>

See Also

Availability

Availability of this API item in DayPilot editions:

ProductLitePro
DayPilot for JavaScript