DayPilot.Calendar.visible

The visible property (boolean) sets the visibility of the JavaScript Calendar component.

Declaration

DayPilot.Calendar.visible

Default Value

true

Notes

Use this property when you need to keep a calendar instance configured but temporarily hidden in the page layout.

Examples

JavaScript

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

Angular

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

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

React

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

Vue

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

See Also

HideFreeCells [doc.daypilot.org]

DayPilot.Calendar Class