@optimum-intelligence/opti-ui 0.3.0 → 0.5.0

package/dist/components/date-picker/DateRangePicker.js

@@ -1,7 +1,8 @@
 "use client";
 import { cx } from "../../utils/cx.js";
+import { useDateConfig } from "../calendar/DateConfig.js";
 import { Button } from "../button/Button.js";
-import { clampDate, datePart, formatDate, toRange } from "../calendar/date-utils.js";
+import { clampDate, datePart, formatDate, toRange, truncate } from "../calendar/date-utils.js";
 import { RangeCalendar } from "../calendar/Calendar.js";
 import { PickerField, useOpenState } from "./PickerField.js";
 import { c } from "react/compiler-runtime";
@@ -12,20 +13,23 @@ var defaultLabels = {
 	clear: "Clear",
 	presets: "Presets"
 };
-function formatDisplay(range) {
-	return `${formatDate(range.start)} – ${formatDate(range.end)}`;
-}
 /**
 * Date range field with a calendar popover and optional presets. Values are
-* `{ start, end }` ISO dates (`"2026-03-09"`), both inclusive.
+* `{ start, end }` ISO dates (`"2026-03-09"`), both inclusive. With
+* `granularity="month"` or `"year"` it picks whole months or years, and each end
+* is the first day of its period.
+*
+* @example
+* <DateRangePicker label="Period" value={period} onValueChange={setPeriod} presets={presets} />
 */
 function DateRangePicker(t0) {
-	const $ = c(104);
+	const $ = c(117);
 	let clearable;
 	let contentProps;
 	let defaultMonth;
 	let endName;
 	let field;
+	let format;
 	let formatValue;
 	let isDateDisabled;
 	let labels;
@@ -38,80 +42,87 @@ function DateRangePicker(t0) {
 	let t1;
 	let t2;
 	let t3;
+	let t4;
 	let value;
 	let weekStartsOn;
 	if ($[0] !== t0) {
-		({value, defaultValue: t1, onValueChange, min, max, isDateDisabled, defaultMonth, locale, weekStartsOn, numberOfMonths: t2, presets, startName, endName, placeholder: t3, clearable, formatValue, labels, contentProps, ...field} = t0);
+		({value, defaultValue: t1, onValueChange, min, max, isDateDisabled, defaultMonth, locale, weekStartsOn, numberOfMonths: t2, granularity: t3, presets, startName, endName, placeholder: t4, clearable, format, formatValue, labels, contentProps, ...field} = t0);
 		$[0] = t0;
 		$[1] = clearable;
 		$[2] = contentProps;
 		$[3] = defaultMonth;
 		$[4] = endName;
 		$[5] = field;
-		$[6] = formatValue;
-		$[7] = isDateDisabled;
-		$[8] = labels;
-		$[9] = locale;
-		$[10] = max;
-		$[11] = min;
-		$[12] = onValueChange;
-		$[13] = presets;
-		$[14] = startName;
-		$[15] = t1;
-		$[16] = t2;
-		$[17] = t3;
-		$[18] = value;
-		$[19] = weekStartsOn;
+		$[6] = format;
+		$[7] = formatValue;
+		$[8] = isDateDisabled;
+		$[9] = labels;
+		$[10] = locale;
+		$[11] = max;
+		$[12] = min;
+		$[13] = onValueChange;
+		$[14] = presets;
+		$[15] = startName;
+		$[16] = t1;
+		$[17] = t2;
+		$[18] = t3;
+		$[19] = t4;
+		$[20] = value;
+		$[21] = weekStartsOn;
 	} else {
 		clearable = $[1];
 		contentProps = $[2];
 		defaultMonth = $[3];
 		endName = $[4];
 		field = $[5];
-		formatValue = $[6];
-		isDateDisabled = $[7];
-		labels = $[8];
-		locale = $[9];
-		max = $[10];
-		min = $[11];
-		onValueChange = $[12];
-		presets = $[13];
-		startName = $[14];
-		t1 = $[15];
-		t2 = $[16];
-		t3 = $[17];
-		value = $[18];
-		weekStartsOn = $[19];
+		format = $[6];
+		formatValue = $[7];
+		isDateDisabled = $[8];
+		labels = $[9];
+		locale = $[10];
+		max = $[11];
+		min = $[12];
+		onValueChange = $[13];
+		presets = $[14];
+		startName = $[15];
+		t1 = $[16];
+		t2 = $[17];
+		t3 = $[18];
+		t4 = $[19];
+		value = $[20];
+		weekStartsOn = $[21];
 	}
 	const defaultValue = t1 === void 0 ? null : t1;
 	const numberOfMonths = t2 === void 0 ? 2 : t2;
-	const placeholder = t3 === void 0 ? "Select dates" : t3;
-	let t4;
-	if ($[20] !== labels) {
-		t4 = {
+	const granularity = t3 === void 0 ? "day" : t3;
+	const placeholder = t4 === void 0 ? "Select dates" : t4;
+	let t5;
+	if ($[22] !== labels) {
+		t5 = {
 			...defaultLabels,
 			...labels
 		};
-		$[20] = labels;
-		$[21] = t4;
-	} else t4 = $[21];
-	const text = t4;
-	let t5;
-	if ($[22] !== defaultValue?.end || $[23] !== defaultValue?.start) {
-		t5 = () => toRange(defaultValue?.start, defaultValue?.end);
-		$[22] = defaultValue?.end;
-		$[23] = defaultValue?.start;
-		$[24] = t5;
-	} else t5 = $[24];
-	const [inner, setInner] = React.useState(t5);
+		$[22] = labels;
+		$[23] = t5;
+	} else t5 = $[23];
+	const text = t5;
+	const config = useDateConfig();
 	let t6;
-	if ($[25] !== inner || $[26] !== value) {
-		t6 = value === void 0 ? inner : toRange(value?.start, value?.end);
-		$[25] = inner;
-		$[26] = value;
-		$[27] = t6;
-	} else t6 = $[27];
-	const current = t6;
+	if ($[24] !== defaultValue?.end || $[25] !== defaultValue?.start) {
+		t6 = () => toRange(defaultValue?.start, defaultValue?.end);
+		$[24] = defaultValue?.end;
+		$[25] = defaultValue?.start;
+		$[26] = t6;
+	} else t6 = $[26];
+	const [inner, setInner] = React.useState(t6);
+	let t7;
+	if ($[27] !== inner || $[28] !== value) {
+		t7 = value === void 0 ? inner : toRange(value?.start, value?.end);
+		$[27] = inner;
+		$[28] = value;
+		$[29] = t7;
+	} else t7 = $[29];
+	const current = t7;
 	const [open, setOpen] = useOpenState(field);
 	let T0;
 	let commit;
@@ -122,75 +133,92 @@ function DateRangePicker(t0) {
 	let t13;
 	let t14;
 	let t15;
-	let t7;
+	let t16;
 	let t8;
 	let t9;
 	let upper;
-	if ($[28] !== contentProps || $[29] !== current || $[30] !== endName || $[31] !== field || $[32] !== formatValue || $[33] !== max || $[34] !== min || $[35] !== onValueChange || $[36] !== open || $[37] !== placeholder || $[38] !== presets || $[39] !== setOpen || $[40] !== startName || $[41] !== text) {
+	if ($[30] !== config || $[31] !== contentProps || $[32] !== current || $[33] !== endName || $[34] !== field || $[35] !== format || $[36] !== formatValue || $[37] !== granularity || $[38] !== locale || $[39] !== max || $[40] !== min || $[41] !== onValueChange || $[42] !== open || $[43] !== placeholder || $[44] !== presets || $[45] !== setOpen || $[46] !== startName || $[47] !== text) {
 		[lower, upper] = [datePart(min) ?? void 0, datePart(max) ?? void 0];
+		const pattern = format ?? config.formats?.[granularity];
+		let t17;
+		if ($[61] !== config || $[62] !== granularity || $[63] !== locale || $[64] !== pattern) {
+			t17 = (date) => formatDate(date, {
+				format: pattern,
+				granularity,
+				locale: locale ?? config.locale
+			});
+			$[61] = config;
+			$[62] = granularity;
+			$[63] = locale;
+			$[64] = pattern;
+			$[65] = t17;
+		} else t17 = $[65];
+		const formatEnd = t17;
 		commit = (next) => {
-			const bounded = next && toRange(clampDate(next.start, lower, upper), clampDate(next.end, lower, upper));
+			const cut = (date_0) => truncate(clampDate(date_0, lower, upper), granularity);
+			const bounded = next && toRange(cut(next.start), cut(next.end));
 			setInner(bounded);
 			onValueChange?.(bounded);
 			setOpen(false);
 		};
 		T0 = PickerField;
-		t9 = field;
-		t10 = open;
-		t11 = setOpen;
-		t12 = placeholder;
-		if ($[55] !== current || $[56] !== formatValue) {
-			t13 = current ? formatValue?.(current) ?? formatDisplay(current) : null;
-			$[55] = current;
-			$[56] = formatValue;
-			$[57] = t13;
-		} else t13 = $[57];
-		const t16 = typeof contentProps?.className === "string" && contentProps.className;
-		let t17;
-		if ($[58] !== t16) {
-			t17 = cx("oui-date-range-picker__popup", t16);
-			$[58] = t16;
-			$[59] = t17;
-		} else t17 = $[59];
-		if ($[60] !== contentProps || $[61] !== t17) {
-			t14 = {
+		t10 = field;
+		t11 = open;
+		t12 = setOpen;
+		t13 = placeholder;
+		if ($[66] !== current || $[67] !== formatEnd || $[68] !== formatValue) {
+			t14 = current ? formatValue?.(current) ?? `${formatEnd(current.start)} – ${formatEnd(current.end)}` : null;
+			$[66] = current;
+			$[67] = formatEnd;
+			$[68] = formatValue;
+			$[69] = t14;
+		} else t14 = $[69];
+		const t18 = typeof contentProps?.className === "string" && contentProps.className;
+		let t19;
+		if ($[70] !== t18) {
+			t19 = cx("oui-date-range-picker__popup", t18);
+			$[70] = t18;
+			$[71] = t19;
+		} else t19 = $[71];
+		if ($[72] !== contentProps || $[73] !== t19) {
+			t15 = {
 				...contentProps,
-				className: t17
+				className: t19
 			};
-			$[60] = contentProps;
-			$[61] = t17;
-			$[62] = t14;
-		} else t14 = $[62];
-		let t18;
-		if ($[63] !== current?.start || $[64] !== startName) {
-			t18 = startName && /* @__PURE__ */ jsx("input", {
+			$[72] = contentProps;
+			$[73] = t19;
+			$[74] = t15;
+		} else t15 = $[74];
+		let t20;
+		if ($[75] !== current?.start || $[76] !== startName) {
+			t20 = startName && /* @__PURE__ */ jsx("input", {
 				type: "hidden",
 				name: startName,
 				value: current?.start ?? ""
 			});
-			$[63] = current?.start;
-			$[64] = startName;
-			$[65] = t18;
-		} else t18 = $[65];
-		let t19;
-		if ($[66] !== current?.end || $[67] !== endName) {
-			t19 = endName && /* @__PURE__ */ jsx("input", {
+			$[75] = current?.start;
+			$[76] = startName;
+			$[77] = t20;
+		} else t20 = $[77];
+		let t21;
+		if ($[78] !== current?.end || $[79] !== endName) {
+			t21 = endName && /* @__PURE__ */ jsx("input", {
 				type: "hidden",
 				name: endName,
 				value: current?.end ?? ""
 			});
-			$[66] = current?.end;
-			$[67] = endName;
-			$[68] = t19;
-		} else t19 = $[68];
-		if ($[69] !== t18 || $[70] !== t19) {
-			t15 = /* @__PURE__ */ jsxs(Fragment, { children: [t18, t19] });
-			$[69] = t18;
-			$[70] = t19;
-			$[71] = t15;
-		} else t15 = $[71];
-		t7 = "oui-date-range-picker__body";
-		t8 = presets && presets.length > 0 && /* @__PURE__ */ jsx("div", {
+			$[78] = current?.end;
+			$[79] = endName;
+			$[80] = t21;
+		} else t21 = $[80];
+		if ($[81] !== t20 || $[82] !== t21) {
+			t16 = /* @__PURE__ */ jsxs(Fragment, { children: [t20, t21] });
+			$[81] = t20;
+			$[82] = t21;
+			$[83] = t16;
+		} else t16 = $[83];
+		t8 = "oui-date-range-picker__body";
+		t9 = presets && presets.length > 0 && /* @__PURE__ */ jsx("div", {
 			role: "group",
 			"aria-label": text.presets,
 			className: "oui-date-range-picker__presets",
@@ -208,51 +236,55 @@ function DateRangePicker(t0) {
 				}, index);
 			})
 		});
-		$[28] = contentProps;
-		$[29] = current;
-		$[30] = endName;
-		$[31] = field;
-		$[32] = formatValue;
-		$[33] = max;
-		$[34] = min;
-		$[35] = onValueChange;
-		$[36] = open;
-		$[37] = placeholder;
-		$[38] = presets;
-		$[39] = setOpen;
-		$[40] = startName;
-		$[41] = text;
-		$[42] = T0;
-		$[43] = commit;
-		$[44] = lower;
-		$[45] = t10;
-		$[46] = t11;
-		$[47] = t12;
-		$[48] = t13;
-		$[49] = t14;
-		$[50] = t15;
-		$[51] = t7;
-		$[52] = t8;
-		$[53] = t9;
-		$[54] = upper;
+		$[30] = config;
+		$[31] = contentProps;
+		$[32] = current;
+		$[33] = endName;
+		$[34] = field;
+		$[35] = format;
+		$[36] = formatValue;
+		$[37] = granularity;
+		$[38] = locale;
+		$[39] = max;
+		$[40] = min;
+		$[41] = onValueChange;
+		$[42] = open;
+		$[43] = placeholder;
+		$[44] = presets;
+		$[45] = setOpen;
+		$[46] = startName;
+		$[47] = text;
+		$[48] = T0;
+		$[49] = commit;
+		$[50] = lower;
+		$[51] = t10;
+		$[52] = t11;
+		$[53] = t12;
+		$[54] = t13;
+		$[55] = t14;
+		$[56] = t15;
+		$[57] = t16;
+		$[58] = t8;
+		$[59] = t9;
+		$[60] = upper;
 	} else {
-		T0 = $[42];
-		commit = $[43];
-		lower = $[44];
-		t10 = $[45];
-		t11 = $[46];
-		t12 = $[47];
-		t13 = $[48];
-		t14 = $[49];
-		t15 = $[50];
-		t7 = $[51];
-		t8 = $[52];
-		t9 = $[53];
-		upper = $[54];
+		T0 = $[48];
+		commit = $[49];
+		lower = $[50];
+		t10 = $[51];
+		t11 = $[52];
+		t12 = $[53];
+		t13 = $[54];
+		t14 = $[55];
+		t15 = $[56];
+		t16 = $[57];
+		t8 = $[58];
+		t9 = $[59];
+		upper = $[60];
 	}
-	let t16;
-	if ($[72] !== commit || $[73] !== current || $[74] !== defaultMonth || $[75] !== isDateDisabled || $[76] !== labels || $[77] !== locale || $[78] !== lower || $[79] !== numberOfMonths || $[80] !== upper || $[81] !== weekStartsOn) {
-		t16 = /* @__PURE__ */ jsx(RangeCalendar, {
+	let t17;
+	if ($[84] !== commit || $[85] !== current || $[86] !== defaultMonth || $[87] !== granularity || $[88] !== isDateDisabled || $[89] !== labels || $[90] !== locale || $[91] !== lower || $[92] !== numberOfMonths || $[93] !== upper || $[94] !== weekStartsOn) {
+		t17 = /* @__PURE__ */ jsx(RangeCalendar, {
 			value: current,
 			onValueChange: commit,
 			min: lower,
@@ -262,34 +294,36 @@ function DateRangePicker(t0) {
 			locale,
 			weekStartsOn,
 			numberOfMonths,
+			granularity,
 			labels
 		});
-		$[72] = commit;
-		$[73] = current;
-		$[74] = defaultMonth;
-		$[75] = isDateDisabled;
-		$[76] = labels;
-		$[77] = locale;
-		$[78] = lower;
-		$[79] = numberOfMonths;
-		$[80] = upper;
-		$[81] = weekStartsOn;
-		$[82] = t16;
-	} else t16 = $[82];
-	let t17;
-	if ($[83] !== t16 || $[84] !== t7 || $[85] !== t8) {
-		t17 = /* @__PURE__ */ jsxs("div", {
-			className: t7,
-			children: [t8, t16]
-		});
-		$[83] = t16;
-		$[84] = t7;
-		$[85] = t8;
-		$[86] = t17;
-	} else t17 = $[86];
+		$[84] = commit;
+		$[85] = current;
+		$[86] = defaultMonth;
+		$[87] = granularity;
+		$[88] = isDateDisabled;
+		$[89] = labels;
+		$[90] = locale;
+		$[91] = lower;
+		$[92] = numberOfMonths;
+		$[93] = upper;
+		$[94] = weekStartsOn;
+		$[95] = t17;
+	} else t17 = $[95];
 	let t18;
-	if ($[87] !== clearable || $[88] !== commit || $[89] !== current || $[90] !== field || $[91] !== text) {
-		t18 = (clearable ?? !field.required) && /* @__PURE__ */ jsx("div", {
+	if ($[96] !== t17 || $[97] !== t8 || $[98] !== t9) {
+		t18 = /* @__PURE__ */ jsxs("div", {
+			className: t8,
+			children: [t9, t17]
+		});
+		$[96] = t17;
+		$[97] = t8;
+		$[98] = t9;
+		$[99] = t18;
+	} else t18 = $[99];
+	let t19;
+	if ($[100] !== clearable || $[101] !== commit || $[102] !== current || $[103] !== field || $[104] !== text) {
+		t19 = (clearable ?? !field.required) && /* @__PURE__ */ jsx("div", {
 			className: "oui-date-picker__footer",
 			children: /* @__PURE__ */ jsx(Button, {
 				size: "sm",
@@ -300,38 +334,38 @@ function DateRangePicker(t0) {
 				children: text.clear
 			})
 		});
-		$[87] = clearable;
-		$[88] = commit;
-		$[89] = current;
-		$[90] = field;
-		$[91] = text;
-		$[92] = t18;
-	} else t18 = $[92];
-	let t19;
-	if ($[93] !== T0 || $[94] !== t10 || $[95] !== t11 || $[96] !== t12 || $[97] !== t13 || $[98] !== t14 || $[99] !== t15 || $[100] !== t17 || $[101] !== t18 || $[102] !== t9) {
-		t19 = /* @__PURE__ */ jsxs(T0, {
-			...t9,
-			open: t10,
-			onOpenChange: t11,
-			placeholder: t12,
-			display: t13,
-			contentProps: t14,
-			inputs: t15,
-			children: [t17, t18]
+		$[100] = clearable;
+		$[101] = commit;
+		$[102] = current;
+		$[103] = field;
+		$[104] = text;
+		$[105] = t19;
+	} else t19 = $[105];
+	let t20;
+	if ($[106] !== T0 || $[107] !== t10 || $[108] !== t11 || $[109] !== t12 || $[110] !== t13 || $[111] !== t14 || $[112] !== t15 || $[113] !== t16 || $[114] !== t18 || $[115] !== t19) {
+		t20 = /* @__PURE__ */ jsxs(T0, {
+			...t10,
+			open: t11,
+			onOpenChange: t12,
+			placeholder: t13,
+			display: t14,
+			contentProps: t15,
+			inputs: t16,
+			children: [t18, t19]
 		});
-		$[93] = T0;
-		$[94] = t10;
-		$[95] = t11;
-		$[96] = t12;
-		$[97] = t13;
-		$[98] = t14;
-		$[99] = t15;
-		$[100] = t17;
-		$[101] = t18;
-		$[102] = t9;
-		$[103] = t19;
-	} else t19 = $[103];
-	return t19;
+		$[106] = T0;
+		$[107] = t10;
+		$[108] = t11;
+		$[109] = t12;
+		$[110] = t13;
+		$[111] = t14;
+		$[112] = t15;
+		$[113] = t16;
+		$[114] = t18;
+		$[115] = t19;
+		$[116] = t20;
+	} else t20 = $[116];
+	return t20;
 }
 //#endregion
 export { DateRangePicker };

package/dist/components/date-picker/DateRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.js","names":["React","cx","Button","RangeCalendar","CalendarLabels","DateRange","RangeCalendarProps","clampDate","datePart","formatDate","toRange","PickerField","useOpenState","PickerFieldProps","DateRangePickerLabels","clear","presets","defaultLabels","Omit","DateRangePreset","label","ReactNode","value","DateRangePickerProps","Pick","defaultValue","onValueChange","min","max","startName","endName","clearable","formatValue","labels","Partial","formatDisplay","range","start","end","DateRangePicker","t0","$","_c","contentProps","defaultMonth","field","isDateDisabled","locale","t1","t2","t3","weekStartsOn","numberOfMonths","placeholder","undefined","t4","text","t5","inner","setInner","useState","t6","current","open","setOpen","T0","commit","lower","t10","t11","t12","t13","t14","t15","t7","t8","t9","upper","next","bounded","t16","className","t17","t18","t19","length","map","preset","index","active","Boolean","required","_c","_Fragment"],"sources":["../../../src/components/date-picker/DateRangePicker.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cx } from '../../utils/cx';\nimport { Button } from '../button/Button';\nimport { RangeCalendar, type CalendarLabels, type DateRange, type RangeCalendarProps } from '../calendar/Calendar';\nimport { clampDate, datePart, formatDate, toRange } from '../calendar/date-utils';\nimport { PickerField, useOpenState, type PickerFieldProps } from './PickerField';\n\nexport interface DateRangePickerLabels extends CalendarLabels {\n  clear: string;\n  presets: string;\n}\n\nconst defaultLabels: Omit<DateRangePickerLabels, keyof CalendarLabels> = {\n  clear: 'Clear',\n  presets: 'Presets',\n};\n\nexport interface DateRangePreset {\n  label: React.ReactNode;\n  value: DateRange;\n}\n\nexport interface DateRangePickerProps\n  extends PickerFieldProps,\n    Pick<RangeCalendarProps, 'isDateDisabled' | 'defaultMonth' | 'locale' | 'weekStartsOn' | 'numberOfMonths'> {\n  /** Selected days as ISO dates; both ends are inclusive. */\n  value?: DateRange | null;\n  defaultValue?: DateRange | null;\n  /** Called with the new range, or `null` when cleared. */\n  onValueChange?: (value: DateRange | null) => void;\n  /** Earliest allowed day. */\n  min?: string;\n  /** Latest allowed day. */\n  max?: string;\n  /** Shortcuts listed beside the calendar (\"Last 7 days\", \"This month\"…). */\n  presets?: DateRangePreset[];\n  /** Submits the first day with a form under this name. */\n  startName?: string;\n  /** Submits the last day with a form under this name. */\n  endName?: string;\n  /** Show the Clear action. Defaults to `true` unless `required`. */\n  clearable?: boolean;\n  /** Custom display text for the selected range. */\n  formatValue?: (value: DateRange) => React.ReactNode;\n  /** Override texts for localisation. */\n  labels?: Partial<DateRangePickerLabels>;\n}\n\nfunction formatDisplay(range: DateRange): string {\n  return `${formatDate(range.start)} – ${formatDate(range.end)}`;\n}\n\n/**\n * Date range field with a calendar popover and optional presets. Values are\n * `{ start, end }` ISO dates (`\"2026-03-09\"`), both inclusive.\n */\nexport function DateRangePicker({\n  value,\n  defaultValue = null,\n  onValueChange,\n  min,\n  max,\n  isDateDisabled,\n  defaultMonth,\n  locale,\n  weekStartsOn,\n  numberOfMonths = 2,\n  presets,\n  startName,\n  endName,\n  placeholder = 'Select dates',\n  clearable,\n  formatValue,\n  labels,\n  contentProps,\n  ...field\n}: DateRangePickerProps) {\n  const text = { ...defaultLabels, ...labels };\n  const [inner, setInner] = React.useState(() => toRange(defaultValue?.start, defaultValue?.end));\n  const current = value === undefined ? inner : toRange(value?.start, value?.end);\n  const [open, setOpen] = useOpenState(field);\n  const [lower, upper] = [datePart(min) ?? undefined, datePart(max) ?? undefined];\n\n  const commit = (next: DateRange | null) => {\n    const bounded = next && toRange(clampDate(next.start, lower, upper), clampDate(next.end, lower, upper));\n    setInner(bounded);\n    onValueChange?.(bounded);\n    setOpen(false);\n  };\n\n  return (\n    <PickerField\n      {...field}\n      open={open}\n      onOpenChange={setOpen}\n      placeholder={placeholder}\n      display={current ? (formatValue?.(current) ?? formatDisplay(current)) : null}\n      contentProps={{\n        ...contentProps,\n        className: cx('oui-date-range-picker__popup', typeof contentProps?.className === 'string' && contentProps.className),\n      }}\n      inputs={\n        <>\n          {startName && <input type=\"hidden\" name={startName} value={current?.start ?? ''} />}\n          {endName && <input type=\"hidden\" name={endName} value={current?.end ?? ''} />}\n        </>\n      }\n    >\n      <div className=\"oui-date-range-picker__body\">\n        {presets && presets.length > 0 && (\n          <div role=\"group\" aria-label={text.presets} className=\"oui-date-range-picker__presets\">\n            {presets.map((preset, index) => {\n              const range = toRange(preset.value.start, preset.value.end);\n              const active = Boolean(range && current && range.start === current.start && range.end === current.end);\n              return (\n                <button\n                  key={index}\n                  type=\"button\"\n                  className=\"oui-date-range-picker__preset\"\n                  aria-pressed={active}\n                  data-active={active ? '' : undefined}\n                  disabled={!range}\n                  onClick={() => commit(range)}\n                >\n                  {preset.label}\n                </button>\n              );\n            })}\n          </div>\n        )}\n        <RangeCalendar\n          value={current}\n          onValueChange={commit}\n          min={lower}\n          max={upper}\n          isDateDisabled={isDateDisabled}\n          defaultMonth={defaultMonth}\n          locale={locale}\n          weekStartsOn={weekStartsOn}\n          numberOfMonths={numberOfMonths}\n          labels={labels}\n        />\n      </div>\n      {(clearable ?? !field.required) && (\n        <div className=\"oui-date-picker__footer\">\n          <Button size=\"sm\" variant=\"ghost\" shape=\"rounded\" disabled={!current} onClick={() => commit(null)}>\n            {text.clear}\n          </Button>\n        </div>\n      )}\n    </PickerField>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DateRangePicker.js","names":["React","cx","Button","RangeCalendar","CalendarLabels","DateRange","RangeCalendarProps","clampDate","datePart","formatDate","toRange","truncate","useDateConfig","PickerField","useOpenState","PickerFieldProps","DateRangePickerLabels","clear","presets","defaultLabels","Omit","DateRangePreset","label","ReactNode","value","DateRangePickerProps","Pick","defaultValue","onValueChange","min","max","startName","endName","clearable","format","formatValue","labels","Partial","DateRangePicker","t0","$","_c","contentProps","defaultMonth","field","isDateDisabled","locale","t1","t2","t3","t4","weekStartsOn","numberOfMonths","granularity","placeholder","undefined","t5","text","config","t6","end","start","inner","setInner","useState","t7","current","open","setOpen","T0","commit","lower","t10","t11","t12","t13","t14","t15","t16","t8","t9","upper","pattern","formats","t17","date","formatEnd","next","cut","date_0","bounded","t18","className","t19","t20","t21","length","map","preset","index","range","active","Boolean","required","_c","_Fragment"],"sources":["../../../src/components/date-picker/DateRangePicker.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cx } from '../../utils/cx';\nimport { Button } from '../button/Button';\nimport { RangeCalendar, type CalendarLabels, type DateRange, type RangeCalendarProps } from '../calendar/Calendar';\nimport { clampDate, datePart, formatDate, toRange, truncate } from '../calendar/date-utils';\nimport { useDateConfig } from '../calendar/DateConfig';\nimport { PickerField, useOpenState, type PickerFieldProps } from './PickerField';\n\nexport interface DateRangePickerLabels extends CalendarLabels {\n  clear: string;\n  presets: string;\n}\n\nconst defaultLabels: Omit<DateRangePickerLabels, keyof CalendarLabels> = {\n  clear: 'Clear',\n  presets: 'Presets',\n};\n\nexport interface DateRangePreset {\n  label: React.ReactNode;\n  value: DateRange;\n}\n\nexport interface DateRangePickerProps\n  extends PickerFieldProps,\n    Pick<RangeCalendarProps, 'isDateDisabled' | 'defaultMonth' | 'locale' | 'weekStartsOn' | 'numberOfMonths' | 'granularity'> {\n  /** Selected days as ISO dates; both ends are inclusive. */\n  value?: DateRange | null;\n  /** Initially selected range when uncontrolled. */\n  defaultValue?: DateRange | null;\n  /** Called with the new range, or `null` when cleared. */\n  onValueChange?: (value: DateRange | null) => void;\n  /** Earliest allowed day. */\n  min?: string;\n  /** Latest allowed day. */\n  max?: string;\n  /** Shortcuts listed beside the calendar (\"Last 7 days\", \"This month\"…). */\n  presets?: DateRangePreset[];\n  /** Submits the first day with a form under this name. */\n  startName?: string;\n  /** Submits the last day with a form under this name. */\n  endName?: string;\n  /** Show the Clear action. Defaults to `true` unless `required`. */\n  clearable?: boolean;\n  /** Display pattern for each end, e.g. `\"DD.MM.YYYY\"` (tokens as in `formatDate`). Defaults to `DateConfigProvider` formats, then an ISO-style pattern for the granularity. */\n  format?: string;\n  /** Custom display text for the selected range. Wins over `format`. */\n  formatValue?: (value: DateRange) => React.ReactNode;\n  /** Override texts for localisation. */\n  labels?: Partial<DateRangePickerLabels>;\n}\n\n/**\n * Date range field with a calendar popover and optional presets. Values are\n * `{ start, end }` ISO dates (`\"2026-03-09\"`), both inclusive. With\n * `granularity=\"month\"` or `\"year\"` it picks whole months or years, and each end\n * is the first day of its period.\n *\n * @example\n * <DateRangePicker label=\"Period\" value={period} onValueChange={setPeriod} presets={presets} />\n */\nexport function DateRangePicker({\n  value,\n  defaultValue = null,\n  onValueChange,\n  min,\n  max,\n  isDateDisabled,\n  defaultMonth,\n  locale,\n  weekStartsOn,\n  numberOfMonths = 2,\n  granularity = 'day',\n  presets,\n  startName,\n  endName,\n  placeholder = 'Select dates',\n  clearable,\n  format,\n  formatValue,\n  labels,\n  contentProps,\n  ...field\n}: DateRangePickerProps) {\n  const text = { ...defaultLabels, ...labels };\n  const config = useDateConfig();\n  const [inner, setInner] = React.useState(() => toRange(defaultValue?.start, defaultValue?.end));\n  const current = value === undefined ? inner : toRange(value?.start, value?.end);\n  const [open, setOpen] = useOpenState(field);\n  const [lower, upper] = [datePart(min) ?? undefined, datePart(max) ?? undefined];\n  const pattern = format ?? config.formats?.[granularity];\n  const formatEnd = (date: string) => formatDate(date, { format: pattern, granularity, locale: locale ?? config.locale });\n\n  const commit = (next: DateRange | null) => {\n    const cut = (date: string) => truncate(clampDate(date, lower, upper), granularity);\n    const bounded = next && toRange(cut(next.start), cut(next.end));\n    setInner(bounded);\n    onValueChange?.(bounded);\n    setOpen(false);\n  };\n\n  return (\n    <PickerField\n      {...field}\n      open={open}\n      onOpenChange={setOpen}\n      placeholder={placeholder}\n      display={current ? (formatValue?.(current) ?? `${formatEnd(current.start)} – ${formatEnd(current.end)}`) : null}\n      contentProps={{\n        ...contentProps,\n        className: cx('oui-date-range-picker__popup', typeof contentProps?.className === 'string' && contentProps.className),\n      }}\n      inputs={\n        <>\n          {startName && <input type=\"hidden\" name={startName} value={current?.start ?? ''} />}\n          {endName && <input type=\"hidden\" name={endName} value={current?.end ?? ''} />}\n        </>\n      }\n    >\n      <div className=\"oui-date-range-picker__body\">\n        {presets && presets.length > 0 && (\n          <div role=\"group\" aria-label={text.presets} className=\"oui-date-range-picker__presets\">\n            {presets.map((preset, index) => {\n              const range = toRange(preset.value.start, preset.value.end);\n              const active = Boolean(range && current && range.start === current.start && range.end === current.end);\n              return (\n                <button\n                  key={index}\n                  type=\"button\"\n                  className=\"oui-date-range-picker__preset\"\n                  aria-pressed={active}\n                  data-active={active ? '' : undefined}\n                  disabled={!range}\n                  onClick={() => commit(range)}\n                >\n                  {preset.label}\n                </button>\n              );\n            })}\n          </div>\n        )}\n        <RangeCalendar\n          value={current}\n          onValueChange={commit}\n          min={lower}\n          max={upper}\n          isDateDisabled={isDateDisabled}\n          defaultMonth={defaultMonth}\n          locale={locale}\n          weekStartsOn={weekStartsOn}\n          numberOfMonths={numberOfMonths}\n          granularity={granularity}\n          labels={labels}\n        />\n      </div>\n      {(clearable ?? !field.required) && (\n        <div className=\"oui-date-picker__footer\">\n          <Button size=\"sm\" variant=\"ghost\" shape=\"rounded\" disabled={!current} onClick={() => commit(null)}>\n            {text.clear}\n          </Button>\n        </div>\n      )}\n    </PickerField>\n  );\n}\n"],"mappings":"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"}

package/dist/components/date-picker/PickerField.d.ts

@@ -4,22 +4,35 @@ import { type PopoverContentProps } from '../popover/Popover';
 import type { ControlSize } from '../input/Input';
 /** Field props shared by the date pickers. */
 export interface PickerFieldProps {
+    /** Ref to the trigger button. */
     ref?: React.Ref<HTMLButtonElement>;
+    /** Visible field label. */
     label?: React.ReactNode;
+    /** Help text under the field. */
     description?: React.ReactNode;
     /** Error message. When set, the field is marked invalid. */
     error?: React.ReactNode;
+    /** Marks the field required and adds the required indicator to the label. */
     required?: boolean;
+    /** Disables the field. */
     disabled?: boolean;
+    /** Text shown while no date is selected. */
     placeholder?: React.ReactNode;
+    /** Control height. */
     size?: ControlSize;
+    /** Whether the calendar popover is open (controlled). */
     open?: boolean;
+    /** Initial popover state when uncontrolled. */
     defaultOpen?: boolean;
+    /** Called when the popover opens or closes. */
     onOpenChange?: (open: boolean) => void;
+    /** Id of the trigger button. Generated when omitted. */
     id?: string;
+    /** Class name for the trigger button. */
     className?: string;
     /** Props for the trigger button (aria-*, data-*, onBlur…). */
     triggerProps?: Omit<React.ComponentProps<typeof BasePopover.Trigger>, 'children' | 'disabled' | 'id'>;
+    /** Props for the popover content. */
     contentProps?: Omit<PopoverContentProps, 'children'>;
 }
 export declare function useOpenState({ open, defaultOpen, onOpenChange }: PickerFieldProps): readonly [boolean, (next: boolean) => void];