The cellHeaderHeight property (number) specifies the calendar day cell header height in pixels.
DayPilot.Month.cellHeaderHeight24Increase this value to add more vertical space to the header area at the top of each day cell.
JavaScript
const month = new DayPilot.Month("dp", {
cellHeaderHeight: 40,
// ...
});
month.init();Angular
<daypilot-month [config]="config"></daypilot-month>config: DayPilot.MonthConfig = {
cellHeaderHeight: 40,
// ...
};React
<DayPilotMonth
cellHeaderHeight={40}
{/* ... */}
/>Vue
<DayPilotMonth
:cellHeaderHeight="40"
<!-- ... -->
/>