Questions Tagged lite

Answered: Unfortunately, this feature is only available in the Pro version at the moment. In the open-source version, the selection is limited to a single column of the Calendar component.

Answered: You can do it in the onEventMove event handler using the events.forRange() method: onEventMove: args => { const movedEvent = args.e; const newStart = args.newStart; const newEnd = args.newEnd; const ...

Answered: At this moment, the Current Time Highlighting feature is only available in the Pro version of the Calendar. You can find information about feature availability in the table at the bottom of each docs...

Answered: At this moment, the 100% Height feature is only available in the Pro version of the Monthly calendar. You can find information about feature availability in the table at the bottom of each docs page....

Answered: You may be overlooking something. The DayPilotMonth React component indeed uses the ”month_default” CSS theme. You can check it by inspecting the DOM elements in the JavaScript demo , You can apply a...

Answered: This is not supported in the Calendar at the moment. It is only possible in DayPilot Pro, in the Scheduler component: Hiding Time Columns in JavaScript Scheduler In the Pro version of the Calendar, y...

Answered: Unfortunately, RTL is not supported in the Lite version at the moment.

Answered: In ASP.NET WebForms , you can indeed use the BeforeCellRender event. You just need to check whether the current cell falls on one of the defined holidays. Example: // Define an array of holidays priv...

Answered: At this moment, the weekStarts property is not available in the Lite version. However, you can set a custom week start using the locale property. If there is no built-in locale that meets your needs,...

Answered: > in MonthConfig it is defined as “events?: EventData;” This was incorrect, and it has been fixed now in the latest release. > CalendarConfig contains a definition for the function overload “remove(i...

Answered: You can use someting like this (using the options syntax): const calendar = new DayPilot.Calendar("dp", { onBeforeCellRender: args => { const nonBusinessDays = [4, 5, 6, 0]; if (nonBusinessDays.inclu...

Answered: This property was not supported in the Lite version, but it is now available in the latest release: DayPilot Lite for JavaScript 2024.3.536

Answered: Seems like they added it several hours after I posted this. This is resolved and everything works perfectly!

Answered: Unfortunately, setting the calendar height to 100% of its parent is only supported in the Pro version at the moment.

Answered: There was a bug in the calculation of the grid boundaries. It’s fixed now in the latest sanbox build (2024.2.525): https://release.daypilot.org/changes/jslite/ Test: https://jsfiddle.net/ucvksntf/4/

Answered: If you don’t specify the field type explicitly, the modal dialog form will use a date field when dateFormat is specified. If you want to use the full date/time value I recommend using the date/time f...

Answered: Unfortunately, the real-time event overlap protection is not supported in the Lite version at the moment. It is only available in the Pro version (see also the feature matrix ). However, you can chec...

Answered: oeps i see you can change it to type: "searchable", so that works :-)

Answered: It looks like Chrome has started to report certain code as an error, even though it was acceptable before. It will be fixed shortly.

Answered: This issue should be fixed now in the latest release (version 2024.1.519/3.20.1): https://javascript.daypilot.org/daypilot-lite-for-javascript-2024-1-519/ Please let me know if the problem persists.

Answered: The MVC Lite (open-source) version is no longer under active development. I recommend switching to the JavaScript Lite version. The JavaScript version lets you set the Calendar height to show only bu...

Answered: In the Pro version, you can use the onBeforeCellRender event handler to customize the calendar cells - you can add custom CSS class to selected cells or modify the appearance directly. Unfortunately,...

Answered: You can either override selected styles of the built-in theme or create a custom theme and apply it using the theme property: const modal = await DayPilot.Modal.form(form, data, { theme: "my_theme" }...

Answered: At this moment, you can disable event moving and resizing for individual events only in the Pro version (using moveDisabled and resizeDisabled properties of the data object or using the onBeforeEvent...

Answered: Both onEventClick and onEventClicked are available in the Lite version. You can verify the availability of feature in the Lite version in the feature matrix or using the TypeScript definitions that a...

Answered: Both the tags and cssClass properties are available in the Lite version as well. You can find a full list of available event properties in the API docs for DayPilot.Event.data object. These propertie...

Answered: Yes, there turned out to be a problem with the tooltip for calendar events. It should be fixed now in the latest sandbox build (2023.3.485): https://javascript.daypilot.org/sandbox/lite/

Answered: At this moment, the Calendar can only display hours on the vertical axis.

Answered: By default, the calendar displays the value of the "text" property in the event boxes. If you want to display more data, you can customize the event content using onBeforeEventRender event handler: h...

Answered: There is now a Vue Composition API example available in the documentation: https://doc.daypilot.org/calendar/vue-js/ Here is a shortened version that shows how to access the DayPilot.Calendar object ...