DayPilot.Calendar.show

The show() method displays the calendar, recalculates its dimensions, and updates its height. This is especially useful when DayPilot.Calendar.heightSpec is set to "Parent100Pct".

Declaration

DayPilot.Calendar.show()

Notes

Use this method when the calendar was initialized while hidden and becomes visible later, for example inside a tab or collapsible panel.

Example

const dp = new DayPilot.Calendar("dp", {
  heightSpec: "Parent100Pct",
  // ...
});
dp.init();

document.querySelector("#show-calendar").addEventListener("click", () => {
  document.querySelector("#calendar-host").style.display = "block";
  dp.show();
});

See Also

DayPilot.Calendar.hide()

DayPilot.Calendar.heightSpec

DayPilot.Calendar Class