@daypilot/daypilot-lite-react 4.0.2 → 4.2.0

package/README.md

@@ -43,6 +43,13 @@ Customize the scheduling components using an online [UI Builder](https://builder
 
 ## Tutorials
 
+### React Scheduler with Horizontal Timeline
+
+[![React Scheduler with Horizontal Timeline](https://static.daypilot.org/npm/202507/react-scheduler-with-horizontal-timeline-open-source-tutorial.png)](https://code.daypilot.org/79813/react-scheduler-with-horizontal-timeline-open-source)
+[React Scheduler with Horizontal Timeline (Open-Source)](https://code.daypilot.org/79813/react-scheduler-with-horizontal-timeline-open-source)
+
+A lightweight, open-source React Scheduler component with a horizontal timeline, drag-and-drop support, customizable appearance, and smooth performance for large data sets.
+
 ### React Weekly Calendar Tutorial
 
 [![React Weekly Calendar](https://static.daypilot.org/npm/202308/react-weekly-calendar-component-open-source.png)](https://code.daypilot.org/42221/react-weekly-calendar-tutorial)

package/daypilot-react.min.d.ts

@@ -25,6 +25,7 @@ export module DayPilot {
 
     export class SchedulerPropsAndEvents {
         backendUrl?: string;
+        beforeCellRenderCaching?: boolean;
         businessBeginsHour?: number;
         businessEndsHour?: number;
         businessWeekends?: boolean;
@@ -44,7 +45,7 @@ export module DayPilot {
         dynamicEventRenderingMargin?: number;
         dynamicEventRenderingMarginX?: number;
         dynamicEventRenderingMarginY?: number;
-        // eventBorderRadius?: string | number;eventBubbleShowForMargins?: boolean;
+        // eventBorderRadius?: string | number;
         eventClickHandling?: "Enabled" | "Disabled";
         eventDeleteHandling?: "Update" | "Disabled";
         eventEndSpec?: "DateTime" | "Date";
@@ -68,6 +69,8 @@ export module DayPilot {
         resources?: ResourceData[];
         // rowClickHandling?: "Enabled" | "Disabled" | "CallBack" | "Edit" | "Select";
         rowHeaderWidth?: number;
+        rowMarginBottom?: number;
+        rowMarginTop?: number;
         rowsLoadMethod?: "GET" | "POST";
         scale?: "CellDuration" | "Minute" | "Hour" | "Day" | "Week";
         scrollDelayCells?: number;
@@ -92,6 +95,7 @@ export module DayPilot {
         xssProtection?: "Enabled" | "Disabled";
 
         onAfterUpdate?: EventHandler<SchedulerAfterUpdateArgs>;
+        onBeforeCellRender?: EventHandler<SchedulerBeforeCellRenderArgs>;
         onBeforeEventRender?: EventHandler<SchedulerBeforeEventRenderArgs>;
         onBeforeRowHeaderRender?: EventHandler<SchedulerBeforeRowHeaderRenderArgs>;
         onBeforeTimeHeaderRender?: EventHandler<SchedulerBeforeTimeHeaderRenderArgs>;
@@ -211,6 +215,27 @@ export module DayPilot {
     export interface SchedulerAfterUpdateArgs {
     }
 
+    export interface SchedulerBeforeCellRenderArgs {
+        readonly cell: {
+            readonly start: DayPilot.Date;
+            readonly end: DayPilot.Date;
+            readonly resource: ResourceId;
+            readonly row: DayPilot.Row;
+            readonly x: number;
+            readonly y: number;
+            readonly properties: {
+                html: string;
+                business: boolean;
+                backColor: string;
+                backImage: string;
+                backRepeat: string;
+                fontColor: string;
+                cssClass: string;
+                text: string;
+            };
+        };
+    }
+
     export interface SchedulerBeforeEventRenderArgs {
         readonly control: DayPilot.Scheduler;
         readonly data: EventData;