@daypilot/daypilot-lite-react 3.30.1 → 3.32.0

package/README.md

@@ -48,13 +48,17 @@ Customize the scheduling components using an online [UI Builder](https://builder
 [React Weekly Calendar Tutorial (Open-Source)](https://code.daypilot.org/42221/react-weekly-calendar-tutorial)  
 React application that displays a weekly event calendar using an open-source DayPilot React calendar component. Includes a date picker for changing the visible week. The calendar/scheduler appearance is customized using CSS.
 
+***
+
 ### React Resource Calendar with Editable Columns
 
-[![React Resource Calendar](https://static.daypilot.org/npm/202207/react-resource-calendar-tutorial.png)](https://code.daypilot.org/62447/react-resource-calendar-open-source)
+[![React Resource Calendar](https://static.daypilot.org/npm/202411/react-resource-calendar-witih-editable-columns.png)](https://code.daypilot.org/62447/react-resource-calendar-open-source)
 
 [React Resource Calendar with Editable Columns (Open-Source)](https://code.daypilot.org/62447/react-resource-calendar-open-source)  
 How to use the open-source React resource calendar component to create a scheduling application for multiple groups of resources (locations, people, tools). Add a date picker and next/previous buttons that let users change the visible date.
 
+***
+
 ### React Calendar with Day/Week/Month Views
 
 [![React Calendar with Day/Week/Month Views](https://static.daypilot.org/npm/202406/react-calendar-with-day-week-month-views-open-source.png)](https://code.daypilot.org/27556/react-day-week-month-calendar)
@@ -62,6 +66,8 @@ How to use the open-source React resource calendar component to create a schedul
 [React Calendar with Day/Week/Month Views (Open-Source)](https://code.daypilot.org/27556/react-day-week-month-calendar)  
 This tutorial shows how to create a complex calendar component that displays integrated daily, weekly and monthly calendars in React.
 
+***
+
 ### React Monthly Calendar
 
 [![React Monthly Calendar](https://static.daypilot.org/npm/202406/react-monthly-calendar-open-source.png)](https://code.daypilot.org/26289/react-monthly-calendar-tutorial)
@@ -69,6 +75,8 @@ This tutorial shows how to create a complex calendar component that displays int
 [React Monthly Calendar (Open-Source)](https://code.daypilot.org/26289/react-monthly-calendar-tutorial)  
 React application that displays a monthly event calendar. Calendar events use custom background to show event type. A context menu allows deleting events and changing color.
 
+***
+
 ### Next.js Weekly Calendar Tutorial
 
 [![Next.js Weekly Calendar](https://static.daypilot.org/npm/202403/next.js-weekly-calendar-open-source.png)](https://code.daypilot.org/45330/next-js-weekly-calendar-open-source)
@@ -76,6 +84,8 @@ React application that displays a monthly event calendar. Calendar events use cu
 [Next.js Weekly Calendar Tutorial (Open-Source)](https://code.daypilot.org/45330/next-js-weekly-calendar-open-source)  
 How to create a weekly calendar web application using a Next.js project with JavaScript source code for download.
 
+***
+
 ### Next.js Monthly Calendar Tutorial
 
 [![Next.js Monthly Calendar](https://static.daypilot.org/npm/202411/next.js-monthly-calendar-component-open-source.png)](https://code.daypilot.org/37709/next-js-monthly-calendar-open-source)
@@ -83,6 +93,8 @@ How to create a weekly calendar web application using a Next.js project with Jav
 [Next.js Monthly Calendar Tutorial (Open-Source)](https://code.daypilot.org/37709/next-js-monthly-calendar-open-source)  
 Learn how to build a customized monthly calendar UI in Next.js 15 using the open-source DayPilot scheduling library.
 
+***
+
 ### React Calendar with Date Picker
 
 [![React Calendar with Date Picker](https://static.daypilot.org/npm/202207/react-calendar-with-date-picker.png)](https://code.daypilot.org/10750/react-calendar-with-date-picker-open-source)
@@ -105,14 +117,14 @@ function Calendar() {
             {
                 id: 1,
                 text: "Event 1",
-                start: "2024-09-07T10:30:00",
-                end: "2024-09-07T13:00:00"
+                start: "2025-09-07T10:30:00",
+                end: "2025-09-07T13:00:00"
             },
             {
                 id: 2,
                 text: "Event 2",
-                start: "2024-09-08T09:30:00",
-                end: "2024-09-08T11:30:00",
+                start: "2025-09-08T09:30:00",
+                end: "2025-09-08T11:30:00",
                 barColor: "#6aa84f"
             },
         ]);
@@ -131,7 +143,7 @@ function Calendar() {
     return (
         <DayPilotCalendar
             viewType={"Week"}
-            startDate={"2024-09-07"}
+            startDate={"2025-09-07"}
             timeRangeSelectedHandling={"Enabled"}
             events={events}
             onEventClick={onEventClick}

package/daypilot-react.min.d.ts

@@ -1,5 +1,5 @@
 /*
-Copyright © 2024 Annpoint, s.r.o.
+Copyright © 2025 Annpoint, s.r.o.
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
@@ -192,6 +192,7 @@ export module DayPilot {
             html: string;
             backColor: string;
             cssClass?: string;
+            horizontalAlignment?: "left" | "center" | "right";
             verticalAlignment?: "top" | "center" | "bottom";
             toolTip: string;
             areas: AreaData[];