@panneau/fields 5.0.0-alpha.15 → 5.0.0-alpha.16

package/dist/daterange/DateRangeField.css

@@ -0,0 +1,9 @@
+.panneau-date-range-field-field {
+    display: flex;
+    flex-direction: column;
+    gap: var(--panneau-space-2);
+}
+
+.panneau-date-range-field-time-zone {
+    max-width: 20rem;
+}

package/dist/daterange/DateRangeField.d.ts

@@ -0,0 +1,31 @@
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
+import { type DateRangeFieldValue } from './range.js';
+export interface DateRangeFieldProps extends FieldProps<DateRangeFieldValue> {
+    /** The bounds are date-times. Without it, days. */
+    time?: boolean;
+    /** With `time`: an "All day" switch, whose ranges have days as bounds. */
+    allDay?: boolean;
+    /**
+     * The time zone the date-times are shown and typed in, when the value has none. Defaults to
+     * the browser's.
+     */
+    timeZone?: string | null;
+    /** With `time`: a menu of time zones, whose choice is kept in the value. */
+    chooseTimeZone?: boolean;
+    /** Defaults to the locale's. */
+    hourCycle?: 12 | 24;
+    controlClassName?: string;
+}
+/**
+ * A start and an end, checked together (decision 0053): days, or date-times with `time`, in one
+ * control with one calendar for both bounds. The value is `{ start, end }`, with `allDay` for an
+ * all-day range and the `timeZone` the user chose, or `null` once both bounds are empty.
+ *
+ * Date-times are shown and typed in the zone of the value, then `timeZone`, then the browser's,
+ * and written in UTC. A range typed halfway keeps its empty bound as `null`: the `daterange` rule
+ * refuses it unless that bound is open.
+ */
+export declare function DateRangeField({ value, onChange, onBlur, time, allDay: offersAllDay, timeZone: fieldZone, chooseTimeZone, hourCycle, disabled, readOnly, required, ...props }: DateRangeFieldProps): import("react").JSX.Element;
+/** The `daterange` type: settings `time`, `allDay`, `open`, `timeZone` and `chooseTimeZone`. */
+export declare function DateRangeFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
+//# sourceMappingURL=DateRangeField.d.ts.map

package/dist/daterange/DateRangeField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeField.d.ts","sourceRoot":"","sources":["../../src/daterange/DateRangeField.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEnE,OAAO,EACH,KAAK,mBAAmB,EAI3B,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,mBAAoB,SAAQ,UAAU,CAAC,mBAAmB,CAAC;IACxE,mDAAmD;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0EAA0E;IAC1E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,4EAA4E;IAC5E,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gCAAgC;IAChC,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAaD;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,IAAY,EACZ,MAAM,EAAE,YAAoB,EAC5B,QAAQ,EAAE,SAAS,EACnB,cAAsB,EACtB,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,mBAAmB,+BA0IrB;AAED,gGAAgG;AAChG,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,eAAe,+BAazD"}

package/dist/daterange/DateRangeField.js

