react-working-days-calendar 1.0.0 → 1.0.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 +32 -3
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -3,7 +3,11 @@
|
|
|
3
3
|
A fully-featured, timezone-aware working days calendar component for React. Supports event pills, multi-date selection, overflow dialogs, custom renderers, and a mini-calendar date picker — all with zero UI framework dependencies.
|
|
4
4
|
|
|
5
5
|
[](https://www.npmjs.com/package/react-working-days-calendar)
|
|
6
|
-
[](https://github.com/YathuPiraba/working-days-calendar/blob/
|
|
6
|
+
[](https://github.com/YathuPiraba/working-days-calendar/blob/master/LICENSE)
|
|
7
|
+
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+

|
|
7
11
|
|
|
8
12
|
---
|
|
9
13
|
|
|
@@ -26,8 +30,7 @@ import "react-working-days-calendar/dist/react-working-days-calendar.css";
|
|
|
26
30
|
const events = [
|
|
27
31
|
{
|
|
28
32
|
id: "evt-005",
|
|
29
|
-
|
|
30
|
-
date: dt(8, "15:00"),
|
|
33
|
+
date: "2026-03-08T15:00:00+00:00",
|
|
31
34
|
timezone: "UTC",
|
|
32
35
|
label: "Budget review",
|
|
33
36
|
color: "#E67E22",
|
|
@@ -203,6 +206,8 @@ const events = [
|
|
|
203
206
|
/>
|
|
204
207
|
```
|
|
205
208
|
|
|
209
|
+

|
|
210
|
+
|
|
206
211
|
---
|
|
207
212
|
|
|
208
213
|
## Disabled Dates
|
|
@@ -231,6 +236,30 @@ const [events, setEvents] = useState([]);
|
|
|
231
236
|
|
|
232
237
|
---
|
|
233
238
|
|
|
239
|
+
## Event Overflow Dialog
|
|
240
|
+
|
|
241
|
+
When a calendar cell has more than 2 events, an overflow dialog lets users view all of them without cluttering the grid.
|
|
242
|
+
|
|
243
|
+

|
|
244
|
+
|
|
245
|
+
---
|
|
246
|
+
|
|
247
|
+
## Mini Calendar Picker
|
|
248
|
+
|
|
249
|
+
A compact date picker for fast month and year navigation.
|
|
250
|
+
|
|
251
|
+

|
|
252
|
+
|
|
253
|
+
---
|
|
254
|
+
|
|
255
|
+
## Dynamic Legend Strip
|
|
256
|
+
|
|
257
|
+
The legend strip is auto-generated from visible events in the current month view.
|
|
258
|
+
|
|
259
|
+

|
|
260
|
+
|
|
261
|
+
---
|
|
262
|
+
|
|
234
263
|
## TypeScript
|
|
235
264
|
|
|
236
265
|
All types are exported:
|