<html>
<body>
<script src="https://javascript.daypilot.org/demo/lite/js/daypilot-all.min.js?v=2024.1.524"></script>
<style>body {margin: 0;}</style>
<body>
<div id="dp"></div>
<script>
const dp = new DayPilot.Calendar("dp", {
startDate: "2022-06-24",
viewType: "Resources",
businessBeginsHour: 9,
businessEndsHour: 18,
columns: [
{name: "Room-A", id: "A"},
{name: "Room-B", id: "B"},
{name: "Room-C", id: "C"},
{name: "Room-D", id: "D"},
],
});
dp.init();
</script>
</html>
The calendar is displayed only halfway down the HTML page. Is there any direct or indirect way to make the calendar fill the entire HTML page in the lite version?