Questions Tagged react18

Answered: This seems to be a problem of some of the older releases. The latest version (2025.2.6442) should work fine with args.target = "Text"; . Could you please give it a try? Please let me know if the prob...

Answered: The recurrence needs to be handled on the server side. You need to supply the expanded occurrences to the calendar as part of the dataset. Most likely, you will want to show an icon indicating that t...

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: Yes, this example focused on the configuration of the React calendar on the client side (installation, changing the date, customizing appearance, …). In a standard application, you will need to conne...

Answered: You can add custom objects (icons, etc.) to the row header columns using active areas. To add an active area, use the onBeforeRowHeaderRender event handler: onBeforeRowHeaderRender = (args) => { args...

Answered: The calendar works with a Gregorian calendar internally, and the Jalali/Shamsi calendars are not directly supported. However, in the resources view , the calendar shows just a single day and the date...

Answered: Hi Samir, With the following setup, the resource calendar will display one day on the vertical axis. As the startDate is not specified, it will use the current day for all columns/resources. <DayPilo...

Answered: The time range selection always stays active, until you call clearSelection() or update the calendar. You might want to check your onTimeRangeSelect / onTimeRangeSelected handlers.

Answered: Unfortunately, custom React components in multiple row header columns are not supported at the moment. Until it is available, you can try using row header active areas to show the icons .

Answered: Please take a look at the following tutorial: JavaScript Scheduler: Swap Events using Context Menu

Answered: Yes, you can find an example in the documentation for event moving : onEventMove: async (args) => { args.async = true; const modal = await DayPilot.Modal.confirm("Do you really want to move this even...

Answered: You can do it like this: onEventResizing: args => { const row = dp.rows.find(args.e.resource()); const events = row.events.forRange(args.start, args.end).filter(e => e.id() !== args.e.id()); if (even...

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 { DayPil...

Answered: It is only available as a package. You can find the pricing details at the Buy page ( https://javascript.daypilot.org/buy/ ). If you have any questions regarding licensing or if you need a PDF quote,...