DayPilot.Calendar.watchWidthChanges

The watchWidthChanges property (boolean) enables automatic detection of dimension changes in the JavaScript Calendar component, including DOM changes and window size updates.

Declaration

DayPilot.Calendar.watchWidthChanges

Default Value

true

Notes

Turning this detection off may result in smoother dimension animations, but you will then need to call DayPilot.Calendar.show() manually after the animation is complete to refresh the UI.

Examples

JavaScript

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

Angular

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

config: DayPilot.CalendarConfig = {
  watchWidthChanges: false,
  // ...
};

React

<DayPilotCalendar
  watchWidthChanges={false}
  {/* ... */}
/>

Vue

<DayPilotCalendar
  :watchWidthChanges="false"
  <!-- ... -->
/>

See Also

DayPilot.Calendar.show()

Responsive Column Width [doc.daypilot.org]

DayPilot.Calendar Class