@daypilot/daypilot-lite-react 3.30.0 → 3.30.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,6 +1,13 @@
1
1
  # DayPilot Lite for React
2
2
 
3
- [DayPilot Lite for JavaScript](https://javascript.daypilot.org/open-source/) is a library of JavaScript/HTML5 event calendar/scheduler components that can display day/week/month calendar views. It includes a React version.
3
+ [DayPilot Lite for JavaScript](https://javascript.daypilot.org/open-source/) is a library of JavaScript/HTML5 scheduling components that can display calendar/scheduler UI:
4
+ * day
5
+ * week
6
+ * month
7
+ * resource calendar (resources as columns)
8
+ * custom number of days as columns
9
+
10
+ This is the DayPilot Lite for React package.
4
11
 
5
12
  ## What's New
6
13
 
@@ -25,7 +32,9 @@ Customize the scheduling components using an online [UI Builder](https://builder
25
32
  * Event duration bar with customizable color
26
33
  * Date picker with free/busy days highlighting, free-hand range selection, day cell customization
27
34
  * CSS themes (use theme builder to create your own theme)
28
- * Event customization (text, HTML, colors...)
35
+ * Event customization (text, HTML, colors, icons...)
36
+ * Cell customization (background, images, text, HTML...)
37
+ * Column header customization (background, images, text, HTML...)
29
38
  * Built-in XSS protection
30
39
  * Localization support
31
40
  * TypeScript definitions
@@ -67,6 +76,13 @@ React application that displays a monthly event calendar. Calendar events use cu
67
76
  [Next.js Weekly Calendar Tutorial (Open-Source)](https://code.daypilot.org/45330/next-js-weekly-calendar-open-source)
68
77
  How to create a weekly calendar web application using a Next.js project with JavaScript source code for download.
69
78
 
79
+ ### Next.js Monthly Calendar Tutorial
80
+
81
+ [![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)
82
+
83
+ [Next.js Monthly Calendar Tutorial (Open-Source)](https://code.daypilot.org/37709/next-js-monthly-calendar-open-source)
84
+ Learn how to build a customized monthly calendar UI in Next.js 15 using the open-source DayPilot scheduling library.
85
+
70
86
  ### React Calendar with Date Picker
71
87
 
72
88
  [![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)
@@ -163,13 +163,17 @@ export module DayPilot {
163
163
  readonly start: DayPilot.Date;
164
164
  readonly end: DayPilot.Date;
165
165
  readonly resource: ResourceId;
166
+ readonly x: number;
167
+ readonly y: number;
166
168
  readonly properties: {
167
169
  html: string;
168
170
  business: boolean;
169
171
  backColor: string;
170
172
  backImage: string;
171
173
  backRepeat: string;
174
+ fontColor: string;
172
175
  cssClass: string;
176
+ text: string;
173
177
  };
174
178
  };
175
179
  }
@@ -1040,6 +1044,7 @@ export module DayPilot {
1040
1044
  action?: "Default" | "None" | "ContextMenu" | "ResizeEnd" | "ResizeStart" | "Move";
1041
1045
  backColor?: string;
1042
1046
  background?: string;
1047
+ borderRadius?: number | string;
1043
1048
  bottom?: number | string;
1044
1049
  cssClass?: string;
1045
1050
  fontColor?: string;