DayPilot.Calendar.crosshairType

The crosshairType property (string) sets the crosshair mode of the JavaScript Calendar component.

Declaration

DayPilot.Calendar.crosshairType

Possible Values

• "Disabled" - disables the crosshair marker.

• "Header" - shows the crosshair marker in the time header area.

• "Full" - extends the crosshair through the grid.

Default Value

"Header"

Examples

JavaScript

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

Angular

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

config: DayPilot.CalendarConfig = {
  crosshairType: "Full",
  // ...
};

React

<DayPilotCalendar
  crosshairType="Full"
  {/* ... */}
/>

Vue

<DayPilotCalendar
  crosshairType="Full"
  <!-- ... -->
/>

See Also

• Crosshair [doc.daypilot.org]

• DayPilot.Calendar Class