@epilot/zenith-react 0.2.0-next.3 → 0.2.0-next.4

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

@@ -1,17 +1,18 @@
-import { jsxs as I, jsx as s } from "react/jsx-runtime";
+import { jsxs as S, jsx as s } from "react/jsx-runtime";
 import * as a from "react";
 import { createElement as oe } from "react";
-import { SLOT_ATTR as c, mergeClasses as J, shorthands as p } from "@epilot/zenith-runtime/v1";
-import { Field as le, FieldLabel as pe, FieldInputGroup as ce, FieldGroupAddon as ue, FieldError as ge } from "../field/field.js";
-import { Button as he } from "../button/button.js";
-import { Pill as me } from "../pill/pill.js";
-import { Popover as fe, PopoverTrigger as Te, PopoverContent as ye } from "../popover/popover.js";
+import { Popover as pe } from "../../_virtual/_zenith-runtime-family_popover.js";
+import { SLOT_ATTR as c, mergeClasses as J, shorthands as l } from "@epilot/zenith-runtime/v1";
+import { Field as le, FieldLabel as ce, FieldInputGroup as ue, FieldGroupAddon as ge, FieldError as he } from "../field/field.js";
+import { Button as me } from "../button/button.js";
+import { Pill as fe } from "../pill/pill.js";
+import { Popover as Te, PopoverContent as ye } from "../popover/popover.js";
 import { makeZenithStyles as Ce } from "../../styles/make-styles.js";
-import { boxModel as g, nativeControl as qe } from "../../styles/host-reset.js";
-import { gray6 as be, gray9 as Se, leadingSm as U, textSm as W, grayA8 as ke, grayA12 as Ie, spacingElement1 as xe, spacingGroup1 as ve, spacingElement2 as we } from "../../tokens/index.js";
+import { boxModel as g, nativeControl as be } from "../../styles/host-reset.js";
+import { gray6 as qe, gray9 as ve, leadingSm as U, textSm as W, grayA8 as Ie, grayA12 as Se, spacingElement1 as ke, spacingGroup1 as xe, spacingElement2 as we } from "../../tokens/index.js";
 import { RangeCalendar as Re } from "./range-calendar.js";
 import { formatDateTimeDisplay as d, parseDateTimeInput as N } from "../date-time-picker/date-time-picker-utils.js";
