Active Questions

Answered: Each event is displayed at a location determined by its start, end and resource id. If you want to display multiple events in the same cell, use the same "start", "end", and "resource" values.

Answered: Unfortunately, all-day events are only supported in the Pro version of the calendar: https://doc.daypilot.org/calendar/all-day-events/

Answered: Instead of using the Scheduler time header to display the navigation, it's better to create your own toolbar and place it above the Scheduler. To learn how to implement the next/previous/today button...

Answered: I resolved this. I was sending the 'data' object via jQuery $.post and it was failing. Re-populating the object sent using $.post using: newStart: args.newStart.toString(), newEnd: args.newEnd.toStri...

Answered: If you want to include the library directly using <script> element you need to download the zip package and include daypilot-all.min.js file instead of using NPM: Pro version: https://javascript.dayp...

Answered: Please see the documentation for "event customization": https://doc.daypilot.org/scheduler/event-customization/ You can also change the color globally (for all events) using a custom CSS theme: https...

Answered: You can use the "textarea" form item: import {Modal} from '@daypilot/modal'; // ... const form = [ { type: 'textarea', id: 'textarea1', name: 'Multi-line text', }, ]; const data = {}; Modal.form(form...

Answered: The height of the row with all-day events depends on the content. It will stretch automatically to fit all events. You can change the all-day event height using allDayEventHeight property: https://ap...

Answered: Thank you for posting the screenshot: https://forums.daypilot.org/question/5744/cell-to-into-two-lines-or-below-the-current-line

Answered: You can customize the hour header cell content using onBeforeTimeHeaderRender event handler: https://doc.daypilot.org/calendar/time-header-customization/

Answered: The events will be displayed in a single horizontal line if they don't overlap. If the end date/time of the first event and the start date/time are the same the events are still considered non-overla...

Answered: Unfortunately, the all-day events can't be displayed side-by-side. They are always arranged vertically.

Answered: Yes, it is possible. There is no live demo available but you can try this example: <div id="dp"></div> <script type="text/javascript"> var dp = new DayPilot.Calendar("dp"); dp.startDate = "2022-03-25...

Answered: You can control the days displayed using startDate and days properties: https://api.daypilot.org/daypilot-scheduler-startdate/ https://api.daypilot.org/daypilot-scheduler-days/ You'll need to set "st...

Answered: The event height is always fixed. You can increase it globally using the "eventHeight" property ( https://api.daypilot.org/daypilot-scheduler-eventheight/ ) or per event using the "height" property o...

Answered: You can enable text wrapping using the "eventTextWrappingEnabled" property: https://api.daypilot.org/daypilot-scheduler-eventtextwrappingenabled/ You can also use HTML line breaks (<br>) in the event...

Answered: Hi Shruti, Thank you for choosing DayPilot Pro! You can get a NPM link for a trial version here: https://npm.daypilot.org/ The following documentation page describes how to start using the Scheduler ...

Answered: At this moment the DayPilot.Date class supports milliseconds only, i.e. it will accept three digits after the decimal point: "2022-06-01T23:59:59.999". https://api.daypilot.org/daypilot-date-construc...

Answered: At this moment, there are a couple of other features in the queue for the Calendar. If you would like to sponsor this feature and speed things up, please write to sales@daypilot.org to discuss the op...