Questions Tagged javascript
onEventClicked is not fired after args.preventDefault() call in onEventMove
Answered: This issue should be fixed now in the latest release (2023.3.5731): https://javascript.daypilot.org/daypilot-pro-for-javascript-2023-3-5731/ Please let me know if the problem persists.
daypilot lite API
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...
onEventClick not fired after call to preventDefault in onEventMove
Answered: I confirm the bug - it should be fixed now in the latest sandbox build (2023.3.5728): https://release.daypilot.org/changes/js/ Please let me know if the problem persists.
Tags and cssClass properties
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...
How to access date time information from Calendar onEventClick
Answered: The latest sandbox build (2023.3.5726) now supports a new getCoords() method which you can use to get the date/time value corresponding to the current mouse position: onEventClick: args => {
const...
Scheduler print - event content printed over 2 pages
Answered: If you want full control over the printed output, it is necessary to use PDF export. This way you can define the the individual pages. You can find an example here: https://code.daypilot.org/73551/ht...
Scheduler print - print only children
Answered: The Scheduler can only print the state that is displayed at the moment. You’d need to filter the rows first before printing it.
change calendar type based on device screen size
Answered: Try this var smallscreen = (window.screen.width < 800);
if (smallscreen) {
// use a weekly or daily calendar
var dp = new DayPilot.Calendar("calendar", {
//viewType: "Week",
...
I can't access a constant updated by an external useState hook within the daypilot scheduler state
Answered: It appears that you're running into a closure issue. When you define a function inside a component, it captures the values of the state and props at the time of the function's creation. In your case,...
The ToolTip isn't working in DayPilot.Calendar
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/
Rectangle selection always visible when selected a time range over multiple rows
Answered: It looks like in the latest Safari/Chrome on macOS it flickers, indeed. It should be fixed now in the latest sandbox build (2023.3.5696): https://release.daypilot.org/changes/js/ Please let me know i...
PRO Demo version use for local application
Answered: Using DayPilot Pro in production requires a full license. In case of an internal application, it’s the “Web” edition (see also the Buy page). The trial version license is limited to 60 days and is fo...
Can I use product trial for local use in my company?
Answered: The trial version is good for testing and evaluation. If you want to use it in your application, you will need a full license (the “Web” edition in case of an internal application). See also the deta...
Can your products allow us to re-create this Scheduler/Timeline view?
Answered: Yes, this should be no problem. I’m including a couple of screenshots and links to features that will help you implement what you need: 1. The timeline can be customized as needed. If the built-in un...
How to skip an event on Sunday and Saturday
Answered: It is possible to skip weekends by manually splitting an event into multiple segments but it would be difficult to handle them together. It might be better to use active areas to add a highlight to t...
Render overnight events in scheduler
Answered: Unfortunately, this is not possible. The event box can’t be made shorter than the real event duration. In this case, you would have to adjust the event start/end before loading it in the Scheduler.
Demo does not work
Answered: Thanks for reporting the issue! The current date is changed using the onTimeRangeSelected event of the date picker (Navigator): const navigatorConfig = {
// ...
onTimeRangeSelected: args => {
...
Angular Schedular Event links
Answered: At this moment, it is not possible to have links between events in a frozen row and the main grid. However, the links are due for a review, and curved links will be supported in the future. We will a...
In Time sheet Scheduler, How Scheduler form should visible after reopening of same timesheet?
Answered: It sounds like you are using the browser's session storage to keep track of the scheduled tasks in your timesheet, and the data is vanishing when you reopen the same timesheet. The data stored in ses...
How can we display timezone header different to default
Answered: In the Calendar component, you can customize the hour header (displayed on the vertical axis) using the onBeforeTimeHeaderRender event handler and display custom content, including the hour data from...
onBeforeRowHeaderDomAdd disables expandable tree styles?
Answered: In the onBeforeRowHeaderDomAdd event handler, you can specify the target that of the custom element using the args.target property. By default, it is set to "Cell". In this case, it will overwrite th...
DayPilot Pro for Javascript - Trial License 60 Day Limit
Answered: If you need a longer evaluation period just drop us a note at sales@daypilot.org, it should be no problem.
How to change the time frame to span from 9 AM to 9 PM only (React Scheduler)
Answered: If you use scale: "Hour", which displays one hour per cell, you can hide the non-business hours using the built-in mechanism. React example: import React, { useState } from 'react';
import { DayPilo...
how to color some cells of the scheduler grid
Answered: You can specify properties of the row header cells using the onBeforeRowHeaderRender event handler. In this case, it could look like this: onBeforeRowHeaderRender: args => {
if (yourCriteria) {
...
Filtering down to two groups or more (Scheduler)
Answered: Hi Steve, Thanks for the update! You could use two dropdowns or you could use a component that allows selecting multiple values (such as Choices). So provided that you have multiple selected values s...
Impossible to show events from my database (resource calendar)
Answered: When displaying a resource calendar (viewType: "Resources"), it is necessary to specify the resource id for events using the resource property. This value needs to match the column id exactly (includ...
Upgrading Daypilot with NextJS (react / typescript) does not work
Answered: This should be fixed now in the latest sandbox build (2023.3.5621). See also: https://release.daypilot.org/changes/js/ Please let me know if the problem persists.
Task time selection may get wrong then How to reselect it ,by deleting before task time in UI. And how to save it in server and local storage as data.
Hey!! Thanks for kind help by providing this doc. I have to customize it for purpose of self learning. Hope forums gonna help me out for this. Recently ,I have doubt which I posted “Task time selecti...
npm repository is down
Answered: It should be working fine now. If there is any problem, just let me know.