@htmlbricks/hb-calendar-appointments 0.66.7 → 0.66.9
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 +46 -0
- package/manifest.json +3 -3
- package/package.json +1 -1
package/README.md
ADDED
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
## `hb-calendar-appointments` — calendar-appointments
|
|
2
|
+
|
|
3
|
+
**Category:** calendar | **Tags:** calendar, appointments
|
|
4
|
+
|
|
5
|
+
### What it does
|
|
6
|
+
|
|
7
|
+
Month agenda view: events for the current month are grouped by calendar day and listed chronologically with weekday, day number, time, and colored markers. Optional header with month navigation; changing month or selecting a day dispatches `changeCalendarDate`, `changeSelectedDate`, and clicking a row dispatches `calendarEventClick`. Uses Italian public holidays metadata; `events` is supplied as JSON.
|
|
8
|
+
|
|
9
|
+
### Custom element
|
|
10
|
+
|
|
11
|
+
`hb-calendar-appointments`
|
|
12
|
+
|
|
13
|
+
### Attributes / props (snake_case)
|
|
14
|
+
|
|
15
|
+
| Property | Type | Notes |
|
|
16
|
+
| --- | --- | --- |
|
|
17
|
+
| `id` | string (optional) | Element identifier. |
|
|
18
|
+
| `style` | string (optional) | Inline style string. |
|
|
19
|
+
| `date` | Date (optional) | Current calendar month context; pass as ISO string / parsed JSON in HTML. |
|
|
20
|
+
| `events` | array (optional) | JSON array of `{ date: Date; label: string; id: string; link?; icon?; color? }`. |
|
|
21
|
+
| `selected` | Date (optional) | Selected day. |
|
|
22
|
+
| `disable_header` | boolean (optional) | Hide the navigation header when true. |
|
|
23
|
+
|
|
24
|
+
**Theme:** `--hb-calendar-selected`, `--hb-calendar-hover`, `--hb-calendar-today`. **Parts:** `calendar-header`, `calendar-current-time-header`, `cell`. **Slots:** `header_month_icon_prev`, `header_month_icon_next`, `header`, `calendar_month`.
|
|
25
|
+
|
|
26
|
+
### Events (`CustomEvent` names)
|
|
27
|
+
|
|
28
|
+
- **`calendarEventClick`** — `{ eventId: string }`
|
|
29
|
+
- **`changeCalendarDate`** — `{ date: Date }`
|
|
30
|
+
- **`changeSelectedDate`** — `{ selectedDate: Date }`
|
|
31
|
+
|
|
32
|
+
### Usage notes
|
|
33
|
+
|
|
34
|
+
- Bootstrap 5–oriented colors via CSS variables above.
|
|
35
|
+
- Italian holiday data is built in; adjust expectations for non-IT locales.
|
|
36
|
+
- Shadow DOM exposes named parts for deeper styling.
|
|
37
|
+
- Pass `events` and dates as JSON strings from HTML attributes; runtime parsing depends on the web component bridge.
|
|
38
|
+
|
|
39
|
+
### Minimal HTML example
|
|
40
|
+
|
|
41
|
+
```html
|
|
42
|
+
<hb-calendar-appointments
|
|
43
|
+
disable_header="false"
|
|
44
|
+
events='[{"id":"1","label":"Meeting","date":"2026-03-15T10:00:00.000Z"}]'
|
|
45
|
+
></hb-calendar-appointments>
|
|
46
|
+
```
|
package/manifest.json
CHANGED
|
@@ -210,12 +210,12 @@
|
|
|
210
210
|
"data": {
|
|
211
211
|
"events": [
|
|
212
212
|
{
|
|
213
|
-
"date": "2026-03-28T18:
|
|
213
|
+
"date": "2026-03-28T18:51:20.364Z",
|
|
214
214
|
"id": "test",
|
|
215
215
|
"label": "thetest"
|
|
216
216
|
},
|
|
217
217
|
{
|
|
218
|
-
"date": "2026-02-28T18:
|
|
218
|
+
"date": "2026-02-28T18:51:20.364Z",
|
|
219
219
|
"id": "test2",
|
|
220
220
|
"label": "thetest start",
|
|
221
221
|
"color": "red"
|
|
@@ -250,5 +250,5 @@
|
|
|
250
250
|
"size": {},
|
|
251
251
|
"iifePath": "main.iife.js",
|
|
252
252
|
"repoName": "@htmlbricks/hb-calendar-appointments",
|
|
253
|
-
"version": "0.66.
|
|
253
|
+
"version": "0.66.9"
|
|
254
254
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@htmlbricks/hb-calendar-appointments",
|
|
3
|
-
"version": "0.66.
|
|
3
|
+
"version": "0.66.9",
|
|
4
4
|
"contributors": [],
|
|
5
5
|
"description": "Month agenda view: events for the current month are grouped by calendar day and listed chronologically with weekday, day number, time, and colored markers. Optional header with month navigation; changing month or selecting a day dispatches `changeCalendarDate`, `changeSelectedDate`, and clicking a row dispatches `calendarEventClick`. Uses Italian public holidays metadata and accepts `events` as JSON.",
|
|
6
6
|
"licenses": [
|