DayPilot.Calendar.eventBorderRadius

The eventBorderRadius property (number or string) applies the specified border radius to events and drag-and-drop shadows in the JavaScript Calendar component.

Available since 2024.4.6200.

Declaration

DayPilot.Calendar.eventBorderRadius

Default Value

null

Notes

The value can be a CSS border-radius string or a number, which is converted to pixels.

You can use this property to override the active theme and also set a per-event value in DayPilot.Calendar.onBeforeEventRender using args.data.borderRadius for individual events.

Examples

JavaScript

const calendar = new DayPilot.Calendar("dp", {
  eventBorderRadius: "25px",
  // ...
});
calendar.init();

Angular

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

config: DayPilot.CalendarConfig = {
  eventBorderRadius: "25px",
  // ...
};

React

<DayPilotCalendar
  eventBorderRadius="25px"
  {/* ... */}
/>

Vue

<DayPilotCalendar
  eventBorderRadius="25px"
  <!-- ... -->
/>

See Also

• border-radius

• Css Themes [doc.daypilot.org]

• DayPilot.Calendar.onBeforeEventRender

• DayPilot.Calendar Class