DayPilot.Month.eventBorderRadius

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

Declaration

DayPilot.Month.eventBorderRadius

Default Value

null

Notes

• The value should be a string in the CSS format for the border-radius style. If the value is a number (for example, 15) it will be applied as a pixel value ("15px").

• It lets you override the CSS defined in the CSS theme.

• You can also set the border radius for individual events using the DayPilot.Month.onBeforeEventRender event handler (args.data.borderRadius).

Examples

JavaScript

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

Angular

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

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

React

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

Vue

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

See Also

DayPilot.Month.onBeforeEventRender

CSS Themes [doc.daypilot.org]

DayPilot.Month Class