DayPilot.Calendar.columnMarginRight

The columnMarginRight property (number) sets the width of the space that will be left free on the right side of every calendar column (in pixels). This space will not be used by events and it lets you start a time range selection in time slots that would otherwise be hidden by event boxes.

Declaration

DayPilot.Calendar.columnMarginRight

Default Value

5

Examples

JavaScript

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

Angular

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

config: DayPilot.CalendarConfig = {
  columnMarginRight: 10,
  // ...
};

React

<DayPilotCalendar
  columnMarginRight={10}
  {/* ... */}
/>

Vue

<DayPilotCalendar
  :columnMarginRight="10"
  <!-- ... -->
/>

See Also

• Column Margin [doc.daypilot.org]

• Time Range Selecting [doc.daypilot.org]

• DayPilot.Calendar Class