How to ensure that the calendar fills the entire HTML page?

Question

<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?