@nomideusz/svelte-calendar 1.6.0 → 1.7.0

package/README.md

@@ -1064,6 +1064,8 @@ The widget renders inside shadow DOM: host-page CSS cannot affect the calendar a
 | `compact` | `false` | `"true"` for compact agenda rows |
 | `timezone` | viewer's zone | IANA zone, e.g. `Europe/Warsaw` (read when the element mounts) |
 | `mincolumnwidth` | `110` | Minimum day-column width in px for the week grid; a container narrower than the days need scrolls sideways |
+| `hours` | `0-24` | Visible hours of the time grids, `"start-end"` in whole hours (e.g. `"6-22"`) |
+| `labels` | — | UI words as a JSON object over the English defaults, e.g. `'{"today":"Dziś","week":"Tydzień"}'` (keys: `CalendarLabels`) |
 
 Each event in `api` responses and `events` needs `start` and `end` as date strings (ISO 8601) and may carry `id`, `title`, `color`, `allDay`, `subtitle` and `location`; other fields are ignored, as are events with an invalid or empty range. Changing an attribute updates the calendar in place.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nomideusz/svelte-calendar",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "description": "A themeable Svelte 5 calendar: day, week, scrolling-week and month views, agenda lists, touch-first mobile layouts, drag-and-drop, timezones, a headless API and an embeddable web component.",
   "type": "module",
   "sideEffects": [

package/widget/widget.js

@@ -20754,6 +20754,8 @@ createHTML: (html) => {
 		/** Compact agenda rendering: "true" */
 		/** IANA timezone, e.g. "Europe/Warsaw" */
 		/** Minimum day-column width in px for the week grid (default: 110) — a narrower container scrolls sideways */
+		/** Visible hours of the time grids, "start-end" in whole hours (e.g. "6-22") */
+		/** UI words as a JSON object over the English defaults, e.g. '{"today":"Dziś"}' */
 		let theme = prop($$props, "theme", 3, "auto"), view = prop($$props, "view", 3, "week-planner"), height = prop($$props, "height", 3, "600"), mondaystart = prop($$props, "mondaystart", 3, "true");
 		const heightValue = /* @__PURE__ */ user_derived(() => {
 			const trimmed = height().trim();
@@ -20776,6 +20778,20 @@ createHTML: (html) => {
 			const n = parseInt($$props.mincolumnwidth, 10);
 			return Number.isNaN(n) || n < 0 ? void 0 : n;
 		});
+		const hoursValue = /* @__PURE__ */ user_derived(() => {
+			const m = $$props.hours?.trim().match(/^(\d{1,2})\s*-\s*(\d{1,2})$/);
+			if (!m) return void 0;
+			const [from, to] = [Number(m[1]), Number(m[2])];
+			return from < to && to <= 24 ? [from, to] : void 0;
+		});
+		const labelsValue = /* @__PURE__ */ user_derived(() => {
+			if (!$$props.labels) return void 0;
+			try {
+				const parsed = JSON.parse($$props.labels);
+				if (parsed && typeof parsed === "object" && !Array.isArray(parsed)) return parsed;
+			} catch {}
+			console.warn("[day-calendar] Failed to parse labels JSON:", $$props.labels);
+		});
 		function parseHeaders(json) {
 			if (!json) return void 0;
 			try {
@@ -20892,6 +20908,12 @@ createHTML: (html) => {
 				},
 				get minColumnWidth() {
 					return get(minColumnWidthValue);
+				},
+				get visibleHours() {
+					return get(hoursValue);
+				},
+				get labels() {
+					return get(labelsValue);
 				}
 			});
 		}
@@ -20954,7 +20976,9 @@ createHTML: (html) => {
 		"days",
 		"compact",
 		"timezone",
-		"mincolumnwidth"
+		"mincolumnwidth",
+		"hours",
+		"labels"
 	];
 	/**
 	* Attribute values as reactive props for `mount()`. A plain .ts module has