-const Ee = (x) => /* @__PURE__ */ s(
+const Ee = (k) => /* @__PURE__ */ s(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -19,7 +20,7 @@ const Ee = (x) => /* @__PURE__ */ s(
     viewBox: "0 -960 960 960",
     width: "18px",
     fill: "currentColor",
-    ...x,
+    ...k,
     children: /* @__PURE__ */ s("path", { d: "M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Zm280 240q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-160 0q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm320 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-160 0q-17 0-28.5-11.5T280-280q0-17 11.5-28.5T320-320q17 0 28.5 11.5T360-280q0 17-11.5 28.5T320-240Zm320 0q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z" })
   }
 ), Ne = "dd/MM/yyyy", K = Ce({
@@ -51,7 +52,7 @@ const Ee = (x) => /* @__PURE__ */ s(
     ...g,
     display: "flex",
     alignItems: "center",
-    ...p.gap(we),
+    ...l.gap(we),
     flexGrow: 1,
     flexShrink: 1,
     flexBasis: "0%",
@@ -59,18 +60,18 @@ const Ee = (x) => /* @__PURE__ */ s(
     cursor: "pointer"
   },
   input: {
-    ...qe,
+    ...be,
     width: "5.5rem",
     outlineStyle: "none",
     fontSize: W,
     lineHeight: U,
-    color: Ie,
+    color: Se,
     backgroundColor: "transparent",
     textAlign: "center",
-    ...p.border("0"),
-    ...p.padding("0"),
+    ...l.border("0"),
+    ...l.padding("0"),
     "::placeholder": {
-      color: ke
+      color: Ie
     },
     ":disabled": {
       cursor: "not-allowed"
@@ -80,47 +81,47 @@ const Ee = (x) => /* @__PURE__ */ s(
     ...g,
     fontSize: W,
     lineHeight: U,
-    color: Se,
+    color: ve,
     flexShrink: 0,
     userSelect: "none",
-    ...p.padding("0", "0.125rem")
+    ...l.padding("0", "0.125rem")
     // v1 px-0.5
   },
   popoverContent: {
-    ...p.overflow("hidden")
+    ...l.overflow("hidden")
   },
   content: {
     ...g,
     display: "flex",
     flexDirection: "row",
-    ...p.gap(ve),
-    ...p.padding("0.75rem")
+    ...l.gap(xe),
+    ...l.padding("0.75rem")
     // v1 p-3 (0.75rem)
   },
   presets: {
     ...g,
     display: "flex",
     flexDirection: "column",
-    ...p.gap(xe),
+    ...l.gap(ke),
     width: "8rem",
     // v1 w-32
     borderLeftWidth: "1px",
     borderLeftStyle: "solid",
-    borderLeftColor: be,
+    borderLeftColor: qe,
     paddingLeft: "0.75rem"
     // v1 pl-3 (0.75rem)
   },
   presetPill: {
     alignSelf: "flex-start"
   }
-}), Pe = a.forwardRef((x, t) => {
+}), Pe = a.forwardRef((k, t) => {
   const {
     startValue: o,
     endValue: i,
-    startPlaceholder: v,
+    startPlaceholder: x,
     endPlaceholder: P,
     disabled: h,
-    onStartChange: b,
+    onStartChange: q,
     onEndChange: V,
     onStartBlur: Z,
     onEndBlur: n,
@@ -130,10 +131,10 @@ const Ee = (x) => /* @__PURE__ */ s(
     endId: R,
     labelId: m,
     className: A,
-    "data-slot": z,
+    "data-slot": B,
     ...D
-  } = x, f = K();
-  return /* @__PURE__ */ I(
+  } = k, f = K();
+  return /* @__PURE__ */ S(
     "div",
     {
       ref: t,
@@ -154,8 +155,8 @@ const Ee = (x) => /* @__PURE__ */ s(
             "data-testid": e ? `${e}-start` : void 0,
             disabled: h,
             onBlur: Z,
-            onChange: b,
-            placeholder: v,
+            onChange: q,
+            placeholder: x,
             value: o
           }
         ),
@@ -188,14 +189,14 @@ const Ee = (x) => /* @__PURE__ */ s(
       ]
     }
   );
-}), Be = a.forwardRef(function({
+}), _e = a.forwardRef(function({
   value: t,
   onChange: o,
   onBlur: i,
-  disabled: v = !1,
+  disabled: x = !1,
   disablePast: P = !1,
   label: h,
-  error: b,
+  error: q,
   startPlaceholder: V = "dd/MM/yyyy",
   endPlaceholder: Z = "dd/MM/yyyy",
   format: n = Ne,
@@ -205,22 +206,22 @@ const Ee = (x) => /* @__PURE__ */ s(
   inputAriaLabel: R,
   openPickerAriaLabel: m = "Open date picker",
   previousMonthLabel: A = "Previous month",
-  nextMonthLabel: z = "Next month",
+  nextMonthLabel: B = "Next month",
   testId: D,
   currentTimeInTimezone: f,
   showWeekNumbers: Q = !1,
   presets: F
 }, X) {
-  const l = K(), [L, O] = a.useState(!1), [G, T] = a.useState(
+  const p = K(), [L, O] = a.useState(!1), [G, T] = a.useState(
     () => t.start ? d(t.start, n, e) : ""
   ), [$, y] = a.useState(
     () => t.end ? d(t.end, n, e) : ""
-  ), [E, S] = a.useState(t), C = a.useRef(t), q = a.useRef(
+  ), [E, v] = a.useState(t), C = a.useRef(t), b = a.useRef(
     void 0
   );
   a.useEffect(
     () => () => {
-      q.current !== void 0 && clearTimeout(q.current);
+      b.current !== void 0 && clearTimeout(b.current);
     },
     []
   ), a.useEffect(() => {
@@ -228,17 +229,17 @@ const Ee = (x) => /* @__PURE__ */ s(
       t.start ? d(t.start, n, e) : ""
     ), y(
       t.end ? d(t.end, n, e) : ""
-    ), S(t);
+    ), v(t);
   }, [t, n, e]), a.useEffect(() => {
-    L && (C.current = t, S(t));
+    L && (C.current = t, v(t));
   }, [L, t]);
   const Y = a.useCallback(
     (r) => {
       const u = r.target.value;
       T(u);
-      const k = N(u, n, e);
-      if (k) {
-        const H = { ...t, start: k };
+      const I = N(u, n, e);
+      if (I) {
+        const H = { ...t, start: I };
         o(H);
       }
     },
@@ -247,9 +248,9 @@ const Ee = (x) => /* @__PURE__ */ s(
     (r) => {
       const u = r.target.value;
       y(u);
-      const k = N(u, n, e);
-      if (k) {
-        const H = { ...t, end: k };
+      const I = N(u, n, e);
+      if (I) {
+        const H = { ...t, end: I };
         o(H);
       }
     },
@@ -264,27 +265,27 @@ const Ee = (x) => /* @__PURE__ */ s(
     ), i == null || i();
   }, [$, t.end, n, e, i]), re = a.useCallback(
     (r) => {
-      S(r), T(
+      v(r), T(
         r.start ? d(r.start, n, e) : ""
       ), y(
         r.end ? d(r.end, n, e) : ""
       );
     },
     [n, e]
-  ), B = a.useCallback(
+  ), z = a.useCallback(
     (r) => {
-      o(r), S(r), T(
+      o(r), v(r), T(
         r.start ? d(r.start, n, e) : ""
       ), y(
         r.end ? d(r.end, n, e) : ""
-      ), q.current !== void 0 && clearTimeout(q.current), q.current = setTimeout(() => {
-        q.current = void 0, O(!1);
+      ), b.current !== void 0 && clearTimeout(b.current), b.current = setTimeout(() => {
+        b.current = void 0, O(!1);
       }, 150);
     },
     [o, n, e]
   ), ae = a.useCallback(
     (r) => {
-      r || (!E.start || !E.end) && (S(C.current), T(
+      r || (!E.start || !E.end) && (v(C.current), T(
         C.current.start ? d(
           C.current.start,
           n,
@@ -299,45 +300,54 @@ const Ee = (x) => /* @__PURE__ */ s(
       )), O(r);
     },
     [E, n, e]
-  ), se = w || /* @__PURE__ */ s(Ee, {}), de = b ? "destructive" : "highlight", _ = a.useId(), j = a.useId(), ie = a.useId();
-  return /* @__PURE__ */ I(
+  ), se = w || /* @__PURE__ */ s(Ee, {}), de = q ? "destructive" : "highlight", _ = a.useId(), j = a.useId(), ie = a.useId();
+  return /* @__PURE__ */ S(
     le,
     {
-      className: J(l.root, M),
+      className: J(p.root, M),
       "data-slot": "daterangepicker",
       [c]: "daterangepicker",
       ref: X,
       variant: de,
       children: [
-        h && /* @__PURE__ */ s(pe, { id: _, htmlFor: j, children: h }),
-        /* @__PURE__ */ I(fe, { modal: !0, onOpenChange: ae, open: L, children: [
-          /* @__PURE__ */ I(ce, { className: l.inputGroup, children: [
-            /* @__PURE__ */ s(Te, { asChild: !0, className: l.popoverTrigger, children: /* @__PURE__ */ s(
-              Pe,
+        h && /* @__PURE__ */ s(ce, { id: _, htmlFor: j, children: h }),
+        /* @__PURE__ */ S(Te, { modal: !0, onOpenChange: ae, open: L, children: [
+          /* @__PURE__ */ S(ue, { className: p.inputGroup, children: [
+            /* @__PURE__ */ s(
+              pe.Trigger,
               {
-                disabled: v,
-                endPlaceholder: Z,
-                endValue: $,
-                inputAriaLabel: R,
-                startId: j,
-                endId: ie,
-                labelId: h ? _ : void 0,
-                onEndBlur: ne,
-                onEndChange: ee,
-                onStartBlur: te,
-                onStartChange: Y,
-                startPlaceholder: V,
-                startValue: G,
-                testId: D
+                nativeButton: !1,
+                render: /* @__PURE__ */ s(
+                  Pe,
+                  {
+                    className: p.popoverTrigger,
+                    disabled: x,
+                    endPlaceholder: Z,
+                    endValue: $,
+                    inputAriaLabel: R,
+                    startId: j,
+                    endId: ie,
+                    labelId: h ? _ : void 0,
+                    onEndBlur: ne,
+                    onEndChange: ee,
+                    onStartBlur: te,
+                    onStartChange: Y,
+                    role: void 0,
+                    startPlaceholder: V,
+                    startValue: G,
+                    tabIndex: void 0,
+                    testId: D
+                  }
+                )
               }
-            ) }),
-            /* @__PURE__ */ s(ue, { align: "end", children: /* @__PURE__ */ s(
-              he,
+            ),
+            /* @__PURE__ */ s(ge, { align: "end", children: /* @__PURE__ */ s(
+              me,
               {
                 "aria-label": m,
-                disabled: v,
+                disabled: x,
                 onClick: () => O(!0),
-                className: l.addonButton,
+                className: p.addonButton,
                 size: "icon-sm",
                 variant: "tertiary",
                 children: se
@@ -348,14 +358,14 @@ const Ee = (x) => /* @__PURE__ */ s(
             ye,
             {
               align: "start",
-              className: l.popoverContent,
+              className: p.popoverContent,
               flush: !0,
               side: "bottom",
               sideOffset: 4,
-              children: /* @__PURE__ */ I(
+              children: /* @__PURE__ */ S(
                 "div",
                 {
-                  className: l.content,
+                  className: p.content,
                   "data-slot": "daterangepicker-content",
                   [c]: "daterangepicker-content",
                   children: [
@@ -365,9 +375,9 @@ const Ee = (x) => /* @__PURE__ */ s(
                         currentTimeInTimezone: f,
                         disablePast: P,
                         locale: e,
-                        nextMonthLabel: z,
+                        nextMonthLabel: B,
                         onChange: re,
-                        onRangeComplete: B,
+                        onRangeComplete: z,
                         previousMonthLabel: A,
                         showWeekNumbers: Q,
                         value: E
@@ -376,19 +386,19 @@ const Ee = (x) => /* @__PURE__ */ s(
                     F && F.length > 0 && /* @__PURE__ */ s(
                       "aside",
                       {
-                        className: l.presets,
+                        className: p.presets,
                         "data-slot": "daterangepicker-presets",
                         [c]: "daterangepicker-presets",
                         children: F.map((r) => /* @__PURE__ */ oe(
-                          me,
+                          fe,
                           {
-                            className: l.presetPill,
+                            className: p.presetPill,
                             "data-slot": "daterangepicker-preset",
                             [c]: "daterangepicker-preset",
                             key: r.label,
                             onClick: () => {
                               const u = r.getValue();
-                              B(u);
+                              z(u);
                             },
                             variant: "surface"
                           },
@@ -402,13 +412,13 @@ const Ee = (x) => /* @__PURE__ */ s(
             }
           )
         ] }),
-        b && /* @__PURE__ */ s(ge, { children: b })
+        q && /* @__PURE__ */ s(he, { children: q })
       ]
     }
   );
 });
 export {
-  Be as DateRangePicker,
+  _e as DateRangePicker,
   Re as RangeCalendar
 };
 //# sourceMappingURL=date-range-picker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"date-range-picker.js","sources":["../../../src/components/date-range-picker/date-range-picker.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport {\n  Field,\n  FieldLabel,\n  FieldError,\n  FieldInputGroup,\n  FieldGroupAddon,\n} from \"../field/field\"\nimport { Button } from \"../button/button\"\nimport { Pill } from \"../pill/pill\"\nimport { Popover, PopoverTrigger, PopoverContent } from \"../popover/popover\"\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel, nativeControl } from \"../../styles/host-reset\"\nimport * as tokens from \"../../tokens\"\n\nimport { RangeCalendar } from \"./range-calendar\"\nimport type { RangeCalendarProps } from \"./range-calendar\"\nimport type { DateRange, DateTimePickerLocale } from \"./date-range-picker-utils\"\nimport {\n  formatDateTimeDisplay,\n  parseDateTimeInput,\n} from \"./date-range-picker-utils\"\n\nconst CalendarIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"18px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"18px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Zm280 240q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-160 0q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm320 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-160 0q-17 0-28.5-11.5T280-280q0-17 11.5-28.5T320-320q17 0 28.5 11.5T360-280q0 17-11.5 28.5T320-240Zm320 0q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z\" />\n  </svg>\n)\n\nconst DEFAULT_FORMAT = \"dd/MM/yyyy\"\n\nexport type DateRangePreset = {\n  label: string\n  getValue: () => DateRange\n}\n\nexport type DateRangePickerProps = {\n  value: DateRange\n  onChange: (range: DateRange) => void\n  onBlur?: () => void\n  disabled?: boolean\n  disablePast?: boolean\n  label?: string\n  error?: string\n  startPlaceholder?: string\n  endPlaceholder?: string\n  format?: string\n  locale?: DateTimePickerLocale\n  className?: string\n  keyboardIcon?: React.ReactNode\n  inputAriaLabel?: string\n  openPickerAriaLabel?: string\n  previousMonthLabel?: string\n  nextMonthLabel?: string\n  testId?: string\n  currentTimeInTimezone?: Date\n  showWeekNumbers?: boolean\n  presets?: DateRangePreset[]\n}\n\nconst useStyles = makeZenithStyles({\n  root: {\n    ...boxModel,\n    width: \"100%\",\n  },\n  inputGroup: {\n    ...boxModel,\n    width: \"100%\",\n  },\n  /**\n   * Reproduces a v1 defect on purpose, the same way Label's line-height is reproduced: v1's `icon-\n   * sm` size classes do not reach this button, so v1 renders it content-sized at 18x18 around an\n   * unconstrained 18px icon rather than the 28x28-with-14px-icon that `icon-sm` specifies.\n   */\n  addonButton: {\n    ...boxModel,\n    width: \"auto\",\n    height: \"auto\",\n    \"& svg\": { width: \"auto\", height: \"auto\" },\n  },\n  popoverTrigger: {\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n  },\n  triggerRoot: {\n    ...boxModel,\n    display: \"flex\",\n    alignItems: \"center\",\n    ...shorthands.gap(tokens.spacingElement2),\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n    height: \"1.5rem\",\n    cursor: \"pointer\",\n  },\n  input: {\n    ...nativeControl,\n    width: \"5.5rem\",\n    outlineStyle: \"none\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    color: tokens.grayA12,\n    backgroundColor: \"transparent\",\n    textAlign: \"center\",\n    ...shorthands.border(\"0\"),\n    ...shorthands.padding(\"0\"),\n    \"::placeholder\": {\n      color: tokens.grayA8,\n    },\n    \":disabled\": {\n      cursor: \"not-allowed\",\n    },\n  },\n  separator: {\n    ...boxModel,\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    color: tokens.gray9,\n    flexShrink: 0,\n    userSelect: \"none\",\n    ...shorthands.padding(\"0\", \"0.125rem\"), // v1 px-0.5\n  },\n  popoverContent: {\n    ...shorthands.overflow(\"hidden\"),\n  },\n  content: {\n    ...boxModel,\n    display: \"flex\",\n    flexDirection: \"row\",\n    ...shorthands.gap(tokens.spacingGroup1),\n    ...shorthands.padding(\"0.75rem\"), // v1 p-3 (0.75rem)\n  },\n  presets: {\n    ...boxModel,\n    display: \"flex\",\n    flexDirection: \"column\",\n    ...shorthands.gap(tokens.spacingElement1),\n    width: \"8rem\", // v1 w-32\n    borderLeftWidth: \"1px\",\n    borderLeftStyle: \"solid\",\n    borderLeftColor: tokens.gray6,\n    paddingLeft: \"0.75rem\", // v1 pl-3 (0.75rem)\n  },\n  presetPill: {\n    alignSelf: \"flex-start\",\n  },\n})\n\nconst RangeInputTrigger = React.forwardRef<\n  HTMLDivElement,\n  {\n    startValue: string\n    endValue: string\n    startPlaceholder: string\n    endPlaceholder: string\n    disabled: boolean\n    onStartChange: (e: React.ChangeEvent<HTMLInputElement>) => void\n    onEndChange: (e: React.ChangeEvent<HTMLInputElement>) => void\n    onStartBlur: () => void\n    onEndBlur: () => void\n    testId?: string\n    inputAriaLabel?: string\n    /** Ids from DateRangePicker so its visible label can point at and name the inputs (#16). */\n    startId?: string\n    endId?: string\n    labelId?: string\n    \"data-slot\"?: string\n  } & React.HTMLAttributes<HTMLDivElement>\n>((props, ref) => {\n  const {\n    startValue,\n    endValue,\n    startPlaceholder,\n    endPlaceholder,\n    disabled,\n    onStartChange,\n    onEndChange,\n    onStartBlur,\n    onEndBlur,\n    testId,\n    inputAriaLabel,\n    startId,\n    endId,\n    labelId,\n    className,\n    \"data-slot\": _dataSlot,\n    ...divProps\n  } = props\n  const styles = useStyles()\n\n  return (\n    <div\n      ref={ref}\n      {...divProps}\n      className={mergeClasses(styles.triggerRoot, className)}\n      data-slot=\"date-range-input\"\n      {...{ [SLOT_ATTR]: \"date-range-input\" }}\n    >\n      <input\n        aria-label={inputAriaLabel || \"Start date\"}\n        id={startId}\n        aria-labelledby={labelId ? `${labelId} ${startId}` : undefined}\n        className={styles.input}\n        data-slot=\"date-range-start-input\"\n        {...{ [SLOT_ATTR]: \"date-range-start-input\" }}\n        data-testid={testId ? `${testId}-start` : undefined}\n        disabled={disabled}\n        onBlur={onStartBlur}\n        onChange={onStartChange}\n        placeholder={startPlaceholder}\n        value={startValue}\n      />\n      <span\n        className={styles.separator}\n        data-slot=\"date-range-separator\"\n        {...{ [SLOT_ATTR]: \"date-range-separator\" }}\n      >\n        {\"\\u2013\"}\n      </span>\n      <input\n        aria-label=\"End date\"\n        id={endId}\n        aria-labelledby={labelId ? `${labelId} ${endId}` : undefined}\n        className={styles.input}\n        data-slot=\"date-range-end-input\"\n        {...{ [SLOT_ATTR]: \"date-range-end-input\" }}\n        data-testid={testId ? `${testId}-end` : undefined}\n        disabled={disabled}\n        onBlur={onEndBlur}\n        onChange={onEndChange}\n        placeholder={endPlaceholder}\n        value={endValue}\n      />\n    </div>\n  )\n})\n\nexport const DateRangePicker = React.forwardRef<\n  HTMLDivElement,\n  DateRangePickerProps\n>(function DateRangePicker(\n  {\n    value,\n    onChange,\n    onBlur,\n    disabled = false,\n    disablePast = false,\n    label,\n    error,\n    startPlaceholder = \"dd/MM/yyyy\",\n    endPlaceholder = \"dd/MM/yyyy\",\n    format = DEFAULT_FORMAT,\n    locale = \"de\",\n    className,\n    keyboardIcon,\n    inputAriaLabel,\n    openPickerAriaLabel = \"Open date picker\",\n    previousMonthLabel = \"Previous month\",\n    nextMonthLabel = \"Next month\",\n    testId,\n    currentTimeInTimezone,\n    showWeekNumbers = false,\n    presets,\n  },\n  ref\n) {\n  const styles = useStyles()\n  const [isOpen, setIsOpen] = React.useState(false)\n  const [startInputValue, setStartInputValue] = React.useState(() =>\n    value.start ? formatDateTimeDisplay(value.start, format, locale) : \"\"\n  )\n  const [endInputValue, setEndInputValue] = React.useState(() =>\n    value.end ? formatDateTimeDisplay(value.end, format, locale) : \"\"\n  )\n  const [tempRange, setTempRange] = React.useState<DateRange>(value)\n  const originalValueRef = React.useRef<DateRange>(value)\n  const closeTimerRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(\n    undefined\n  )\n  React.useEffect(\n    () => () => {\n      if (closeTimerRef.current !== undefined)\n        clearTimeout(closeTimerRef.current)\n    },\n    []\n  )\n\n  React.useEffect(() => {\n    setStartInputValue(\n      value.start ? formatDateTimeDisplay(value.start, format, locale) : \"\"\n    )\n    setEndInputValue(\n      value.end ? formatDateTimeDisplay(value.end, format, locale) : \"\"\n    )\n    setTempRange(value)\n  }, [value, format, locale])\n\n  React.useEffect(() => {\n    if (isOpen) {\n      originalValueRef.current = value\n      setTempRange(value)\n    }\n  }, [isOpen, value])\n\n  const handleStartInputChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = e.target.value\n\n      setStartInputValue(newValue)\n\n      const parsed = parseDateTimeInput(newValue, format, locale)\n\n      if (parsed) {\n        const newRange = { ...value, start: parsed }\n\n        onChange(newRange)\n      }\n    },\n    [onChange, value, format, locale]\n  )\n\n  const handleEndInputChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = e.target.value\n\n      setEndInputValue(newValue)\n\n      const parsed = parseDateTimeInput(newValue, format, locale)\n\n      if (parsed) {\n        const newRange = { ...value, end: parsed }\n\n        onChange(newRange)\n      }\n    },\n    [onChange, value, format, locale]\n  )\n\n  const handleStartInputBlur = React.useCallback(() => {\n    const parsed = parseDateTimeInput(startInputValue, format, locale)\n\n    if (!parsed) {\n      setStartInputValue(\n        value.start ? formatDateTimeDisplay(value.start, format, locale) : \"\"\n      )\n    }\n    onBlur?.()\n  }, [startInputValue, value.start, format, locale, onBlur])\n\n  const handleEndInputBlur = React.useCallback(() => {\n    const parsed = parseDateTimeInput(endInputValue, format, locale)\n\n    if (!parsed) {\n      setEndInputValue(\n        value.end ? formatDateTimeDisplay(value.end, format, locale) : \"\"\n      )\n    }\n    onBlur?.()\n  }, [endInputValue, value.end, format, locale, onBlur])\n\n  const handleRangeChange = React.useCallback(\n    (range: DateRange) => {\n      setTempRange(range)\n      setStartInputValue(\n        range.start ? formatDateTimeDisplay(range.start, format, locale) : \"\"\n      )\n      setEndInputValue(\n        range.end ? formatDateTimeDisplay(range.end, format, locale) : \"\"\n      )\n    },\n    [format, locale]\n  )\n\n  const handleRangeComplete = React.useCallback(\n    (range: DateRange) => {\n      onChange(range)\n      setTempRange(range)\n      setStartInputValue(\n        range.start ? formatDateTimeDisplay(range.start, format, locale) : \"\"\n      )\n      setEndInputValue(\n        range.end ? formatDateTimeDisplay(range.end, format, locale) : \"\"\n      )\n      // Small delay to allow the user to see the selection before closing. Tracked and cleared on\n      // unmount: an uncleared timer fires into an unmounted tree, which React 18 reports as a\n      // state update on an unmounted component and which under jsdom teardown throws\n      // `ReferenceError: window is not defined` from the scheduler.\n      if (closeTimerRef.current !== undefined)\n        clearTimeout(closeTimerRef.current)\n      closeTimerRef.current = setTimeout(() => {\n        closeTimerRef.current = undefined\n        setIsOpen(false)\n      }, 150)\n    },\n    [onChange, format, locale]\n  )\n\n  const handlePopoverOpenChange = React.useCallback(\n    (open: boolean) => {\n      if (!open) {\n        // If closing without a complete selection, revert\n        if (!tempRange.start || !tempRange.end) {\n          setTempRange(originalValueRef.current)\n          setStartInputValue(\n            originalValueRef.current.start\n              ? formatDateTimeDisplay(\n                  originalValueRef.current.start,\n                  format,\n                  locale\n                )\n              : \"\"\n          )\n          setEndInputValue(\n            originalValueRef.current.end\n              ? formatDateTimeDisplay(\n                  originalValueRef.current.end,\n                  format,\n                  locale\n                )\n              : \"\"\n          )\n        }\n      }\n      setIsOpen(open)\n    },\n    [tempRange, format, locale]\n  )\n\n  const IconComponent = keyboardIcon || <CalendarIcon />\n  const fieldVariant = error ? \"destructive\" : \"highlight\"\n  // This component renders both the label and the inputs, so it connects them (#16).\n  const labelId = React.useId()\n  const startId = React.useId()\n  const endId = React.useId()\n\n  return (\n    <Field\n      className={mergeClasses(styles.root, className)}\n      data-slot=\"daterangepicker\"\n      {...{ [SLOT_ATTR]: \"daterangepicker\" }}\n      ref={ref}\n      variant={fieldVariant}\n    >\n      {label && (\n        <FieldLabel id={labelId} htmlFor={startId}>\n          {label}\n        </FieldLabel>\n      )}\n      <Popover modal onOpenChange={handlePopoverOpenChange} open={isOpen}>\n        <FieldInputGroup className={styles.inputGroup}>\n          <PopoverTrigger asChild className={styles.popoverTrigger}>\n            <RangeInputTrigger\n              disabled={disabled}\n              endPlaceholder={endPlaceholder}\n              endValue={endInputValue}\n              inputAriaLabel={inputAriaLabel}\n              startId={startId}\n              endId={endId}\n              labelId={label ? labelId : undefined}\n              onEndBlur={handleEndInputBlur}\n              onEndChange={handleEndInputChange}\n              onStartBlur={handleStartInputBlur}\n              onStartChange={handleStartInputChange}\n              startPlaceholder={startPlaceholder}\n              startValue={startInputValue}\n              testId={testId}\n            />\n          </PopoverTrigger>\n          <FieldGroupAddon align=\"end\">\n            <Button\n              aria-label={openPickerAriaLabel}\n              disabled={disabled}\n              onClick={() => setIsOpen(true)}\n              className={styles.addonButton}\n              size=\"icon-sm\"\n              variant=\"tertiary\"\n            >\n              {IconComponent}\n            </Button>\n          </FieldGroupAddon>\n        </FieldInputGroup>\n        <PopoverContent\n          align=\"start\"\n          className={styles.popoverContent}\n          flush\n          side=\"bottom\"\n          sideOffset={4}\n        >\n          <div\n            className={styles.content}\n            data-slot=\"daterangepicker-content\"\n            {...{ [SLOT_ATTR]: \"daterangepicker-content\" }}\n          >\n            <RangeCalendar\n              currentTimeInTimezone={currentTimeInTimezone}\n              disablePast={disablePast}\n              locale={locale}\n              nextMonthLabel={nextMonthLabel}\n              onChange={handleRangeChange}\n              onRangeComplete={handleRangeComplete}\n              previousMonthLabel={previousMonthLabel}\n              showWeekNumbers={showWeekNumbers}\n              value={tempRange}\n            />\n            {presets && presets.length > 0 && (\n              <aside\n                className={styles.presets}\n                data-slot=\"daterangepicker-presets\"\n                {...{ [SLOT_ATTR]: \"daterangepicker-presets\" }}\n              >\n                {presets.map((preset) => (\n                  <Pill\n                    className={styles.presetPill}\n                    data-slot=\"daterangepicker-preset\"\n                    {...{ [SLOT_ATTR]: \"daterangepicker-preset\" }}\n                    key={preset.label}\n                    onClick={() => {\n                      const range = preset.getValue()\n\n                      handleRangeComplete(range)\n                    }}\n                    variant=\"surface\"\n                  >\n                    {preset.label}\n                  </Pill>\n                ))}\n              </aside>\n            )}\n          </div>\n        </PopoverContent>\n      </Popover>\n      {error && <FieldError>{error}</FieldError>}\n    </Field>\n  )\n})\n\nexport { RangeCalendar }\nexport type { RangeCalendarProps, DateRange, DateTimePickerLocale }\n"],"names":["CalendarIcon","props","jsx","DEFAULT_FORMAT","useStyles","makeZenithStyles","boxModel","shorthands","tokens.spacingElement2","nativeControl","tokens.textSm","tokens.leadingSm","tokens.grayA12","tokens.grayA8","tokens.gray9","tokens.spacingGroup1","tokens.spacingElement1","tokens.gray6","RangeInputTrigger","React","ref","startValue","endValue","startPlaceholder","endPlaceholder","disabled","onStartChange","onEndChange","onStartBlur","onEndBlur","testId","inputAriaLabel","startId","endId","labelId","className","_dataSlot","divProps","styles","jsxs","mergeClasses","SLOT_ATTR","DateRangePicker","value","onChange","onBlur","disablePast","label","error","format","locale","keyboardIcon","openPickerAriaLabel","previousMonthLabel","nextMonthLabel","currentTimeInTimezone","showWeekNumbers","presets","isOpen","setIsOpen","startInputValue","setStartInputValue","formatDateTimeDisplay","endInputValue","setEndInputValue","tempRange","setTempRange","originalValueRef","closeTimerRef","handleStartInputChange","e","newValue","parsed","parseDateTimeInput","newRange","handleEndInputChange","handleStartInputBlur","handleEndInputBlur","handleRangeChange","range","handleRangeComplete","handlePopoverOpenChange","open","IconComponent","fieldVariant","Field","FieldLabel","Popover","FieldInputGroup","PopoverTrigger","FieldGroupAddon","Button","PopoverContent","RangeCalendar","preset","createElement","Pill","FieldError"],"mappings":"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"}
+{"version":3,"file":"date-range-picker.js","sources":["../../../src/components/date-range-picker/date-range-picker.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\"\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport {\n  Field,\n  FieldLabel,\n  FieldError,\n  FieldInputGroup,\n  FieldGroupAddon,\n} from \"../field/field\"\nimport { Button } from \"../button/button\"\nimport { Pill } from \"../pill/pill\"\nimport { Popover, PopoverContent } from \"../popover/popover\"\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel, nativeControl } from \"../../styles/host-reset\"\nimport * as tokens from \"../../tokens\"\n\nimport { RangeCalendar } from \"./range-calendar\"\nimport type { RangeCalendarProps } from \"./range-calendar\"\nimport type { DateRange, DateTimePickerLocale } from \"./date-range-picker-utils\"\nimport {\n  formatDateTimeDisplay,\n  parseDateTimeInput,\n} from \"./date-range-picker-utils\"\n\nconst CalendarIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"18px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"18px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Zm280 240q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-160 0q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm320 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-160 0q-17 0-28.5-11.5T280-280q0-17 11.5-28.5T320-320q17 0 28.5 11.5T360-280q0 17-11.5 28.5T320-240Zm320 0q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z\" />\n  </svg>\n)\n\nconst DEFAULT_FORMAT = \"dd/MM/yyyy\"\n\nexport type DateRangePreset = {\n  label: string\n  getValue: () => DateRange\n}\n\nexport type DateRangePickerProps = {\n  value: DateRange\n  onChange: (range: DateRange) => void\n  onBlur?: () => void\n  disabled?: boolean\n  disablePast?: boolean\n  label?: string\n  error?: string\n  startPlaceholder?: string\n  endPlaceholder?: string\n  format?: string\n  locale?: DateTimePickerLocale\n  className?: string\n  keyboardIcon?: React.ReactNode\n  inputAriaLabel?: string\n  openPickerAriaLabel?: string\n  previousMonthLabel?: string\n  nextMonthLabel?: string\n  testId?: string\n  currentTimeInTimezone?: Date\n  showWeekNumbers?: boolean\n  presets?: DateRangePreset[]\n}\n\nconst useStyles = makeZenithStyles({\n  root: {\n    ...boxModel,\n    width: \"100%\",\n  },\n  inputGroup: {\n    ...boxModel,\n    width: \"100%\",\n  },\n  /**\n   * Reproduces a v1 defect on purpose, the same way Label's line-height is reproduced: v1's `icon-\n   * sm` size classes do not reach this button, so v1 renders it content-sized at 18x18 around an\n   * unconstrained 18px icon rather than the 28x28-with-14px-icon that `icon-sm` specifies.\n   */\n  addonButton: {\n    ...boxModel,\n    width: \"auto\",\n    height: \"auto\",\n    \"& svg\": { width: \"auto\", height: \"auto\" },\n  },\n  popoverTrigger: {\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n  },\n  triggerRoot: {\n    ...boxModel,\n    display: \"flex\",\n    alignItems: \"center\",\n    ...shorthands.gap(tokens.spacingElement2),\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n    height: \"1.5rem\",\n    cursor: \"pointer\",\n  },\n  input: {\n    ...nativeControl,\n    width: \"5.5rem\",\n    outlineStyle: \"none\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    color: tokens.grayA12,\n    backgroundColor: \"transparent\",\n    textAlign: \"center\",\n    ...shorthands.border(\"0\"),\n    ...shorthands.padding(\"0\"),\n    \"::placeholder\": {\n      color: tokens.grayA8,\n    },\n    \":disabled\": {\n      cursor: \"not-allowed\",\n    },\n  },\n  separator: {\n    ...boxModel,\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    color: tokens.gray9,\n    flexShrink: 0,\n    userSelect: \"none\",\n    ...shorthands.padding(\"0\", \"0.125rem\"), // v1 px-0.5\n  },\n  popoverContent: {\n    ...shorthands.overflow(\"hidden\"),\n  },\n  content: {\n    ...boxModel,\n    display: \"flex\",\n    flexDirection: \"row\",\n    ...shorthands.gap(tokens.spacingGroup1),\n    ...shorthands.padding(\"0.75rem\"), // v1 p-3 (0.75rem)\n  },\n  presets: {\n    ...boxModel,\n    display: \"flex\",\n    flexDirection: \"column\",\n    ...shorthands.gap(tokens.spacingElement1),\n    width: \"8rem\", // v1 w-32\n    borderLeftWidth: \"1px\",\n    borderLeftStyle: \"solid\",\n    borderLeftColor: tokens.gray6,\n    paddingLeft: \"0.75rem\", // v1 pl-3 (0.75rem)\n  },\n  presetPill: {\n    alignSelf: \"flex-start\",\n  },\n})\n\nconst RangeInputTrigger = React.forwardRef<\n  HTMLDivElement,\n  {\n    startValue: string\n    endValue: string\n    startPlaceholder: string\n    endPlaceholder: string\n    disabled: boolean\n    onStartChange: (e: React.ChangeEvent<HTMLInputElement>) => void\n    onEndChange: (e: React.ChangeEvent<HTMLInputElement>) => void\n    onStartBlur: () => void\n    onEndBlur: () => void\n    testId?: string\n    inputAriaLabel?: string\n    /** Ids from DateRangePicker so its visible label can point at and name the inputs (#16). */\n    startId?: string\n    endId?: string\n    labelId?: string\n    \"data-slot\"?: string\n  } & React.HTMLAttributes<HTMLDivElement>\n>((props, ref) => {\n  const {\n    startValue,\n    endValue,\n    startPlaceholder,\n    endPlaceholder,\n    disabled,\n    onStartChange,\n    onEndChange,\n    onStartBlur,\n    onEndBlur,\n    testId,\n    inputAriaLabel,\n    startId,\n    endId,\n    labelId,\n    className,\n    \"data-slot\": _dataSlot,\n    ...divProps\n  } = props\n  const styles = useStyles()\n\n  return (\n    <div\n      ref={ref}\n      {...divProps}\n      className={mergeClasses(styles.triggerRoot, className)}\n      data-slot=\"date-range-input\"\n      {...{ [SLOT_ATTR]: \"date-range-input\" }}\n    >\n      <input\n        aria-label={inputAriaLabel || \"Start date\"}\n        id={startId}\n        aria-labelledby={labelId ? `${labelId} ${startId}` : undefined}\n        className={styles.input}\n        data-slot=\"date-range-start-input\"\n        {...{ [SLOT_ATTR]: \"date-range-start-input\" }}\n        data-testid={testId ? `${testId}-start` : undefined}\n        disabled={disabled}\n        onBlur={onStartBlur}\n        onChange={onStartChange}\n        placeholder={startPlaceholder}\n        value={startValue}\n      />\n      <span\n        className={styles.separator}\n        data-slot=\"date-range-separator\"\n        {...{ [SLOT_ATTR]: \"date-range-separator\" }}\n      >\n        {\"\\u2013\"}\n      </span>\n      <input\n        aria-label=\"End date\"\n        id={endId}\n        aria-labelledby={labelId ? `${labelId} ${endId}` : undefined}\n        className={styles.input}\n        data-slot=\"date-range-end-input\"\n        {...{ [SLOT_ATTR]: \"date-range-end-input\" }}\n        data-testid={testId ? `${testId}-end` : undefined}\n        disabled={disabled}\n        onBlur={onEndBlur}\n        onChange={onEndChange}\n        placeholder={endPlaceholder}\n        value={endValue}\n      />\n    </div>\n  )\n})\n\nexport const DateRangePicker = React.forwardRef<\n  HTMLDivElement,\n  DateRangePickerProps\n>(function DateRangePicker(\n  {\n    value,\n    onChange,\n    onBlur,\n    disabled = false,\n    disablePast = false,\n    label,\n    error,\n    startPlaceholder = \"dd/MM/yyyy\",\n    endPlaceholder = \"dd/MM/yyyy\",\n    format = DEFAULT_FORMAT,\n    locale = \"de\",\n    className,\n    keyboardIcon,\n    inputAriaLabel,\n    openPickerAriaLabel = \"Open date picker\",\n    previousMonthLabel = \"Previous month\",\n    nextMonthLabel = \"Next month\",\n    testId,\n    currentTimeInTimezone,\n    showWeekNumbers = false,\n    presets,\n  },\n  ref\n) {\n  const styles = useStyles()\n  const [isOpen, setIsOpen] = React.useState(false)\n  const [startInputValue, setStartInputValue] = React.useState(() =>\n    value.start ? formatDateTimeDisplay(value.start, format, locale) : \"\"\n  )\n  const [endInputValue, setEndInputValue] = React.useState(() =>\n    value.end ? formatDateTimeDisplay(value.end, format, locale) : \"\"\n  )\n  const [tempRange, setTempRange] = React.useState<DateRange>(value)\n  const originalValueRef = React.useRef<DateRange>(value)\n  const closeTimerRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(\n    undefined\n  )\n  React.useEffect(\n    () => () => {\n      if (closeTimerRef.current !== undefined)\n        clearTimeout(closeTimerRef.current)\n    },\n    []\n  )\n\n  React.useEffect(() => {\n    setStartInputValue(\n      value.start ? formatDateTimeDisplay(value.start, format, locale) : \"\"\n    )\n    setEndInputValue(\n      value.end ? formatDateTimeDisplay(value.end, format, locale) : \"\"\n    )\n    setTempRange(value)\n  }, [value, format, locale])\n\n  React.useEffect(() => {\n    if (isOpen) {\n      originalValueRef.current = value\n      setTempRange(value)\n    }\n  }, [isOpen, value])\n\n  const handleStartInputChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = e.target.value\n\n      setStartInputValue(newValue)\n\n      const parsed = parseDateTimeInput(newValue, format, locale)\n\n      if (parsed) {\n        const newRange = { ...value, start: parsed }\n\n        onChange(newRange)\n      }\n    },\n    [onChange, value, format, locale]\n  )\n\n  const handleEndInputChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = e.target.value\n\n      setEndInputValue(newValue)\n\n      const parsed = parseDateTimeInput(newValue, format, locale)\n\n      if (parsed) {\n        const newRange = { ...value, end: parsed }\n\n        onChange(newRange)\n      }\n    },\n    [onChange, value, format, locale]\n  )\n\n  const handleStartInputBlur = React.useCallback(() => {\n    const parsed = parseDateTimeInput(startInputValue, format, locale)\n\n    if (!parsed) {\n      setStartInputValue(\n        value.start ? formatDateTimeDisplay(value.start, format, locale) : \"\"\n      )\n    }\n    onBlur?.()\n  }, [startInputValue, value.start, format, locale, onBlur])\n\n  const handleEndInputBlur = React.useCallback(() => {\n    const parsed = parseDateTimeInput(endInputValue, format, locale)\n\n    if (!parsed) {\n      setEndInputValue(\n        value.end ? formatDateTimeDisplay(value.end, format, locale) : \"\"\n      )\n    }\n    onBlur?.()\n  }, [endInputValue, value.end, format, locale, onBlur])\n\n  const handleRangeChange = React.useCallback(\n    (range: DateRange) => {\n      setTempRange(range)\n      setStartInputValue(\n        range.start ? formatDateTimeDisplay(range.start, format, locale) : \"\"\n      )\n      setEndInputValue(\n        range.end ? formatDateTimeDisplay(range.end, format, locale) : \"\"\n      )\n    },\n    [format, locale]\n  )\n\n  const handleRangeComplete = React.useCallback(\n    (range: DateRange) => {\n      onChange(range)\n      setTempRange(range)\n      setStartInputValue(\n        range.start ? formatDateTimeDisplay(range.start, format, locale) : \"\"\n      )\n      setEndInputValue(\n        range.end ? formatDateTimeDisplay(range.end, format, locale) : \"\"\n      )\n      // Small delay to allow the user to see the selection before closing. Tracked and cleared on\n      // unmount: an uncleared timer fires into an unmounted tree, which React 18 reports as a\n      // state update on an unmounted component and which under jsdom teardown throws\n      // `ReferenceError: window is not defined` from the scheduler.\n      if (closeTimerRef.current !== undefined)\n        clearTimeout(closeTimerRef.current)\n      closeTimerRef.current = setTimeout(() => {\n        closeTimerRef.current = undefined\n        setIsOpen(false)\n      }, 150)\n    },\n    [onChange, format, locale]\n  )\n\n  const handlePopoverOpenChange = React.useCallback(\n    (open: boolean) => {\n      if (!open) {\n        // If closing without a complete selection, revert\n        if (!tempRange.start || !tempRange.end) {\n          setTempRange(originalValueRef.current)\n          setStartInputValue(\n            originalValueRef.current.start\n              ? formatDateTimeDisplay(\n                  originalValueRef.current.start,\n                  format,\n                  locale\n                )\n              : \"\"\n          )\n          setEndInputValue(\n            originalValueRef.current.end\n              ? formatDateTimeDisplay(\n                  originalValueRef.current.end,\n                  format,\n                  locale\n                )\n              : \"\"\n          )\n        }\n      }\n      setIsOpen(open)\n    },\n    [tempRange, format, locale]\n  )\n\n  const IconComponent = keyboardIcon || <CalendarIcon />\n  const fieldVariant = error ? \"destructive\" : \"highlight\"\n  // This component renders both the label and the inputs, so it connects them (#16).\n  const labelId = React.useId()\n  const startId = React.useId()\n  const endId = React.useId()\n\n  return (\n    <Field\n      className={mergeClasses(styles.root, className)}\n      data-slot=\"daterangepicker\"\n      {...{ [SLOT_ATTR]: \"daterangepicker\" }}\n      ref={ref}\n      variant={fieldVariant}\n    >\n      {label && (\n        <FieldLabel id={labelId} htmlFor={startId}>\n          {label}\n        </FieldLabel>\n      )}\n      <Popover modal onOpenChange={handlePopoverOpenChange} open={isOpen}>\n        <FieldInputGroup className={styles.inputGroup}>\n          {/* RangeInputTrigger is a component rendering a <div>: PopoverTrigger cannot tell,\n              since Base UI checks the rendered tag on first mount, so this trigger says so\n              itself. The group holds two textboxes, so it drops the role=\"button\" and tab stop\n              that brings, as under Radix. */}\n          <PopoverPrimitive.Trigger\n            nativeButton={false}\n            render={\n              <RangeInputTrigger\n                className={styles.popoverTrigger}\n                disabled={disabled}\n                endPlaceholder={endPlaceholder}\n                endValue={endInputValue}\n                inputAriaLabel={inputAriaLabel}\n                startId={startId}\n                endId={endId}\n                labelId={label ? labelId : undefined}\n                onEndBlur={handleEndInputBlur}\n                onEndChange={handleEndInputChange}\n                onStartBlur={handleStartInputBlur}\n                onStartChange={handleStartInputChange}\n                role={undefined}\n                startPlaceholder={startPlaceholder}\n                startValue={startInputValue}\n                tabIndex={undefined}\n                testId={testId}\n              />\n            }\n          />\n          <FieldGroupAddon align=\"end\">\n            <Button\n              aria-label={openPickerAriaLabel}\n              disabled={disabled}\n              onClick={() => setIsOpen(true)}\n              className={styles.addonButton}\n              size=\"icon-sm\"\n              variant=\"tertiary\"\n            >\n              {IconComponent}\n            </Button>\n          </FieldGroupAddon>\n        </FieldInputGroup>\n        <PopoverContent\n          align=\"start\"\n          className={styles.popoverContent}\n          flush\n          side=\"bottom\"\n          sideOffset={4}\n        >\n          <div\n            className={styles.content}\n            data-slot=\"daterangepicker-content\"\n            {...{ [SLOT_ATTR]: \"daterangepicker-content\" }}\n          >\n            <RangeCalendar\n              currentTimeInTimezone={currentTimeInTimezone}\n              disablePast={disablePast}\n              locale={locale}\n              nextMonthLabel={nextMonthLabel}\n              onChange={handleRangeChange}\n              onRangeComplete={handleRangeComplete}\n              previousMonthLabel={previousMonthLabel}\n              showWeekNumbers={showWeekNumbers}\n              value={tempRange}\n            />\n            {presets && presets.length > 0 && (\n              <aside\n                className={styles.presets}\n                data-slot=\"daterangepicker-presets\"\n                {...{ [SLOT_ATTR]: \"daterangepicker-presets\" }}\n              >\n                {presets.map((preset) => (\n                  <Pill\n                    className={styles.presetPill}\n                    data-slot=\"daterangepicker-preset\"\n                    {...{ [SLOT_ATTR]: \"daterangepicker-preset\" }}\n                    key={preset.label}\n                    onClick={() => {\n                      const range = preset.getValue()\n\n                      handleRangeComplete(range)\n                    }}\n                    variant=\"surface\"\n                  >\n                    {preset.label}\n                  </Pill>\n                ))}\n              </aside>\n            )}\n          </div>\n        </PopoverContent>\n      </Popover>\n      {error && <FieldError>{error}</FieldError>}\n    </Field>\n  )\n})\n\nexport { RangeCalendar }\nexport type { RangeCalendarProps, DateRange, DateTimePickerLocale }\n"],"names":["CalendarIcon","props","jsx","DEFAULT_FORMAT","useStyles","makeZenithStyles","boxModel","shorthands","tokens.spacingElement2","nativeControl","tokens.textSm","tokens.leadingSm","tokens.grayA12","tokens.grayA8","tokens.gray9","tokens.spacingGroup1","tokens.spacingElement1","tokens.gray6","RangeInputTrigger","React","ref","startValue","endValue","startPlaceholder","endPlaceholder","disabled","onStartChange","onEndChange","onStartBlur","onEndBlur","testId","inputAriaLabel","startId","endId","labelId","className","_dataSlot","divProps","styles","jsxs","mergeClasses","SLOT_ATTR","DateRangePicker","value","onChange","onBlur","disablePast","label","error","format","locale","keyboardIcon","openPickerAriaLabel","previousMonthLabel","nextMonthLabel","currentTimeInTimezone","showWeekNumbers","presets","isOpen","setIsOpen","startInputValue","setStartInputValue","formatDateTimeDisplay","endInputValue","setEndInputValue","tempRange","setTempRange","originalValueRef","closeTimerRef","handleStartInputChange","e","newValue","parsed","parseDateTimeInput","newRange","handleEndInputChange","handleStartInputBlur","handleEndInputBlur","handleRangeChange","range","handleRangeComplete","handlePopoverOpenChange","open","IconComponent","fieldVariant","Field","FieldLabel","Popover","FieldInputGroup","PopoverPrimitive","FieldGroupAddon","Button","PopoverContent","RangeCalendar","preset","createElement","Pill","FieldError"],"mappings":"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"}