The eventMinWidth property (number) sets the minimum event box width, in pixels.
DayPilot.Scheduler.eventMinWidth1If an event would otherwise render narrower than the configured minimum width, the real duration is highlighted using the event duration bar.
JavaScript
const dp = new DayPilot.Scheduler("dp", {
eventMinWidth: 10,
// ...
});
dp.init();Angular
<daypilot-scheduler [config]="config"></daypilot-scheduler>config: DayPilot.SchedulerConfig = {
eventMinWidth: 10,
// ...
};React
<DayPilotScheduler
eventMinWidth={10}
{/* ... */}
/>Vue
<DayPilotScheduler
:eventMinWidth="10"
<!-- ... -->
/>Duration Bar [doc.daypilot.org]
Event calendar/scheduling AJAX components. Available for JavaScript/HTML5/jQuery, ASP.NET, ASP.NET MVC. Build resource booking, project management, time tracking applications, personal and shared event calendars.
DayPilot