@daypilot/daypilot-lite-javascript 3.30.0 → 3.31.0

package/README.md

@@ -47,6 +47,8 @@ Customize the scheduling components using an online [UI Builder](https://builder
 [HTML5/JavaScript Event Calendar (Open-Source)](https://code.daypilot.org/17910/html5-event-calendar-open-source)  
 Event calendar introduction - week view, loading data, drag and drop, CSS themes, sample PHP REST backend.
 
+***
+
 ### JavaScript Resource Calendar Tutorial
 
 [![JavaScript Resource Calendar](https://static.daypilot.org/npm/202207/javascript-resource-calendar-open-source.png)](https://code.daypilot.org/87709/javascript-resource-calendar-tutorial-php-mysql)
@@ -54,6 +56,8 @@ Event calendar introduction - week view, loading data, drag and drop, CSS themes
 [JavaScript Resource Calendar Tutorial - PHP/MySQL (Open-Source)](https://code.daypilot.org/87709/javascript-resource-calendar-tutorial-php-mysql)     
 The resource calendar displays custom resources (people, rooms, tools) as columns. This tutorial shows how to load resource data from a PHP/MySQL backend and show custom calendar columns.
 
+***
+
 ### HTML5/JavaScript Calendar with Day/Week/Month Views (PHP, MySQL)
 
 [![Calendar with Day/Week/Month Views](https://static.daypilot.org/npm/202304/html5-javascript-calendar-with-day-week-month-views.png)](https://code.daypilot.org/27988/html5-calendar-with-day-week-month-views-javascript-php)
@@ -61,6 +65,8 @@ The resource calendar displays custom resources (people, rooms, tools) as column
 [Open-Source HTML5/JavaScript Calendar with Day/Week/Month Views (PHP, MySQL)](https://code.daypilot.org/27988/html5-calendar-with-day-week-month-views-javascript-php)   
 HTML5/JavaScript event calendar with day, week, and month views and integrated date navigator. Includes a sample PHP backend with MySQL database.
 
+***
+
 ### ASP.NET Core Weekly Calendar
 
 [![ASP.NET Core Weekly Calendar](https://static.daypilot.org/npm/202306/asp.net-core-weekly-calendar-component-open-source.png)](https://code.daypilot.org/31735/javascript-weekly-calendar-asp-net-core)
@@ -68,6 +74,8 @@ HTML5/JavaScript event calendar with day, week, and month views and integrated d
 [ASP.NET Core Weekly Calendar (Open-Source)](https://code.daypilot.org/31735/javascript-weekly-calendar-asp-net-core)   
 Simple ASP.NET Core web application that displays event data in a weekly calendar. Uses Entity Framework Core for data access.
 
+***
+
 ### ASP.NET Core Monthly Calendar
 
 [![ASP.NET Core Monthly Calendar](https://static.daypilot.org/npm/202306/asp.net-core-monthly-calendar-component-open-source.png)](https://code.daypilot.org/95109/html5-monthly-calendar-and-asp-net-core)
@@ -75,6 +83,7 @@ Simple ASP.NET Core web application that displays event data in a weekly calenda
 [ASP.NET Core Monthly Calendar (Open-Source)](https://code.daypilot.org/31735/javascript-weekly-calendar-asp-net-core)   
 ASP.NET Core web application that displays scheduled events in a monthly calendar. Visual Studio project for download.
 
+***
 
 ### ASP.NET Core Maintenance Scheduling App
 
@@ -83,6 +92,8 @@ ASP.NET Core web application that displays scheduled events in a monthly calenda
 [ASP.NET Core Maintenance Scheduling (Open-Source)](https://code.daypilot.org/92491/asp-net-core-maintenance-scheduling)   
 How to create a visual, color-coded, and easily adjustable maintenance plan in ASP.NET Core using DayPilot.
 
+***
+
 ### ASP.NET Core Resource-Scheduling Calendar
 
 [![ASP.NET Core Resource-Scheduling Calendar](https://static.daypilot.org/npm/202311/asp.net-core-resource-scheduling-calendar-open-source.png)](https://code.daypilot.org/20604/asp-net-core-resource-calendar-open-source)
@@ -90,6 +101,7 @@ How to create a visual, color-coded, and easily adjustable maintenance plan in A
 [ASP.NET Core Resource-Scheduling Calendar (Open-Source)](https://code.daypilot.org/20604/asp-net-core-resource-calendar-open-source)   
 How to create a resource-scheduling calendar in ASP.NET Core that displays resources as columns. Add more UI features, such as free/busy highlighting, next/previous date-changing buttons and a modal dialog for editing event details.
 
+***
 
 ### Spring Boot Weekly Calendar
 
@@ -98,6 +110,8 @@ How to create a resource-scheduling calendar in ASP.NET Core that displays resou
 [Weekly Event Calendar in Spring Boot/Java (Open-Source)](https://code.daypilot.org/41760/using-javascript-html5-event-calendar-in-spring-boot-java)   
 Create a Spring Boot scheduling application with a weekly HTML5/JavaScript calendar component.
 
+***
+
 ### Spring Boot Monthly Calendar
 
 [![Spring Boot Monthly Calendar](https://static.daypilot.org/npm/202306/spring-boot-monthly-calendar-java-javascript-html5.png)](https://code.daypilot.org/58614/using-javascript-html5-monthly-calendar-in-spring-boot-java)
@@ -105,6 +119,8 @@ Create a Spring Boot scheduling application with a weekly HTML5/JavaScript calen
 [Monthly Calendar in Spring Boot/Java (Open-Source)](https://code.daypilot.org/58614/using-javascript-html5-monthly-calendar-in-spring-boot-java)   
 Spring Boot web application that displays a monthly calendar with drag and drop support. Implemented using JavaScript monthly calendar control from DayPilot package.
 
+***
+
 ### Spring Boot Resource-Scheduling Calendar
 
 [![Spring Boot Resource-Scheduling Calendar](https://static.daypilot.org/npm/202311/spring-boot-resource-scheduling-calendar-open-source-npm.png)](https://code.daypilot.org/89304/spring-boot-resource-scheduling-calendar-open-source)
@@ -112,7 +128,6 @@ Spring Boot web application that displays a monthly calendar with drag and drop
 [Spring Boot Resource-Scheduling Calendar (Open-Source)](https://code.daypilot.org/89304/spring-boot-resource-scheduling-calendar-open-source)   
 Spring Boot application that uses a visual resource-scheduling calendar to display plans for multiple resources side by side.
 
-
 ## Example
 
 HTML:
@@ -130,7 +145,7 @@ import {DayPilot} from "@daypilot/daypilot-lite-javascript";
 // initialize the calendar component
 const calendar = new DayPilot.Calendar("calendar", {
     viewType: "Week",
-    startDate: "2023-09-18",
+    startDate: "2025-09-18",
     headerDateFormat: "d/M/yyyy",
     onEventMoved: args => {
         console.log("Event was moved:", args.e);
@@ -141,15 +156,15 @@ calendar.init();
 // load calendar events
 const events = [
     {
-        start: "2023-03-18T11:00:00",
-        end: "2023-03-18T14:00:00",
+        start: "2025-03-18T11:00:00",
+        end: "2025-03-18T14:00:00",
         id: 1,
         text: "Event 1",
         barColor: "#f37021"
     },
     {
-        start: "2023-03-19T11:00:00",
-        end: "2023-03-19T14:00:00",
+        start: "2025-03-19T11:00:00",
+        end: "2025-03-19T14:00:00",
         id: 2,
         text: "Event 2",
         barColor: "#cc004c"

package/daypilot-javascript.min.d.ts

@@ -163,13 +163,17 @@ export module DayPilot {
             readonly start: DayPilot.Date;
             readonly end: DayPilot.Date;
             readonly resource: ResourceId;
+            readonly x: number;
+            readonly y: number;
             readonly properties: {
                 html: string;
                 business: boolean;
                 backColor: string;
                 backImage: string;
                 backRepeat: string;
+                fontColor: string;
                 cssClass: string;
+                text: string;
             };
         };
     }
@@ -188,6 +192,7 @@ export module DayPilot {
             html: string;
             backColor: string;
             cssClass?: string;
+            horizontalAlignment?: "left" | "center" | "right";
             verticalAlignment?: "top" | "center" | "bottom";
             toolTip: string;
             areas: AreaData[];
@@ -1040,6 +1045,7 @@ export module DayPilot {
         action?: "Default" | "None" | "ContextMenu" | "ResizeEnd" | "ResizeStart" | "Move";
         backColor?: string;
         background?: string;
+        borderRadius?: number | string;
         bottom?: number | string;
         cssClass?: string;
         fontColor?: string;