@daypilot/daypilot-lite-react 4.7.0 → 4.8.0

package/README.md

@@ -31,6 +31,8 @@ Customize the scheduling components using an online [UI Builder](https://builder
 * Event creation using drag and drop
 * Drag and drop event moving and resizing
 * Integrated delete icon
+* Rendering JSX in Scheduler events
+* Rendering JSX in Scheduler grid cells
 * Event duration bar with customizable color
 * Date picker with free/busy days highlighting, free-hand range selection, day cell customization
 * CSS themes (use theme builder to create your own theme)
@@ -39,6 +41,7 @@ Customize the scheduling components using an online [UI Builder](https://builder
 * Column header customization (background, images, text, HTML...)
 * Built-in XSS protection
 * Localization support
+* Calendar RTL support
 * TypeScript definitions
 
 ## Tutorials
@@ -127,6 +130,45 @@ Learn how to build a customized monthly calendar UI in Next.js 15 using the open
 [React Calendar with Date Picker (Open-Source)](https://code.daypilot.org/10750/react-calendar-with-date-picker-open-source)  
 How to use a popup date picker to select a date displayed by the React Calendar component.
 
+***
+
+### React Scheduler: TypeScript Project
+
+[![React Scheduler: TypeScript Project](https://static.daypilot.org/npm/202510/react-scheduler-typescript-project.png)](https://code.daypilot.org/34946/react-scheduler-typescript-project)
+
+[React Scheduler: TypeScript Project (Open-Source)](https://code.daypilot.org/34946/react-scheduler-typescript-project)  
+This tutorial shows how to use the React Scheduler component to create a reservation application in React, using TypeScript language.
+
+***
+
+### React Scheduler: Next/Previous Buttons
+
+[![React Scheduler: Next/Previous Buttons](https://static.daypilot.org/npm/202510/react-scheduler-and-next-previous-buttons.png)](https://code.daypilot.org/64293/react-scheduler-next-previous-buttons)
+
+[React Scheduler: Next/Previous Buttons (Open-Source)](https://code.daypilot.org/64293/react-scheduler-next-previous-buttons)  
+Add "next" and "previous" buttons to your React application and let users switch the month displayed by the Scheduler component.
+
+***
+
+### React Scheduler: Rendering JSX in Events
+
+[![React Scheduler: Rendering JSX in Events](https://static.daypilot.org/npm/202510/react-scheduler-jsx-in-events.png)](https://code.daypilot.org/50584/react-scheduler-rendering-jsx-in-events)
+
+[React Scheduler: Rendering JSX in Events (Open-Source)](https://code.daypilot.org/50584/react-scheduler-rendering-jsx-in-events)  
+How to render custom JSX in events displayed by the React Scheduler component.
+
+***
+
+### React JSX Components in Scheduler Grid Cells
+
+[![React JSX Components in Scheduler Grid Cells](https://static.daypilot.org/npm/202510/react-scheduler-jsx-in-grid-cells.png)](https://code.daypilot.org/43458/react-jsx-components-in-scheduler-grid-cells)
+
+[React JSX Components in Scheduler Grid Cells (Open-Source)](https://code.daypilot.org/43458/react-jsx-components-in-scheduler-grid-cells)  
+How to render custom React JSX component in the Scheduler grid cells.
+
+
+***
+
 ## Example
 
 ```javascript
@@ -142,14 +184,14 @@ function Calendar() {
             {
                 id: 1,
                 text: "Event 1",
-                start: "2025-09-07T10:30:00",
-                end: "2025-09-07T13:00:00"
+                start: "2026-09-07T10:30:00",
+                end: "2026-09-07T13:00:00"
             },
             {
                 id: 2,
                 text: "Event 2",
-                start: "2025-09-08T09:30:00",
-                end: "2025-09-08T11:30:00",
+                start: "2026-09-08T09:30:00",
+                end: "2026-09-08T11:30:00",
                 barColor: "#6aa84f"
             },
         ]);
@@ -168,7 +210,7 @@ function Calendar() {
     return (
         <DayPilotCalendar
             viewType={"Week"}
-            startDate={"2025-09-07"}
+            startDate={"2026-09-07"}
             timeRangeSelectedHandling={"Enabled"}
             events={events}
             onEventClick={onEventClick}
@@ -182,6 +224,7 @@ export default Calendar;
 
 ## Documentation
 
+* [React scheduler with horizontal timeline](https://doc.daypilot.org/scheduler/react/)
 * [React weekly calendar](https://doc.daypilot.org/calendar/react/)
 * [React monthly calendar](https://doc.daypilot.org/month/react/)
 * [React date picker](https://doc.daypilot.org/navigator/react/)

package/daypilot-react.min.d.ts

@@ -3,7 +3,7 @@ DayPilot Lite
 Copyright (c) 2005 - 2025 Annpoint s.r.o.
 https://www.daypilot.org/
 Licensed under Apache Software License 2.0
-Version: 2025.4.743-lite
+Version: 2025.4.750-lite
 */
 type GlobalDate = Date;
 
@@ -538,6 +538,7 @@ export module DayPilot {
         loadingLabelHtml?: string;
         loadingLabelVisible?: boolean;
         locale?: string;
+        rtl?: boolean;
         showToolTip?: boolean;
         snapToGrid?: boolean;
         startDate?: DayPilot.Date | string;