@@ -0,0 +1,372 @@
+import { getFieldProps } from "../shared/entry.js";
+import { messages } from "../shared/messages.js";
+import { CodeComboBox } from "../shared/CodeComboBox.js";
+import { fromDateTime, toCalendarDate as toCalendarDate$1, toDateTime } from "../shared/dates.js";
+import DateRangeField_module_default from "./DateRangeField.module.js";
+import { getDateRangeSettings, getTimeZones, isDateRangeValue } from "./range.js";
+import { c } from "react/compiler-runtime";
+import { DateRangePicker, Switch, usePanneauIntl } from "@panneau/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { getLocalTimeZone, now, toCalendarDate, toCalendarDateTime, toZoned } from "@internationalized/date";
+//#region src/daterange/DateRangeField.tsx
+/** A bound of the picker as a value: a day, or a date-time in UTC (or without an offset). */
+function fromBound(bound, days) {
+	if (bound === null) return null;
+	if (days || !("hour" in bound)) return toCalendarDate(bound).toString();
+	return fromDateTime(bound);
+}
+/**
+* A start and an end, checked together (decision 0053): days, or date-times with `time`, in one
+* control with one calendar for both bounds. The value is `{ start, end }`, with `allDay` for an
+* all-day range and the `timeZone` the user chose, or `null` once both bounds are empty.
+*
+* Date-times are shown and typed in the zone of the value, then `timeZone`, then the browser's,
+* and written in UTC. A range typed halfway keeps its empty bound as `null`: the `daterange` rule
+* refuses it unless that bound is open.
+*/
+function DateRangeField(t0) {
+	const $ = c(86);
+	let disabled;
+	let fieldZone;
+	let hourCycle;
+	let onBlur;
+	let onChange;
+	let props;
+	let readOnly;
+	let required;
+	let t1;
+	let t2;
+	let t3;
+	let value;
+	if ($[0] !== t0) {
+		({value, onChange, onBlur, time: t1, allDay: t2, timeZone: fieldZone, chooseTimeZone: t3, hourCycle, disabled, readOnly, required, ...props} = t0);
+		$[0] = t0;
+		$[1] = disabled;
+		$[2] = fieldZone;
+		$[3] = hourCycle;
+		$[4] = onBlur;
+		$[5] = onChange;
+		$[6] = props;
+		$[7] = readOnly;
+		$[8] = required;
+		$[9] = t1;
+		$[10] = t2;
+		$[11] = t3;
+		$[12] = value;
+	} else {
+		disabled = $[1];
+		fieldZone = $[2];
+		hourCycle = $[3];
+		onBlur = $[4];
+		onChange = $[5];
+		props = $[6];
+		readOnly = $[7];
+		required = $[8];
+		t1 = $[9];
+		t2 = $[10];
+		t3 = $[11];
+		value = $[12];
+	}
+	const time = t1 === void 0 ? false : t1;
+	const offersAllDay = t2 === void 0 ? false : t2;
+	const chooseTimeZone = t3 === void 0 ? false : t3;
+	const intl = usePanneauIntl();
+	const current = isDateRangeValue(value) ? value : null;
+	const isAllDay = time && offersAllDay && current?.allDay === true;
+	const days = !time || isAllDay;
+	let T0;
+	let allDaySwitch;
+	let changeZone;
+	let chosenZone;
+	let local;
+	let t10;
+	let t4;
+	let t5;
+	let t6;
+	let t7;
+	let t8;
+	let t9;
+	let zone;
+	if ($[13] !== chooseTimeZone || $[14] !== current || $[15] !== days || $[16] !== disabled || $[17] !== fieldZone || $[18] !== intl || $[19] !== isAllDay || $[20] !== offersAllDay || $[21] !== onBlur || $[22] !== onChange || $[23] !== props || $[24] !== readOnly || $[25] !== time) {
+		local = getLocalTimeZone();
+		zone = current?.timeZone ?? fieldZone ?? local;
+		chosenZone = chooseTimeZone ? current?.timeZone ?? fieldZone ?? local : null;
+		const toBound = (bound) => days ? toCalendarDate$1(bound) : toDateTime(bound, zone);
+		const emit = (next) => {
+			if (next.start === null && next.end === null) {
+				onChange?.(null);
+				return;
+			}
+			const nextZone = next.timeZone !== void 0 ? next.timeZone : chosenZone;
+			const nextAllDay = next.allDay ?? isAllDay;
+			onChange?.({
+				start: next.start,
+				end: next.end,
+				...time && offersAllDay && nextAllDay ? { allDay: true } : {},
+				...chooseTimeZone && nextZone !== null ? { timeZone: nextZone } : {}
+			});
+		};
+		const toggleAllDay = (on) => {
+			if (current === null) return;
+			const convert = (bound_0, edge) => {
+				if (bound_0 === null) return null;
+				if (on) {
+					const date = toDateTime(bound_0, zone);
+					return date !== null ? toCalendarDate(date).toString() : null;
+				}
+				const day = toCalendarDate$1(bound_0);
+				if (day === null) return null;
+				const zoned = toZoned(day, zone).set(edge === "start" ? {
+					hour: 9,
+					minute: 0
+				} : {
+					hour: 17,
+					minute: 0
+				});
+				return fromDateTime(zoned);
+			};
+			emit({
+				start: convert(current.start, "start"),
+				end: convert(current.end, "end"),
+				allDay: on
+			});
+		};
+		changeZone = (next_0) => {
+			if (next_0 === null || current === null || days) {
+				if (current !== null && next_0 !== null) emit({
+					start: current.start,
+					end: current.end,
+					timeZone: next_0
+				});
+				return;
+			}
+			const move = (bound_1) => {
+				const date_0 = toDateTime(bound_1, zone);
+				return date_0 !== null && "timeZone" in date_0 ? fromDateTime(toZoned(toCalendarDateTime(date_0), next_0)) : bound_1;
+			};
+			emit({
+				start: move(current.start),
+				end: move(current.end),
+				timeZone: next_0
+			});
+		};
+		let t11;
+		if ($[39] !== current || $[40] !== disabled || $[41] !== intl || $[42] !== isAllDay || $[43] !== offersAllDay || $[44] !== readOnly || $[45] !== time || $[46] !== toggleAllDay) {
+			t11 = time && offersAllDay ? /* @__PURE__ */ jsx(Switch, {
+				isSelected: isAllDay,
+				isDisabled: disabled === true || readOnly === true || current === null,
+				onChange: toggleAllDay,
+				children: intl.formatMessage(messages.allDay)
+			}) : void 0;
+			$[39] = current;
+			$[40] = disabled;
+			$[41] = intl;
+			$[42] = isAllDay;
+			$[43] = offersAllDay;
+			$[44] = readOnly;
+			$[45] = time;
+			$[46] = toggleAllDay;
+			$[47] = t11;
+		} else t11 = $[47];
+		allDaySwitch = t11;
+		t10 = DateRangeField_module_default.field;
+		T0 = DateRangePicker;
+		t4 = props;
+		if ($[48] !== current || $[49] !== toBound) {
+			t5 = current !== null ? {
+				start: toBound(current.start),
+				end: toBound(current.end)
+			} : null;
+			$[48] = current;
+			$[49] = toBound;
+			$[50] = t5;
+		} else t5 = $[50];
+		if ($[51] !== days || $[52] !== emit) {
+			t6 = (next_1) => emit({
+				start: fromBound(next_1.start, days),
+				end: fromBound(next_1.end, days)
+			});
+			$[51] = days;
+			$[52] = emit;
+			$[53] = t6;
+		} else t6 = $[53];
+		if ($[54] !== onBlur) {
+			t7 = onBlur !== void 0 ? { onBlur } : {};
+			$[54] = onBlur;
+			$[55] = t7;
+		} else t7 = $[55];
+		t8 = days ? "day" : "minute";
+		t9 = !days ? { placeholderValue: now(zone).set({
+			hour: 9,
+			minute: 0,
+			second: 0,
+			millisecond: 0
+		}) } : {};
+		$[13] = chooseTimeZone;
+		$[14] = current;
+		$[15] = days;
+		$[16] = disabled;
+		$[17] = fieldZone;
+		$[18] = intl;
+		$[19] = isAllDay;
+		$[20] = offersAllDay;
+		$[21] = onBlur;
+		$[22] = onChange;
+		$[23] = props;
+		$[24] = readOnly;
+		$[25] = time;
+		$[26] = T0;
+		$[27] = allDaySwitch;
+		$[28] = changeZone;
+		$[29] = chosenZone;
+		$[30] = local;
+		$[31] = t10;
+		$[32] = t4;
+		$[33] = t5;
+		$[34] = t6;
+		$[35] = t7;
+		$[36] = t8;
+		$[37] = t9;
+		$[38] = zone;
+	} else {
+		T0 = $[26];
+		allDaySwitch = $[27];
+		changeZone = $[28];
+		chosenZone = $[29];
+		local = $[30];
+		t10 = $[31];
+		t4 = $[32];
+		t5 = $[33];
+		t6 = $[34];
+		t7 = $[35];
+		t8 = $[36];
+		t9 = $[37];
+		zone = $[38];
+	}
+	let t11;
+	if ($[56] !== hourCycle) {
+		t11 = hourCycle !== void 0 ? { hourCycle } : {};
+		$[56] = hourCycle;
+		$[57] = t11;
+	} else t11 = $[57];
+	const t12 = zone === local;
+	let t13;
+	if ($[58] !== allDaySwitch) {
+		t13 = allDaySwitch !== void 0 ? { end: allDaySwitch } : {};
+		$[58] = allDaySwitch;
+		$[59] = t13;
+	} else t13 = $[59];
+	let t14;
+	if ($[60] !== T0 || $[61] !== disabled || $[62] !== readOnly || $[63] !== required || $[64] !== t11 || $[65] !== t12 || $[66] !== t13 || $[67] !== t4 || $[68] !== t5 || $[69] !== t6 || $[70] !== t7 || $[71] !== t8 || $[72] !== t9) {
+		t14 = /* @__PURE__ */ jsx(T0, {
+			...t4,
+			value: t5,
+			onChange: t6,
+			...t7,
+			granularity: t8,
+			...t9,
+			...t11,
+			hideTimeZone: t12,
+			...t13,
+			isRequired: required,
+			isDisabled: disabled,
+			isReadOnly: readOnly
+		});
+		$[60] = T0;
+		$[61] = disabled;
+		$[62] = readOnly;
+		$[63] = required;
+		$[64] = t11;
+		$[65] = t12;
+		$[66] = t13;
+		$[67] = t4;
+		$[68] = t5;
+		$[69] = t6;
+		$[70] = t7;
+		$[71] = t8;
+		$[72] = t9;
+		$[73] = t14;
+	} else t14 = $[73];
+	let t15;
+	if ($[74] !== changeZone || $[75] !== chooseTimeZone || $[76] !== chosenZone || $[77] !== disabled || $[78] !== intl || $[79] !== readOnly || $[80] !== time) {
+		t15 = chooseTimeZone && time ? /* @__PURE__ */ jsx(CodeComboBox, {
+			label: intl.formatMessage(messages.timeZone),
+			choices: getTimeZones().map(_temp),
+			value: chosenZone,
+			onChange: changeZone,
+			disabled,
+			readOnly,
+			emptyMessage: intl.formatMessage(messages.noTimeZones),
+			className: DateRangeField_module_default.timeZone
+		}) : null;
+		$[74] = changeZone;
+		$[75] = chooseTimeZone;
+		$[76] = chosenZone;
+		$[77] = disabled;
+		$[78] = intl;
+		$[79] = readOnly;
+		$[80] = time;
+		$[81] = t15;
+	} else t15 = $[81];
+	let t16;
+	if ($[82] !== t10 || $[83] !== t14 || $[84] !== t15) {
+		t16 = /* @__PURE__ */ jsxs("div", {
+			className: t10,
+			children: [t14, t15]
+		});
+		$[82] = t10;
+		$[83] = t14;
+		$[84] = t15;
+		$[85] = t16;
+	} else t16 = $[85];
+	return t16;
+}
+/** The `daterange` type: settings `time`, `allDay`, `open`, `timeZone` and `chooseTimeZone`. */
+function _temp(code) {
+	return {
+		code,
+		name: code.replaceAll("_", " ").replaceAll("/", " / ")
+	};
+}
+function DateRangeFieldEntry(props) {
+	const $ = c(12);
+	let t0;
+	if ($[0] !== props.field.settings) {
+		t0 = getDateRangeSettings(props.field.settings);
+		$[0] = props.field.settings;
+		$[1] = t0;
+	} else t0 = $[1];
+	const settings = t0;
+	let t1;
+	if ($[2] !== props) {
+		t1 = getFieldProps(props);
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	const t2 = isDateRangeValue(props.value) ? props.value : null;
+	let t3;
+	if ($[4] !== props.onChange || $[5] !== settings.allDay || $[6] !== settings.chooseTimeZone || $[7] !== settings.time || $[8] !== settings.timeZone || $[9] !== t1 || $[10] !== t2) {
+		t3 = /* @__PURE__ */ jsx(DateRangeField, {
+			...t1,
+			value: t2,
+			onChange: props.onChange,
+			time: settings.time,
+			allDay: settings.allDay,
+			timeZone: settings.timeZone,
+			chooseTimeZone: settings.chooseTimeZone
+		});
+		$[4] = props.onChange;
+		$[5] = settings.allDay;
+		$[6] = settings.chooseTimeZone;
+		$[7] = settings.time;
+		$[8] = settings.timeZone;
+		$[9] = t1;
+		$[10] = t2;
+		$[11] = t3;
+	} else t3 = $[11];
+	return t3;
+}
+//#endregion
+export { DateRangeField, DateRangeFieldEntry };
+
+//# sourceMappingURL=DateRangeField.js.map

package/dist/daterange/DateRangeField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeField.js","names":["DateValue","getLocalTimeZone","now","toCalendarDate","toCalendarDateTime","toZoned","DateRangePicker","Switch","usePanneauIntl","CodeComboBox","fromDateTime","parseDay","toDateTime","getFieldProps","messages","FieldEntryProps","FieldProps","styles","DateRangeFieldValue","getDateRangeSettings","getTimeZones","isDateRangeValue","DateRangeFieldProps","time","allDay","timeZone","chooseTimeZone","hourCycle","controlClassName","fromBound","bound","days","toString","DateRangeField","t0","$","_c","disabled","fieldZone","onBlur","onChange","props","readOnly","required","t1","t2","t3","value","undefined","offersAllDay","intl","current","isAllDay","T0","allDaySwitch","changeZone","chosenZone","local","t10","t4","t5","t6","t7","t8","t9","zone","toBound","emit","next","start","end","nextZone","nextAllDay","toggleAllDay","on","convert","bound_0","edge","date","day","zoned","set","hour","minute","next_0","move","bound_1","date_0","t11","formatMessage","field","next_1","placeholderValue","second","millisecond","t12","t13","t14","t15","map","_temp","noTimeZones","t16","code","name","replaceAll","DateRangeFieldEntry","settings","_c","parseDay","styles"],"sources":["../../src/daterange/DateRangeField.tsx"],"sourcesContent":["import {\n    type DateValue,\n    getLocalTimeZone,\n    now,\n    toCalendarDate,\n    toCalendarDateTime,\n    toZoned,\n} from '@internationalized/date';\n\nimport { DateRangePicker, Switch, usePanneauIntl } from '@panneau/ui';\n\nimport { CodeComboBox } from '../shared/CodeComboBox';\nimport { fromDateTime, toCalendarDate as parseDay, toDateTime } from '../shared/dates';\nimport { getFieldProps } from '../shared/entry';\nimport { messages } from '../shared/messages';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\nimport styles from './DateRangeField.module.css';\nimport {\n    type DateRangeFieldValue,\n    getDateRangeSettings,\n    getTimeZones,\n    isDateRangeValue,\n} from './range';\n\nexport interface DateRangeFieldProps extends FieldProps<DateRangeFieldValue> {\n    /** The bounds are date-times. Without it, days. */\n    time?: boolean;\n    /** With `time`: an \"All day\" switch, whose ranges have days as bounds. */\n    allDay?: boolean;\n    /**\n     * The time zone the date-times are shown and typed in, when the value has none. Defaults to\n     * the browser's.\n     */\n    timeZone?: string | null;\n    /** With `time`: a menu of time zones, whose choice is kept in the value. */\n    chooseTimeZone?: boolean;\n    /** Defaults to the locale's. */\n    hourCycle?: 12 | 24;\n    controlClassName?: string;\n}\n\n/** A bound of the picker as a value: a day, or a date-time in UTC (or without an offset). */\nfunction fromBound(bound: DateValue | null, days: boolean): string | null {\n    if (bound === null) {\n        return null;\n    }\n    if (days || !('hour' in bound)) {\n        return toCalendarDate(bound).toString();\n    }\n    return fromDateTime(bound);\n}\n\n/**\n * A start and an end, checked together (decision 0053): days, or date-times with `time`, in one\n * control with one calendar for both bounds. The value is `{ start, end }`, with `allDay` for an\n * all-day range and the `timeZone` the user chose, or `null` once both bounds are empty.\n *\n * Date-times are shown and typed in the zone of the value, then `timeZone`, then the browser's,\n * and written in UTC. A range typed halfway keeps its empty bound as `null`: the `daterange` rule\n * refuses it unless that bound is open.\n */\nexport function DateRangeField({\n    value,\n    onChange,\n    onBlur,\n    time = false,\n    allDay: offersAllDay = false,\n    timeZone: fieldZone,\n    chooseTimeZone = false,\n    hourCycle,\n    disabled,\n    readOnly,\n    required,\n    ...props\n}: DateRangeFieldProps) {\n    const intl = usePanneauIntl();\n    const current = isDateRangeValue(value) ? value : null;\n    const isAllDay = time && offersAllDay && current?.allDay === true;\n    const days = !time || isAllDay;\n    const local = getLocalTimeZone();\n    const zone = current?.timeZone ?? fieldZone ?? local;\n    const chosenZone = chooseTimeZone ? (current?.timeZone ?? fieldZone ?? local) : null;\n\n    const toBound = (bound: string | null | undefined): DateValue | null =>\n        days ? parseDay(bound) : toDateTime(bound, zone);\n\n    const emit = (next: {\n        start: string | null;\n        end: string | null;\n        allDay?: boolean;\n        timeZone?: string | null;\n    }) => {\n        if (next.start === null && next.end === null) {\n            onChange?.(null);\n            return;\n        }\n        const nextZone = next.timeZone !== undefined ? next.timeZone : chosenZone;\n        const nextAllDay = next.allDay ?? isAllDay;\n        onChange?.({\n            start: next.start,\n            end: next.end,\n            ...(time && offersAllDay && nextAllDay ? { allDay: true } : {}),\n            ...(chooseTimeZone && nextZone !== null ? { timeZone: nextZone } : {}),\n        });\n    };\n\n    /** The bounds as date-times at the start and the end of their days, or as days. */\n    const toggleAllDay = (on: boolean) => {\n        if (current === null) {\n            return;\n        }\n        const convert = (bound: string | null, edge: 'start' | 'end'): string | null => {\n            if (bound === null) {\n                return null;\n            }\n            if (on) {\n                const date = toDateTime(bound, zone);\n                return date !== null ? toCalendarDate(date).toString() : null;\n            }\n            const day = parseDay(bound);\n            if (day === null) {\n                return null;\n            }\n            const zoned = toZoned(day, zone).set(\n                edge === 'start' ? { hour: 9, minute: 0 } : { hour: 17, minute: 0 },\n            );\n            return fromDateTime(zoned);\n        };\n        emit({\n            start: convert(current.start, 'start'),\n            end: convert(current.end, 'end'),\n            allDay: on,\n        });\n    };\n\n    /** The same wall-clock times in another zone: a range typed in the wrong zone, corrected. */\n    const changeZone = (next: string | null) => {\n        if (next === null || current === null || days) {\n            if (current !== null && next !== null) {\n                emit({ start: current.start, end: current.end, timeZone: next });\n            }\n            return;\n        }\n        const move = (bound: string | null) => {\n            const date = toDateTime(bound, zone);\n            return date !== null && 'timeZone' in date\n                ? fromDateTime(toZoned(toCalendarDateTime(date), next))\n                : bound;\n        };\n        emit({ start: move(current.start), end: move(current.end), timeZone: next });\n    };\n\n    const allDaySwitch =\n        time && offersAllDay ? (\n            <Switch\n                isSelected={isAllDay}\n                isDisabled={disabled === true || readOnly === true || current === null}\n                onChange={toggleAllDay}\n            >\n                {intl.formatMessage(messages.allDay)}\n            </Switch>\n        ) : undefined;\n\n    return (\n        <div className={styles.field}>\n            <DateRangePicker\n                {...props}\n                value={\n                    current !== null\n                        ? { start: toBound(current.start), end: toBound(current.end) }\n                        : null\n                }\n                onChange={(next) =>\n                    emit({ start: fromBound(next.start, days), end: fromBound(next.end, days) })\n                }\n                {...(onBlur !== undefined ? { onBlur } : {})}\n                granularity={days ? 'day' : 'minute'}\n                // Typed from empty, a date-time is in the zone of the field, and written in UTC.\n                {...(!days\n                    ? {\n                          placeholderValue: now(zone).set({\n                              hour: 9,\n                              minute: 0,\n                              second: 0,\n                              millisecond: 0,\n                          }),\n                      }\n                    : {})}\n                {...(hourCycle !== undefined ? { hourCycle } : {})}\n                hideTimeZone={zone === local}\n                {...(allDaySwitch !== undefined ? { end: allDaySwitch } : {})}\n                isRequired={required}\n                isDisabled={disabled}\n                isReadOnly={readOnly}\n            />\n            {chooseTimeZone && time ? (\n                <CodeComboBox\n                    label={intl.formatMessage(messages.timeZone)}\n                    choices={getTimeZones().map((code) => ({\n                        code,\n                        name: code.replaceAll('_', ' ').replaceAll('/', ' / '),\n                    }))}\n                    value={chosenZone}\n                    onChange={changeZone}\n                    disabled={disabled}\n                    readOnly={readOnly}\n                    emptyMessage={intl.formatMessage(messages.noTimeZones)}\n                    className={styles.timeZone}\n                />\n            ) : null}\n        </div>\n    );\n}\n\n/** The `daterange` type: settings `time`, `allDay`, `open`, `timeZone` and `chooseTimeZone`. */\nexport function DateRangeFieldEntry(props: FieldEntryProps) {\n    const settings = getDateRangeSettings(props.field.settings);\n    return (\n        <DateRangeField\n            {...getFieldProps(props)}\n            value={isDateRangeValue(props.value) ? props.value : null}\n            onChange={props.onChange}\n            time={settings.time}\n            allDay={settings.allDay}\n            timeZone={settings.timeZone}\n            chooseTimeZone={settings.chooseTimeZone}\n        />\n    );\n}\n"],"mappings":"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"}

package/dist/daterange/DateRangeField.module.js

@@ -0,0 +1,12 @@
+import "./DateRangeField.css";
+//#region src/daterange/DateRangeField.module.css
+var field = "panneau-date-range-field-field";
+var timeZone = "panneau-date-range-field-time-zone";
+var DateRangeField_module_default = {
+	field,
+	timeZone
+};
+//#endregion
+export { DateRangeField_module_default as default, field, timeZone };
+
+//# sourceMappingURL=DateRangeField.module.js.map

package/dist/daterange/DateRangeField.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeField.module.js","names":[],"sources":["../../src/daterange/DateRangeField.module.css"],"sourcesContent":[".field {\n    display: flex;\n    flex-direction: column;\n    gap: var(--panneau-space-2);\n}\n\n.timeZone {\n    max-width: 20rem;\n}\n"],"mappings":""}

package/dist/daterange/index.d.ts

@@ -0,0 +1,3 @@
+export { DateRangeField, DateRangeFieldEntry, type DateRangeFieldProps } from './DateRangeField.js';
+export { type DateRangeFieldValue, type DateRangeSettings, type FormattedDateRange, formatDateRange, getBoundDay, getDateRangeSettings, getRangeDays, getTimeZones, isDateRangeValue, isTimeZone, } from './range.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/daterange/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/daterange/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACjG,OAAO,EACH,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,eAAe,EACf,WAAW,EACX,oBAAoB,EACpB,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,UAAU,GACb,MAAM,SAAS,CAAC"}

package/dist/daterange/index.js

@@ -0,0 +1,3 @@
+import { formatDateRange, getBoundDay, getDateRangeSettings, getRangeDays, getTimeZones, isDateRangeValue, isTimeZone } from "./range.js";
+import { DateRangeField, DateRangeFieldEntry } from "./DateRangeField.js";
+export { DateRangeField, DateRangeFieldEntry, formatDateRange, getBoundDay, getDateRangeSettings, getRangeDays, getTimeZones, isDateRangeValue, isTimeZone };

package/dist/daterange/range.d.ts

@@ -0,0 +1,61 @@
+import type { DateRangeOpenBound } from '@panneau/protocol/runtime';
+/**
+ * A `daterange` value as a field holds it (decision 0053): days (`2026-11-04`) or date-times with
+ * an offset, either `null` while it is empty, with `allDay` for an all-day range and the `timeZone`
+ * the user chose.
+ */
+export interface DateRangeFieldValue {
+    start: string | null;
+    end: string | null;
+    allDay?: boolean;
+    timeZone?: string;
+}
+/** The settings of a `daterange` field, from its definition. */
+export interface DateRangeSettings {
+    /** The bounds are date-times. */
+    time: boolean;
+    /** The field has an "All day" switch. */
+    allDay: boolean;
+    /** The bounds that can be `null`. */
+    open: DateRangeOpenBound | null;
+    /** The time zone the date-times are shown and typed in. */
+    timeZone: string | null;
+    /** The field has a menu of time zones, kept in the value. */
+    chooseTimeZone: boolean;
+}
+/** Whether a value is a `daterange` value: an object with a start and an end. */
+export declare function isDateRangeValue(value: unknown): value is DateRangeFieldValue;
+/** The settings of a `daterange` field (`settings.time`, `allDay`, `open`, `timeZone`…). */
+export declare function getDateRangeSettings(settings: Record<string, unknown> | undefined): DateRangeSettings;
+/** Whether a string is an IANA time zone that the browser knows (`America/Toronto`). */
+export declare function isTimeZone(zone: string): boolean;
+/** The time zones the browser knows, `UTC` first. */
+export declare function getTimeZones(): string[];
+/** The day of a bound: a day as it is, a date-time in the time zone. `null` when invalid. */
+export declare function getBoundDay(bound: string | null | undefined, timeZone?: string): string | null;
+/**
+ * The first and the last day of a range, in its time zone: the value's, the field's, or the
+ * browser's. A day bound is that day.
+ */
+export declare function getRangeDays(value: unknown, fieldTimeZone?: string | null): {
+    first: string | null;
+    last: string | null;
+};
+/** A range in a locale: both bounds, or one of them for a range open at the other end. */
+export type FormattedDateRange = {
+    kind: 'range';
+    text: string;
+} | {
+    kind: 'from';
+    text: string;
+} | {
+    kind: 'until';
+    text: string;
+};
+/**
+ * A range in the format of a locale, with `Intl.DateTimeFormat.formatRange`: `Nov 4 – 6, 2026`,
+ * `Nov 4, 2026, 7:30 – 9:00 PM`. Date-times show in the zone of the value, or the field's, with
+ * the zone's short name when it isn't the browser's. `null` for an empty or invalid value.
+ */
+export declare function formatDateRange(value: unknown, locale: string, fieldTimeZone?: string | null): FormattedDateRange | null;
+//# sourceMappingURL=range.d.ts.map

package/dist/daterange/range.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../../src/daterange/range.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAEpE;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAChC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,gEAAgE;AAChE,MAAM,WAAW,iBAAiB;IAC9B,iCAAiC;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,yCAAyC;IACzC,MAAM,EAAE,OAAO,CAAC;IAChB,qCAAqC;IACrC,IAAI,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAChC,2DAA2D;IAC3D,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,6DAA6D;IAC7D,cAAc,EAAE,OAAO,CAAC;CAC3B;AAOD,iFAAiF;AACjF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,mBAAmB,CAS7E;AAED,4FAA4F;AAC5F,wBAAgB,oBAAoB,CAChC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,GAC9C,iBAAiB,CAUnB;AAED,wFAAwF;AACxF,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAOhD;AAED,qDAAqD;AACrD,wBAAgB,YAAY,IAAI,MAAM,EAAE,CAIvC;AAkBD,6FAA6F;AAC7F,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAS9F;AAED;;;GAGG;AACH,wBAAgB,YAAY,CACxB,KAAK,EAAE,OAAO,EACd,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,GAC9B;IAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAM/C;AAED,0FAA0F;AAC1F,MAAM,MAAM,kBAAkB,GACxB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAC/B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAC9B;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtC;;;;GAIG;AACH,wBAAgB,eAAe,CAC3B,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,MAAM,EACd,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,GAC9B,kBAAkB,GAAG,IAAI,CA4C3B"}

package/dist/daterange/range.js

@@ -0,0 +1,119 @@
+//#region src/daterange/range.ts
+var DAY = /^\d{4}-\d{2}-\d{2}$/;
+var isBound = (value) => value === null || value === void 0 || typeof value === "string";
+/** Whether a value is a `daterange` value: an object with a start and an end. */
+function isDateRangeValue(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value) && ("start" in value || "end" in value) && isBound(value.start) && isBound(value.end);
+}
+/** The settings of a `daterange` field (`settings.time`, `allDay`, `open`, `timeZone`…). */
+function getDateRangeSettings(settings) {
+	const open = settings?.open;
+	const timeZone = settings?.timeZone;
+	return {
+		time: settings?.time === true,
+		allDay: settings?.allDay === true && settings.time === true,
+		open: open === "start" || open === "end" || open === "both" ? open : null,
+		timeZone: typeof timeZone === "string" && isTimeZone(timeZone) ? timeZone : null,
+		chooseTimeZone: settings?.chooseTimeZone === true && settings.time === true
+	};
+}
+/** Whether a string is an IANA time zone that the browser knows (`America/Toronto`). */
+function isTimeZone(zone) {
+	try {
+		new Intl.DateTimeFormat("en", { timeZone: zone });
+		return true;
+	} catch {
+		return false;
+	}
+}
+/** The time zones the browser knows, `UTC` first. */
+function getTimeZones() {
+	return ["UTC", ...(typeof Intl.supportedValuesOf === "function" ? Intl.supportedValuesOf("timeZone") : []).filter((zone) => zone !== "UTC")];
+}
+function pad(value, length = 2) {
+	return String(value).padStart(length, "0");
+}
+/** The day of a date-time in a time zone (the browser's without one), as `2026-11-04`. */
+function dayIn(date, timeZone) {
+	const parts = new Intl.DateTimeFormat("en-US", {
+		timeZone,
+		year: "numeric",
+		month: "numeric",
+		day: "numeric"
+	}).formatToParts(date);
+	const part = (type) => Number(parts.find((entry) => entry.type === type)?.value);
+	return `${pad(part("year"), 4)}-${pad(part("month"))}-${pad(part("day"))}`;
+}
+/** The day of a bound: a day as it is, a date-time in the time zone. `null` when invalid. */
+function getBoundDay(bound, timeZone) {
+	if (bound === null || bound === void 0 || bound === "") return null;
+	if (DAY.test(bound)) return bound;
+	const date = new Date(bound);
+	return Number.isNaN(date.getTime()) ? null : dayIn(date, timeZone);
+}
+/**
+* The first and the last day of a range, in its time zone: the value's, the field's, or the
+* browser's. A day bound is that day.
+*/
+function getRangeDays(value, fieldTimeZone) {
+	if (!isDateRangeValue(value)) return {
+		first: null,
+		last: null
+	};
+	const zone = value.timeZone ?? fieldTimeZone ?? void 0;
+	return {
+		first: getBoundDay(value.start, zone),
+		last: getBoundDay(value.end, zone)
+	};
+}
+/**
+* A range in the format of a locale, with `Intl.DateTimeFormat.formatRange`: `Nov 4 – 6, 2026`,
+* `Nov 4, 2026, 7:30 – 9:00 PM`. Date-times show in the zone of the value, or the field's, with
+* the zone's short name when it isn't the browser's. `null` for an empty or invalid value.
+*/
+function formatDateRange(value, locale, fieldTimeZone) {
+	if (!isDateRangeValue(value)) return null;
+	const bounds = [value.start, value.end].map((bound) => bound === null || bound === void 0 || bound === "" ? null : bound);
+	const days = bounds.every((bound) => bound === null || DAY.test(bound));
+	const toDate = (bound) => new Date(DAY.test(bound) ? `${bound}T00:00:00Z` : bound);
+	const local = Intl.DateTimeFormat().resolvedOptions().timeZone;
+	const zone = value.timeZone ?? fieldTimeZone ?? void 0;
+	const format = new Intl.DateTimeFormat(locale, {
+		year: "numeric",
+		month: "short",
+		day: "numeric",
+		...days ? { timeZone: "UTC" } : {
+			hour: "numeric",
+			minute: "2-digit",
+			...zone !== void 0 ? { timeZone: zone } : {},
+			...zone !== void 0 && zone !== local ? { timeZoneName: "short" } : {}
+		}
+	});
+	const dates = bounds.map((bound) => bound !== null ? toDate(bound) : null);
+	if (dates.some((date) => date !== null && Number.isNaN(date.getTime()))) return null;
+	const [from, to] = dates;
+	if (from !== null && from !== void 0 && to !== null && to !== void 0) try {
+		return {
+			kind: "range",
+			text: format.formatRange(from, to)
+		};
+	} catch {
+		return {
+			kind: "range",
+			text: `${format.format(from)} – ${format.format(to)}`
+		};
+	}
+	if (from !== null && from !== void 0) return {
+		kind: "from",
+		text: format.format(from)
+	};
+	if (to !== null && to !== void 0) return {
+		kind: "until",
+		text: format.format(to)
+	};
+	return null;
+}
+//#endregion
+export { formatDateRange, getBoundDay, getDateRangeSettings, getRangeDays, getTimeZones, isDateRangeValue, isTimeZone };
+
+//# sourceMappingURL=range.js.map