@epilot/zenith-react 0.1.0-next.0

package/dist/components/date-time-picker/date-time-picker-panel.js

@@ -0,0 +1,280 @@
+import { jsx as t, jsxs as k, Fragment as W } from "react/jsx-runtime";
+import * as m from "react";
+import { SLOT_ATTR as r, mergeClasses as j, shorthands as f } from "@epilot/zenith-runtime/v1";
+import { Button as Y } from "../button/button.js";
+import { PopoverPortal as ie, PopoverContent as oe } from "../popover/popover.js";
+import { makeZenithStyles as ne } from "../../styles/make-styles.js";
+import { spacingElement2 as re, spacingGroup1 as G, spacingElement3 as ae, spacingGroup2 as se } from "../../tokens/index.js";
+import { Calendar as I } from "./calendar.js";
+import { TimePicker as M } from "./time-picker.js";
+import { useDateTimePickerContext as de } from "./date-time-picker-context.js";
+const ce = ne({
+  content: {
+    overflowX: "hidden",
+    overflowY: "hidden"
+  },
+  contentNarrow: {
+    width: "300px"
+  },
+  panelContent: {
+    display: "flex",
+    flexDirection: "column",
+    ...f.gap(se),
+    ...f.padding(ae)
+  },
+  body: {
+    display: "flex"
+  },
+  bodyBottom: {
+    flexDirection: "column",
+    ...f.gap(G)
+  },
+  bodySide: {
+    flexDirection: "row",
+    ...f.gap(G),
+    position: "relative"
+  },
+  dateSection: {
+    flexGrow: 1,
+    flexShrink: 1,
+    flexBasis: "0%",
+    minWidth: "0"
+  },
+  timeSpacer: {
+    width: "9rem",
+    flexShrink: 0
+  },
+  timeSection: {
+    position: "absolute",
+    top: 0,
+    bottom: 0,
+    right: 0,
+    width: "9rem",
+    overflowX: "hidden",
+    overflowY: "hidden",
+    display: "flex",
+    alignItems: "stretch"
+  },
+  footer: {
+    display: "flex",
+    justifyContent: "flex-end",
+    ...f.gap(re)
+  }
+}), xe = m.forwardRef(function({
+  showTimePicker: C = !0,
+  timePickerPosition: S = "bottom",
+  okLabel: X = "Apply",
+  cancelLabel: V = "Cancel",
+  previousMonthLabel: z = "Previous month",
+  nextMonthLabel: A = "Next month",
+  hoursLabel: D,
+  minutesLabel: N,
+  showTodayButton: F = !1,
+  todayLabel: T = "Today",
+  showWeekNumbers: O = !1,
+  className: Z,
+  minuteStep: P = 1
+}, _) {
+  const i = ce(), {
+    tempValue: p,
+    isOpen: q,
+    locale: H,
+    disablePast: h,
+    currentTimeInTimezone: u,
+    handleDateChange: y,
+    confirm: J,
+    cancel: K
+  } = de(), [Q, U] = m.useState(!0);
+  m.useEffect(() => {
+    if (S !== "side") return;
+    const a = () => U(window.innerWidth >= 480);
+    return a(), window.addEventListener("resize", a), () => window.removeEventListener("resize", a);
+  }, [S]);
+  const w = m.useRef(null);
+  m.useLayoutEffect(() => {
+    if (!q) return;
+    const a = () => {
+      const e = w.current;
+      if (!e) return;
+      e.dataset.widthLocked || (e.style.width = `${e.offsetWidth}px`, e.dataset.widthLocked = "true");
+      const x = e.closest(
+        "[data-radix-popper-content-wrapper]"
+      );
+      if (!x) return;
+      const s = e.querySelector(
+        `[${r}="datetimepicker-body"]`
+      );
+      s && (s.style.maxHeight = "", s.style.overflowY = "");
+      const o = x.getBoundingClientRect(), R = window.innerHeight, $ = window.innerWidth, n = 8, B = R - 2 * n;
+      let E = { m41: 0, m42: 0 };
+      try {
+        const c = getComputedStyle(x).transform;
+        typeof DOMMatrixReadOnly < "u" && c && c !== "none" && (E = new DOMMatrixReadOnly(c));
+      } catch {
+      }
+      let d = 0, l = 0;
+      if (o.height > B) {
+        if (s) {
+          const c = e.querySelector(
+            `[${r}="datetimepicker-footer"]`
+          ), te = c ? c.getBoundingClientRect().height : 0;
+          s.style.maxHeight = `${B - te}px`, s.style.overflowY = "auto";
+        }
+        d = n - o.top;
+      } else
+        o.bottom > R - n && (d = R - n - o.bottom), o.top + d < n && (d = n - o.top);
+      o.right > $ - n && (l = $ - n - o.right), o.left + l < n && (l = n - o.left), (l !== 0 || d !== 0) && (x.style.transform = `translate(${E.m41 + l}px, ${E.m42 + d}px)`);
+    }, ee = requestAnimationFrame(() => {
+      requestAnimationFrame(a);
+    });
+    let v = 0;
+    const L = () => {
+      const e = w.current;
+      e && (e.style.width = "", delete e.dataset.widthLocked), cancelAnimationFrame(v), v = requestAnimationFrame(() => {
+        v = requestAnimationFrame(a);
+      });
+    };
+    window.addEventListener("resize", L);
+    const b = w.current;
+    return () => {
+      cancelAnimationFrame(ee), cancelAnimationFrame(v), window.removeEventListener("resize", L), b && (b.style.width = "", delete b.dataset.widthLocked);
+    };
+  }, [q]);
+  const g = C && S === "side" && Q;
+  return /* @__PURE__ */ t(ie, { children: /* @__PURE__ */ t(
+    oe,
+    {
+      align: "start",
+      className: j(
+        i.content,
+        !g && i.contentNarrow,
+        Z
+      ),
+      collisionPadding: 8,
+      flush: !0,
+      ref: _,
+      side: "bottom",
+      sideOffset: 4,
+      sticky: "always",
+      children: /* @__PURE__ */ k(
+        "div",
+        {
+          className: i.panelContent,
+          "data-slot": "datetimepicker-content",
+          [r]: "datetimepicker-content",
+          ref: w,
+          children: [
+            /* @__PURE__ */ k(
+              "div",
+              {
+                className: j(
+                  i.body,
+                  g ? i.bodySide : i.bodyBottom
+                ),
+                "data-slot": "datetimepicker-body",
+                [r]: "datetimepicker-body",
+                children: [
+                  g && C ? /* @__PURE__ */ t(
+                    "div",
+                    {
+                      className: i.dateSection,
+                      "data-slot": "datetimepicker-date-section",
+                      [r]: "datetimepicker-date-section",
+                      children: /* @__PURE__ */ t(
+                        I,
+                        {
+                          currentTimeInTimezone: u,
+                          disablePast: h,
+                          locale: H,
+                          nextMonthLabel: A,
+                          onChange: y,
+                          previousMonthLabel: z,
+                          showTodayButton: F,
+                          showWeekNumbers: O,
+                          todayLabel: T,
+                          value: p
+                        }
+                      )
+                    }
+                  ) : /* @__PURE__ */ t(
+                    I,
+                    {
+                      currentTimeInTimezone: u,
+                      disablePast: h,
+                      locale: H,
+                      nextMonthLabel: A,
+                      onChange: y,
+                      previousMonthLabel: z,
+                      showTodayButton: F,
+                      showWeekNumbers: O,
+                      todayLabel: T,
+                      value: p
+                    }
+                  ),
+                  C && /* @__PURE__ */ t(W, { children: g ? /* @__PURE__ */ k(W, { children: [
+                    /* @__PURE__ */ t(
+                      "div",
+                      {
+                        className: i.timeSpacer,
+                        "data-slot": "datetimepicker-time-spacer",
+                        [r]: "datetimepicker-time-spacer"
+                      }
+                    ),
+                    /* @__PURE__ */ t(
+                      "div",
+                      {
+                        className: i.timeSection,
+                        "data-slot": "datetimepicker-time-section",
+                        [r]: "datetimepicker-time-section",
+                        children: /* @__PURE__ */ t(
+                          M,
+                          {
+                            currentTimeInTimezone: u,
+                            disablePast: h,
+                            fillHeight: !0,
+                            hoursLabel: D,
+                            minuteStep: P,
+                            minutesLabel: N,
+                            onChange: y,
+                            value: p
+                          }
+                        )
+                      }
+                    )
+                  ] }) : /* @__PURE__ */ t(
+                    M,
+                    {
+                      currentTimeInTimezone: u,
+                      disablePast: h,
+                      hoursLabel: D,
+                      minuteStep: P,
+                      minutesLabel: N,
+                      onChange: y,
+                      value: p
+                    }
+                  ) })
+                ]
+              }
+            ),
+            /* @__PURE__ */ k(
+              "div",
+              {
+                className: i.footer,
+                "data-slot": "datetimepicker-footer",
+                [r]: "datetimepicker-footer",
+                children: [
+                  /* @__PURE__ */ t(Y, { onClick: K, size: "sm", variant: "secondary", children: V }),
+                  /* @__PURE__ */ t(Y, { onClick: J, size: "sm", variant: "primary", children: X })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) });
+});
+export {
+  xe as DateTimePickerPanel
+};
+//# sourceMappingURL=date-time-picker-panel.js.map

package/dist/components/date-time-picker/date-time-picker-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-picker-panel.js","sources":["../../../src/components/date-time-picker/date-time-picker-panel.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport { Button } from \"../button/button\"\nimport { PopoverContent, PopoverPortal } from \"../popover/popover\"\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport * as tokens from \"../../tokens\"\n\nimport { Calendar } from \"./calendar\"\nimport { TimePicker } from \"./time-picker\"\nimport { useDateTimePickerContext } from \"./date-time-picker-context\"\n\nexport type DateTimePickerPanelProps = {\n  showTimePicker?: boolean\n  timePickerPosition?: \"bottom\" | \"side\"\n  okLabel?: string\n  cancelLabel?: string\n  previousMonthLabel?: string\n  nextMonthLabel?: string\n  hoursLabel?: string\n  minutesLabel?: string\n  showTodayButton?: boolean\n  todayLabel?: string\n  showWeekNumbers?: boolean\n  className?: string\n  minuteStep?: number\n}\n\nconst useStyles = makeZenithStyles({\n  content: {\n    overflowX: \"hidden\",\n    overflowY: \"hidden\",\n  },\n  contentNarrow: {\n    width: \"300px\",\n  },\n  panelContent: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    ...shorthands.gap(tokens.spacingGroup2),\n    ...shorthands.padding(tokens.spacingElement3),\n  },\n  body: {\n    display: \"flex\",\n  },\n  bodyBottom: {\n    flexDirection: \"column\",\n    ...shorthands.gap(tokens.spacingGroup1),\n  },\n  bodySide: {\n    flexDirection: \"row\",\n    ...shorthands.gap(tokens.spacingGroup1),\n    position: \"relative\",\n  },\n  dateSection: {\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n    minWidth: \"0\",\n  },\n  timeSpacer: {\n    width: \"9rem\",\n    flexShrink: 0,\n  },\n  timeSection: {\n    position: \"absolute\",\n    top: 0,\n    bottom: 0,\n    right: 0,\n    width: \"9rem\",\n    overflowX: \"hidden\",\n    overflowY: \"hidden\",\n    display: \"flex\",\n    alignItems: \"stretch\",\n  },\n  footer: {\n    display: \"flex\",\n    justifyContent: \"flex-end\",\n    ...shorthands.gap(tokens.spacingElement2),\n  },\n})\n\nexport const DateTimePickerPanel = React.forwardRef<\n  HTMLDivElement,\n  DateTimePickerPanelProps\n>(function DateTimePickerPanel(\n  {\n    showTimePicker = true,\n    timePickerPosition = \"bottom\",\n    okLabel = \"Apply\",\n    cancelLabel = \"Cancel\",\n    previousMonthLabel = \"Previous month\",\n    nextMonthLabel = \"Next month\",\n    hoursLabel,\n    minutesLabel,\n    showTodayButton = false,\n    todayLabel = \"Today\",\n    showWeekNumbers = false,\n    className,\n    minuteStep = 1,\n  },\n  ref\n) {\n  const styles = useStyles()\n  const {\n    tempValue,\n    isOpen,\n    locale,\n    disablePast,\n    currentTimeInTimezone,\n    handleDateChange,\n    confirm,\n    cancel,\n  } = useDateTimePickerContext()\n\n  // Responsive: fall back to bottom layout on narrow viewports.\n  const [isWideEnough, setIsWideEnough] = React.useState(true)\n\n  React.useEffect(() => {\n    if (timePickerPosition !== \"side\") return\n\n    const update = () => setIsWideEnough(window.innerWidth >= 480)\n\n    update()\n    window.addEventListener(\"resize\", update)\n\n    return () => window.removeEventListener(\"resize\", update)\n  }, [timePickerPosition])\n\n  // Fix viewport overflow: Floating UI's shift middleware may not work in all\n  // environments (e.g. microfrontend hosts). Manually detect overflow and\n  // adjust the popper wrapper's transform to keep the popover within viewport.\n  const contentRef = React.useRef<HTMLDivElement>(null)\n\n  React.useLayoutEffect(() => {\n    if (!isOpen) return\n\n    const adjustPosition = () => {\n      const el = contentRef.current\n      if (!el) return\n\n      // Lock popover width on first open to prevent resizing on calendar view changes\n      if (!el.dataset.widthLocked) {\n        el.style.width = `${el.offsetWidth}px`\n        el.dataset.widthLocked = \"true\"\n      }\n\n      const wrapper = el.closest(\n        \"[data-radix-popper-content-wrapper]\"\n      ) as HTMLElement | null\n      if (!wrapper) return\n\n      // Reset previous constraints so we measure natural size\n      const body = el.querySelector(\n        `[${SLOT_ATTR}=\"datetimepicker-body\"]`\n      ) as HTMLElement | null\n      if (body) {\n        body.style.maxHeight = \"\"\n        body.style.overflowY = \"\"\n      }\n\n      const rect = wrapper.getBoundingClientRect()\n      const vh = window.innerHeight\n      const vw = window.innerWidth\n      const pad = 8\n      const maxH = vh - 2 * pad\n\n      let matrix = { m41: 0, m42: 0 }\n      try {\n        const computedTransform = getComputedStyle(wrapper).transform\n        if (\n          typeof DOMMatrixReadOnly !== \"undefined\" &&\n          computedTransform &&\n          computedTransform !== \"none\"\n        ) {\n          matrix = new DOMMatrixReadOnly(computedTransform)\n        }\n      } catch {\n        // Fallback if transform cannot be parsed\n      }\n      let dy = 0\n      let dx = 0\n\n      if (rect.height > maxH) {\n        // Popover is taller than viewport — constrain the body area\n        // (keep footer visible) and pin to top padding\n        if (body) {\n          const footer = el.querySelector(\n            `[${SLOT_ATTR}=\"datetimepicker-footer\"]`\n          ) as HTMLElement | null\n          const footerH = footer ? footer.getBoundingClientRect().height : 0\n          body.style.maxHeight = `${maxH - footerH}px`\n          body.style.overflowY = \"auto\"\n        }\n        dy = pad - rect.top\n      } else {\n        // Fits in viewport — just shift to stay within bounds\n        if (rect.bottom > vh - pad) {\n          dy = vh - pad - rect.bottom\n        }\n        if (rect.top + dy < pad) {\n          dy = pad - rect.top\n        }\n      }\n\n      // Keep the popover on-screen horizontally\n      if (rect.right > vw - pad) {\n        dx = vw - pad - rect.right\n      }\n      if (rect.left + dx < pad) {\n        dx = pad - rect.left\n      }\n\n      if (dx !== 0 || dy !== 0) {\n        wrapper.style.transform = `translate(${matrix.m41 + dx}px, ${matrix.m42 + dy}px)`\n      }\n    }\n\n    // Wait for Floating UI to finish positioning\n    const raf = requestAnimationFrame(() => {\n      requestAnimationFrame(adjustPosition)\n    })\n\n    let resizeRaf = 0\n    const onResize = () => {\n      const el = contentRef.current\n      if (el) {\n        el.style.width = \"\"\n        delete el.dataset.widthLocked\n      }\n      cancelAnimationFrame(resizeRaf)\n      resizeRaf = requestAnimationFrame(() => {\n        resizeRaf = requestAnimationFrame(adjustPosition)\n      })\n    }\n    window.addEventListener(\"resize\", onResize)\n\n    const el = contentRef.current\n\n    return () => {\n      cancelAnimationFrame(raf)\n      cancelAnimationFrame(resizeRaf)\n      window.removeEventListener(\"resize\", onResize)\n      // Reset locked width on close so next open re-measures\n      if (el) {\n        el.style.width = \"\"\n        delete el.dataset.widthLocked\n      }\n    }\n  }, [isOpen])\n\n  const isSideLayout =\n    showTimePicker && timePickerPosition === \"side\" && isWideEnough\n\n  return (\n    <PopoverPortal>\n      <PopoverContent\n        align=\"start\"\n        className={mergeClasses(\n          styles.content,\n          !isSideLayout && styles.contentNarrow,\n          className\n        )}\n        collisionPadding={8}\n        flush\n        ref={ref}\n        side=\"bottom\"\n        sideOffset={4}\n        sticky=\"always\"\n      >\n        <div\n          className={styles.panelContent}\n          data-slot=\"datetimepicker-content\"\n          {...{ [SLOT_ATTR]: \"datetimepicker-content\" }}\n          ref={contentRef}\n        >\n          <div\n            className={mergeClasses(\n              styles.body,\n              isSideLayout ? styles.bodySide : styles.bodyBottom\n            )}\n            data-slot=\"datetimepicker-body\"\n            {...{ [SLOT_ATTR]: \"datetimepicker-body\" }}\n          >\n            {isSideLayout && showTimePicker ? (\n              <div\n                className={styles.dateSection}\n                data-slot=\"datetimepicker-date-section\"\n                {...{ [SLOT_ATTR]: \"datetimepicker-date-section\" }}\n              >\n                <Calendar\n                  currentTimeInTimezone={currentTimeInTimezone}\n                  disablePast={disablePast}\n                  locale={locale}\n                  nextMonthLabel={nextMonthLabel}\n                  onChange={handleDateChange}\n                  previousMonthLabel={previousMonthLabel}\n                  showTodayButton={showTodayButton}\n                  showWeekNumbers={showWeekNumbers}\n                  todayLabel={todayLabel}\n                  value={tempValue}\n                />\n              </div>\n            ) : (\n              <Calendar\n                currentTimeInTimezone={currentTimeInTimezone}\n                disablePast={disablePast}\n                locale={locale}\n                nextMonthLabel={nextMonthLabel}\n                onChange={handleDateChange}\n                previousMonthLabel={previousMonthLabel}\n                showTodayButton={showTodayButton}\n                showWeekNumbers={showWeekNumbers}\n                todayLabel={todayLabel}\n                value={tempValue}\n              />\n            )}\n            {showTimePicker && (\n              <>\n                {isSideLayout ? (\n                  <>\n                    <div\n                      className={styles.timeSpacer}\n                      data-slot=\"datetimepicker-time-spacer\"\n                      {...{ [SLOT_ATTR]: \"datetimepicker-time-spacer\" }}\n                    />\n                    <div\n                      className={styles.timeSection}\n                      data-slot=\"datetimepicker-time-section\"\n                      {...{ [SLOT_ATTR]: \"datetimepicker-time-section\" }}\n                    >\n                      <TimePicker\n                        currentTimeInTimezone={currentTimeInTimezone}\n                        disablePast={disablePast}\n                        fillHeight\n                        hoursLabel={hoursLabel}\n                        minuteStep={minuteStep}\n                        minutesLabel={minutesLabel}\n                        onChange={handleDateChange}\n                        value={tempValue}\n                      />\n                    </div>\n                  </>\n                ) : (\n                  <TimePicker\n                    currentTimeInTimezone={currentTimeInTimezone}\n                    disablePast={disablePast}\n                    hoursLabel={hoursLabel}\n                    minuteStep={minuteStep}\n                    minutesLabel={minutesLabel}\n                    onChange={handleDateChange}\n                    value={tempValue}\n                  />\n                )}\n              </>\n            )}\n          </div>\n          <div\n            className={styles.footer}\n            data-slot=\"datetimepicker-footer\"\n            {...{ [SLOT_ATTR]: \"datetimepicker-footer\" }}\n          >\n            <Button onClick={cancel} size=\"sm\" variant=\"secondary\">\n              {cancelLabel}\n            </Button>\n            <Button onClick={confirm} size=\"sm\" variant=\"primary\">\n              {okLabel}\n            </Button>\n          </div>\n        </div>\n      </PopoverContent>\n    </PopoverPortal>\n  )\n})\n"],"names":["useStyles","makeZenithStyles","shorthands","tokens.spacingGroup2","tokens.spacingElement3","tokens.spacingGroup1","tokens.spacingElement2","DateTimePickerPanel","React","showTimePicker","timePickerPosition","okLabel","cancelLabel","previousMonthLabel","nextMonthLabel","hoursLabel","minutesLabel","showTodayButton","todayLabel","showWeekNumbers","className","minuteStep","ref","styles","tempValue","isOpen","locale","disablePast","currentTimeInTimezone","handleDateChange","confirm","cancel","useDateTimePickerContext","isWideEnough","setIsWideEnough","update","contentRef","adjustPosition","el","wrapper","body","SLOT_ATTR","rect","vh","vw","pad","maxH","matrix","computedTransform","dy","dx","footer","footerH","raf","resizeRaf","onResize","isSideLayout","PopoverPortal","jsx","PopoverContent","mergeClasses","jsxs","Calendar","Fragment","TimePicker","Button"],"mappings":"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"}

package/dist/components/date-time-picker/date-time-picker-popover.js

@@ -0,0 +1,26 @@
+import { jsx as m } from "react/jsx-runtime";
+import * as r from "react";
+import { Popover as s } from "../popover/popover.js";
+import { useDateTimePickerContext as f } from "./date-time-picker-context.js";
+const C = r.forwardRef(function({ children: t, modal: n = !0 }, i) {
+  const { isOpen: p, cancel: e, setIsOpen: o } = f(), a = r.useCallback(
+    (c) => {
+      c ? o(!0) : e();
+    },
+    [e, o]
+  );
+  return /* @__PURE__ */ m(
+    s,
+    {
+      modal: n,
+      onOpenChange: a,
+      open: p,
+      ref: i,
+      children: t
+    }
+  );
+});
+export {
+  C as DateTimePickerPopover
+};
+//# sourceMappingURL=date-time-picker-popover.js.map

package/dist/components/date-time-picker/date-time-picker-popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-picker-popover.js","sources":["../../../src/components/date-time-picker/date-time-picker-popover.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { Popover } from \"../popover/popover\"\n\nimport { useDateTimePickerContext } from \"./date-time-picker-context\"\n\nexport type DateTimePickerPopoverProps = {\n  children: React.ReactNode\n  modal?: boolean\n}\n\nexport const DateTimePickerPopover = React.forwardRef<\n  HTMLElement,\n  DateTimePickerPopoverProps\n>(function DateTimePickerPopover({ children, modal = true }, ref) {\n  const { isOpen, cancel, setIsOpen } = useDateTimePickerContext()\n\n  const handleOpenChange = React.useCallback(\n    (open: boolean) => {\n      if (!open) {\n        cancel()\n      } else {\n        setIsOpen(true)\n      }\n    },\n    [cancel, setIsOpen]\n  )\n\n  return (\n    <Popover\n      modal={modal}\n      onOpenChange={handleOpenChange}\n      open={isOpen}\n      ref={ref}\n    >\n      {children}\n    </Popover>\n  )\n})\n"],"names":["DateTimePickerPopover","React","children","modal","ref","isOpen","cancel","setIsOpen","useDateTimePickerContext","handleOpenChange","open","jsx","Popover"],"mappings":";;;;AAWO,MAAMA,IAAwBC,EAAM,WAGzC,SAA+B,EAAE,UAAAC,GAAU,OAAAC,IAAQ,GAAA,GAAQC,GAAK;AAChE,QAAM,EAAE,QAAAC,GAAQ,QAAAC,GAAQ,WAAAC,EAAA,IAAcC,EAAA,GAEhCC,IAAmBR,EAAM;AAAA,IAC7B,CAACS,MAAkB;AACjB,MAAKA,IAGHH,EAAU,EAAI,IAFdD,EAAA;AAAA,IAIJ;AAAA,IACA,CAACA,GAAQC,CAAS;AAAA,EAAA;AAGpB,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAT;AAAA,MACA,cAAcM;AAAA,MACd,MAAMJ;AAAA,MACN,KAAAD;AAAA,MAEC,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/components/date-time-picker/date-time-picker-utils.js

@@ -0,0 +1,103 @@
+import { startOfWeek as p } from "../../vendor/.bun/date-fns@4.1.0/vendor/date-fns/startOfWeek.js";
+import { endOfWeek as h } from "../../vendor/.bun/date-fns@4.1.0/vendor/date-fns/endOfWeek.js";
+import { eachDayOfInterval as g } from "../../vendor/.bun/date-fns@4.1.0/vendor/date-fns/eachDayOfInterval.js";
+import { format as i } from "../../vendor/.bun/date-fns@4.1.0/vendor/date-fns/format.js";
+import { startOfMonth as w } from "../../vendor/.bun/date-fns@4.1.0/vendor/date-fns/startOfMonth.js";
+import { addDays as O } from "../../vendor/.bun/date-fns@4.1.0/vendor/date-fns/addDays.js";
+import { subMonths as E } from "../../vendor/.bun/date-fns@4.1.0/vendor/date-fns/subMonths.js";
+import { addMonths as H } from "../../vendor/.bun/date-fns@4.1.0/vendor/date-fns/addMonths.js";
+import { isSameDay as c } from "../../vendor/.bun/date-fns@4.1.0/vendor/date-fns/isSameDay.js";
+import { startOfDay as a } from "../../vendor/.bun/date-fns@4.1.0/vendor/date-fns/startOfDay.js";
+import { isBefore as y } from "../../vendor/.bun/date-fns@4.1.0/vendor/date-fns/isBefore.js";
+import { isSameMonth as k } from "../../vendor/.bun/date-fns@4.1.0/vendor/date-fns/isSameMonth.js";
+import { getISOWeek as W } from "../../vendor/.bun/date-fns@4.1.0/vendor/date-fns/getISOWeek.js";
+import { isToday as b } from "../../vendor/.bun/date-fns@4.1.0/vendor/date-fns/isToday.js";
+import { isAfter as f } from "../../vendor/.bun/date-fns@4.1.0/vendor/date-fns/isAfter.js";
+import { parse as T } from "../../vendor/.bun/date-fns@4.1.0/vendor/date-fns/parse.js";
+import { isValid as A } from "../../vendor/.bun/date-fns@4.1.0/vendor/date-fns/isValid.js";
+import { setMinutes as I } from "../../vendor/.bun/date-fns@4.1.0/vendor/date-fns/setMinutes.js";
+import { setHours as L } from "../../vendor/.bun/date-fns@4.1.0/vendor/date-fns/setHours.js";
+import { fr as j } from "../../vendor/.bun/date-fns@4.1.0/vendor/date-fns/locale/fr.js";
+import { de as D } from "../../vendor/.bun/date-fns@4.1.0/vendor/date-fns/locale/de.js";
+import { enUS as N } from "../../vendor/.bun/date-fns@4.1.0/vendor/date-fns/locale/en-US.js";
+const P = {
+  en: N,
+  de: D,
+  fr: j
+}, m = (t = "de") => P[t] || D, ot = (t = "de") => {
+  const e = m(t), o = p(/* @__PURE__ */ new Date(), { locale: e, weekStartsOn: 1 }), r = h(/* @__PURE__ */ new Date(), { weekStartsOn: 1 });
+  return g({ start: o, end: r }).map(
+    (n) => i(n, "EEEEEE", { locale: e })
+  );
+}, nt = (t, e = "de") => {
+  const o = m(e), r = w(t), n = p(r, {
+    locale: o,
+    weekStartsOn: 1
+  }), s = O(n, 41);
+  return g({ start: n, end: s });
+}, st = (t, e = "de") => i(t, "MMMM", { locale: m(e) }), at = (t, e = "dd/MM/yyyy HH:mm", o = "de") => i(t, e, { locale: m(o) }), mt = (t, e = "dd/MM/yyyy HH:mm", o = "de") => {
+  try {
+    const r = T(t, e, /* @__PURE__ */ new Date(), {
+      locale: m(o)
+    });
+    return A(r) ? r : null;
+  } catch {
+    return null;
+  }
+}, ct = (t, e = !1, o) => {
+  if (e) {
+    const r = a(o || /* @__PURE__ */ new Date());
+    return y(t, r);
+  }
+  return !1;
+}, it = (t, e) => k(t, e), ut = (t, e) => c(t, e), ft = (t) => b(t), lt = (t) => E(t), dt = (t) => H(t, 1), Mt = (t, e, o) => I(L(t, e), o), pt = (t) => t.getHours(), gt = (t) => t.getMinutes(), yt = (t) => t.toString().padStart(2, "0"), Dt = (t = "de") => {
+  const e = m(t);
+  return Array.from({ length: 12 }, (o, r) => {
+    const n = new Date(2024, r, 1);
+    return i(n, "MMM", { locale: e });
+  });
+}, St = (t) => Math.floor(t / 10) * 10, ht = (t) => W(t), M = {
+  en: "Wk",
+  de: "KW",
+  fr: "Sem"
+}, wt = (t = "de") => M[t] || M.de, Ot = (t, e = !1, o) => {
+  if (!e) return t;
+  const r = o || /* @__PURE__ */ new Date();
+  if (!c(t, r)) return t;
+  const n = t.getHours() * 60 + t.getMinutes(), s = r.getHours() * 60 + r.getMinutes();
+  if (n <= s) {
+    const u = new Date(t), l = s + 1, d = Math.floor(l / 60), S = l % 60;
+    return d >= 24 ? u.setHours(23, 59, 0, 0) : u.setHours(d, S, 0, 0), u;
+  }
+  return t;
+}, Et = (t, e, o) => {
+  const r = a(t);
+  let n = a(e), s = a(o);
+  return f(n, s) && ([n, s] = [s, n]), c(r, n) || c(r, s) || f(r, n) && y(r, s);
+}, Ht = (t, e) => f(a(t), a(e)) ? { start: e, end: t } : { start: t, end: e };
+export {
+  Ot as adjustTimeIfPast,
+  at as formatDateTimeDisplay,
+  st as formatMonth,
+  nt as getCalendarDays,
+  St as getDecadeStart,
+  pt as getHours,
+  m as getLocale,
+  gt as getMinutes,
+  Dt as getMonthNames,
+  ot as getWeekDays,
+  wt as getWeekLabel,
+  ht as getWeekNumber,
+  dt as goToNextMonth,
+  lt as goToPreviousMonth,
+  ct as isDateDisabled,
+  Et as isDateInRange,
+  it as isDayInCurrentMonth,
+  ut as isDaySelected,
+  ft as isDayToday,
+  Ht as normalizeRange,
+  yt as padNumber,
+  mt as parseDateTimeInput,
+  Mt as updateTime
+};
+//# sourceMappingURL=date-time-picker-utils.js.map

package/dist/components/date-time-picker/date-time-picker-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-picker-utils.js","sources":["../../../src/components/date-time-picker/date-time-picker-utils.ts"],"sourcesContent":["import {\n  addDays,\n  addMonths,\n  subMonths,\n  startOfMonth,\n  startOfWeek,\n  endOfWeek,\n  eachDayOfInterval,\n  getISOWeek,\n  isSameMonth,\n  isSameDay,\n  isToday,\n  isBefore,\n  isAfter,\n  startOfDay,\n  format,\n  parse,\n  isValid,\n  setHours,\n  setMinutes,\n} from \"date-fns\"\nimport {\n  de as localeDe,\n  enUS as localeEn,\n  fr as localeFr,\n} from \"date-fns/locale\"\n\nexport type DateTimePickerLocale = \"en\" | \"de\" | \"fr\"\n\nconst LOCALE_MAP = {\n  en: localeEn,\n  de: localeDe,\n  fr: localeFr,\n}\n\nconst getLocale = (locale: DateTimePickerLocale = \"de\") => {\n  return LOCALE_MAP[locale] || localeDe\n}\n\nconst getWeekDays = (locale: DateTimePickerLocale = \"de\") => {\n  const localeObj = getLocale(locale)\n  const start = startOfWeek(new Date(), { locale: localeObj, weekStartsOn: 1 })\n  const end = endOfWeek(new Date(), { locale: localeObj, weekStartsOn: 1 })\n\n  return eachDayOfInterval({ start, end }).map((day) =>\n    format(day, \"EEEEEE\", { locale: localeObj })\n  )\n}\n\nconst getCalendarDays = (date: Date, locale: DateTimePickerLocale = \"de\") => {\n  const localeObj = getLocale(locale)\n  const monthStart = startOfMonth(date)\n  const calendarStart = startOfWeek(monthStart, {\n    locale: localeObj,\n    weekStartsOn: 1,\n  })\n  // Always render a fixed 6-week (42-day) grid to keep the calendar height\n  // stable across months — short months are padded with leading prev-month\n  // and trailing next-month days, which the UI renders dimmed.\n  const calendarEnd = addDays(calendarStart, 41)\n\n  return eachDayOfInterval({ start: calendarStart, end: calendarEnd })\n}\n\nconst formatMonthYear = (date: Date, locale: DateTimePickerLocale = \"de\") => {\n  return format(date, \"MMMM yyyy\", { locale: getLocale(locale) })\n}\n\nconst formatMonth = (date: Date, locale: DateTimePickerLocale = \"de\") => {\n  return format(date, \"MMMM\", { locale: getLocale(locale) })\n}\n\nconst formatDateTimeDisplay = (\n  date: Date,\n  formatStr: string = \"dd/MM/yyyy HH:mm\",\n  locale: DateTimePickerLocale = \"de\"\n) => {\n  return format(date, formatStr, { locale: getLocale(locale) })\n}\n\nconst parseDateTimeInput = (\n  input: string,\n  formatStr: string = \"dd/MM/yyyy HH:mm\",\n  locale: DateTimePickerLocale = \"de\"\n): Date | null => {\n  try {\n    const parsed = parse(input, formatStr, new Date(), {\n      locale: getLocale(locale),\n    })\n\n    return isValid(parsed) ? parsed : null\n  } catch {\n    return null\n  }\n}\n\nconst isDateDisabled = (\n  date: Date,\n  disablePast: boolean = false,\n  now?: Date\n): boolean => {\n  if (disablePast) {\n    const today = startOfDay(now || new Date())\n\n    return isBefore(date, today)\n  }\n\n  return false\n}\n\nconst isDayInCurrentMonth = (day: Date, currentMonth: Date): boolean => {\n  return isSameMonth(day, currentMonth)\n}\n\nconst isDaySelected = (day: Date, selectedDate: Date): boolean => {\n  return isSameDay(day, selectedDate)\n}\n\nconst isDayToday = (day: Date): boolean => {\n  return isToday(day)\n}\n\nconst goToPreviousMonth = (date: Date): Date => {\n  return subMonths(date, 1)\n}\n\nconst goToNextMonth = (date: Date): Date => {\n  return addMonths(date, 1)\n}\n\nconst updateTime = (date: Date, hours: number, minutes: number): Date => {\n  return setMinutes(setHours(date, hours), minutes)\n}\n\nconst getHours = (date: Date): number => {\n  return date.getHours()\n}\n\nconst getMinutes = (date: Date): number => {\n  return date.getMinutes()\n}\n\nconst padNumber = (num: number): string => {\n  return num.toString().padStart(2, \"0\")\n}\n\nconst getMonthNames = (locale: DateTimePickerLocale = \"de\"): string[] => {\n  const localeObj = getLocale(locale)\n\n  return Array.from({ length: 12 }, (_, i) => {\n    const date = new Date(2024, i, 1)\n\n    return format(date, \"MMM\", { locale: localeObj })\n  })\n}\n\nconst getDecadeStart = (year: number): number => {\n  return Math.floor(year / 10) * 10\n}\n\nconst getWeekNumber = (date: Date): number => {\n  return getISOWeek(date)\n}\n\nconst WEEK_LABEL_MAP: Record<DateTimePickerLocale, string> = {\n  en: \"Wk\",\n  de: \"KW\",\n  fr: \"Sem\",\n}\n\nconst getWeekLabel = (locale: DateTimePickerLocale = \"de\"): string => {\n  return WEEK_LABEL_MAP[locale] || WEEK_LABEL_MAP.de\n}\n\nconst adjustTimeIfPast = (\n  date: Date,\n  disablePast: boolean = false,\n  currentTimeInTimezone?: Date\n): Date => {\n  if (!disablePast) return date\n\n  const now = currentTimeInTimezone || new Date()\n\n  if (!isSameDay(date, now)) return date\n\n  const dateMinutes = date.getHours() * 60 + date.getMinutes()\n  const nowMinutes = now.getHours() * 60 + now.getMinutes()\n\n  if (dateMinutes <= nowMinutes) {\n    const adjusted = new Date(date)\n    const nextMinute = nowMinutes + 1\n    const newHours = Math.floor(nextMinute / 60)\n    const newMinutes = nextMinute % 60\n\n    if (newHours >= 24) {\n      adjusted.setHours(23, 59, 0, 0)\n    } else {\n      adjusted.setHours(newHours, newMinutes, 0, 0)\n    }\n\n    return adjusted\n  }\n\n  return date\n}\n\ntype DateRange = {\n  start: Date | null\n  end: Date | null\n}\n\nconst isDateInRange = (day: Date, start: Date, end: Date): boolean => {\n  const dayStart = startOfDay(day)\n  let rangeStart = startOfDay(start)\n  let rangeEnd = startOfDay(end)\n\n  if (isAfter(rangeStart, rangeEnd)) {\n    ;[rangeStart, rangeEnd] = [rangeEnd, rangeStart]\n  }\n\n  return (\n    isSameDay(dayStart, rangeStart) ||\n    isSameDay(dayStart, rangeEnd) ||\n    (isAfter(dayStart, rangeStart) && isBefore(dayStart, rangeEnd))\n  )\n}\n\nconst normalizeRange = (start: Date, end: Date): { start: Date; end: Date } => {\n  if (isAfter(startOfDay(start), startOfDay(end))) {\n    return { start: end, end: start }\n  }\n\n  return { start, end }\n}\n\nexport {\n  getLocale,\n  getWeekDays,\n  getCalendarDays,\n  formatMonthYear,\n  formatMonth,\n  formatDateTimeDisplay,\n  parseDateTimeInput,\n  isDateDisabled,\n  isDayInCurrentMonth,\n  isDaySelected,\n  isDayToday,\n  goToPreviousMonth,\n  goToNextMonth,\n  updateTime,\n  getHours,\n  getMinutes,\n  padNumber,\n  getMonthNames,\n  getDecadeStart,\n  getWeekNumber,\n  getWeekLabel,\n  adjustTimeIfPast,\n  isDateInRange,\n  normalizeRange,\n}\n\nexport type { DateRange }\n"],"names":["LOCALE_MAP","localeEn","localeDe","localeFr","getLocale","locale","getWeekDays","localeObj","start","startOfWeek","end","endOfWeek","eachDayOfInterval","day","format","getCalendarDays","date","monthStart","startOfMonth","calendarStart","calendarEnd","addDays","formatMonth","formatDateTimeDisplay","formatStr","parseDateTimeInput","input","parsed","parse","isValid","isDateDisabled","disablePast","now","today","startOfDay","isBefore","isDayInCurrentMonth","currentMonth","isSameMonth","isDaySelected","selectedDate","isSameDay","isDayToday","isToday","goToPreviousMonth","subMonths","goToNextMonth","addMonths","updateTime","hours","minutes","setMinutes","setHours","getHours","getMinutes","padNumber","num","getMonthNames","_","i","getDecadeStart","year","getWeekNumber","getISOWeek","WEEK_LABEL_MAP","getWeekLabel","adjustTimeIfPast","currentTimeInTimezone","dateMinutes","nowMinutes","adjusted","nextMinute","newHours","newMinutes","isDateInRange","dayStart","rangeStart","rangeEnd","isAfter","normalizeRange"],"mappings":"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"}

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

@@ -0,0 +1,115 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import * as Z from "react";
+import { SLOT_ATTR as _, mergeClasses as b } from "@epilot/zenith-runtime/v1";
+import { Field as q, FieldLabel as w, FieldError as z } from "../field/field.js";
+import { makeZenithStyles as B } from "../../styles/make-styles.js";
+import { DateTimePickerRoot as G } from "./date-time-picker-context.js";
+import { DateTimePickerInput as H } from "./date-time-picker-input.js";
+import { DateTimePickerPopover as J } from "./date-time-picker-popover.js";
+import { DateTimePickerPanel as K } from "./date-time-picker-panel.js";
+const Q = B({
+  root: {
+    width: "100%"
+  }
+}), ie = Z.forwardRef(
+  function({
+    value: m,
+    onChange: a,
+    onBlur: d,
+    disabled: l = !1,
+    disablePast: s = !1,
+    label: o,
+    error: t,
+    placeholder: c,
+    format: n,
+    locale: f,
+    className: p,
+    keyboardIcon: y,
+    okLabel: h,
+    cancelLabel: k,
+    inputAriaLabel: v,
+    openPickerAriaLabel: P,
+    previousMonthLabel: T,
+    nextMonthLabel: u,
+    hoursLabel: D,
+    minutesLabel: F,
+    showTodayButton: M,
+    todayLabel: R,
+    showWeekNumbers: g,
+    testId: x,
+    currentTimeInTimezone: S,
+    timePickerPosition: j,
+    showTimePicker: r = !0,
+    editable: L,
+    iconPosition: A,
+    minuteStep: C
+  }, E) {
+    const I = Q(), N = t ? "destructive" : "highlight", O = n ?? (r ? void 0 : "dd/MM/yyyy"), V = c ?? (r ? void 0 : "dd/MM/yyyy");
+    return /* @__PURE__ */ e(
+      G,
+      {
+        currentTimeInTimezone: S,
+        disabled: l,
+        disablePast: s,
+        format: O,
+        locale: f,
+        onBlur: d,
+        onChange: a,
+        value: m,
+        children: /* @__PURE__ */ i(
+          q,
+          {
+            className: b(I.root, p),
+            "data-slot": "datetimepicker",
+            [_]: "datetimepicker",
+            ref: E,
+            variant: N,
+            children: [
+              o && /* @__PURE__ */ e(w, { children: o }),
+              /* @__PURE__ */ i(J, { children: [
+                /* @__PURE__ */ e(
+                  H,
+                  {
+                    editable: L,
+                    iconPosition: A,
+                    inputAriaLabel: v,
+                    keyboardIcon: y,
+                    openPickerAriaLabel: P,
+                    placeholder: V,
+                    testId: x
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  K,
+                  {
+                    cancelLabel: k,
+                    hoursLabel: D,
+                    minuteStep: C,
+                    minutesLabel: F,
+                    nextMonthLabel: u,
+                    okLabel: h,
+                    previousMonthLabel: T,
+                    showTimePicker: r,
+                    showTodayButton: M,
+                    showWeekNumbers: g,
+                    timePickerPosition: j,
+                    todayLabel: R
+                  }
+                )
+              ] }),
+              t && /* @__PURE__ */ e(z, { children: t })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+export {
+  ie as DateTimePicker,
+  H as DateTimePickerInput,
+  K as DateTimePickerPanel,
+  J as DateTimePickerPopover,
+  G as DateTimePickerRoot
+};
+//# sourceMappingURL=date-time-picker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-picker.js","sources":["../../../src/components/date-time-picker/date-time-picker.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeClasses } from \"@epilot/zenith-runtime/v1\"\n\nimport { Field, FieldError, FieldLabel } from \"../field/field\"\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\n\nimport { DateTimePickerRoot } from \"./date-time-picker-context\"\nimport type { DateTimePickerRootProps } from \"./date-time-picker-context\"\nimport { DateTimePickerInput } from \"./date-time-picker-input\"\nimport type { DateTimePickerInputProps } from \"./date-time-picker-input\"\nimport { DateTimePickerPopover } from \"./date-time-picker-popover\"\nimport type { DateTimePickerPopoverProps } from \"./date-time-picker-popover\"\nimport { DateTimePickerPanel } from \"./date-time-picker-panel\"\nimport type { DateTimePickerPanelProps } from \"./date-time-picker-panel\"\nimport { Calendar } from \"./calendar\"\nimport type { CalendarProps } from \"./calendar\"\nimport { TimePicker } from \"./time-picker\"\nimport type { TimePickerProps } from \"./time-picker\"\nimport type { DateTimePickerLocale } from \"./date-time-picker-utils\"\n\ntype DateTimePickerProps = {\n  value: Date | null\n  onChange: (date: Date | null) => void\n  onBlur?: () => void\n  disabled?: boolean\n  disablePast?: boolean\n  label?: string\n  error?: string\n  placeholder?: string\n  format?: string\n  locale?: DateTimePickerLocale\n  className?: string\n  keyboardIcon?: React.ReactNode\n  okLabel?: string\n  cancelLabel?: string\n  inputAriaLabel?: string\n  openPickerAriaLabel?: string\n  previousMonthLabel?: string\n  nextMonthLabel?: string\n  hoursLabel?: string\n  minutesLabel?: string\n  showTodayButton?: boolean\n  todayLabel?: string\n  showWeekNumbers?: boolean\n  testId?: string\n  currentTimeInTimezone?: Date\n  timePickerPosition?: \"bottom\" | \"side\"\n  showTimePicker?: boolean\n  editable?: boolean\n  iconPosition?: \"start\" | \"end\"\n  minuteStep?: number\n}\n\nconst useStyles = makeZenithStyles({\n  root: {\n    width: \"100%\",\n  },\n})\n\nconst DateTimePicker = React.forwardRef<HTMLDivElement, DateTimePickerProps>(\n  function DateTimePicker(\n    {\n      value,\n      onChange,\n      onBlur,\n      disabled = false,\n      disablePast = false,\n      label,\n      error,\n      placeholder,\n      format,\n      locale,\n      className,\n      keyboardIcon,\n      okLabel,\n      cancelLabel,\n      inputAriaLabel,\n      openPickerAriaLabel,\n      previousMonthLabel,\n      nextMonthLabel,\n      hoursLabel,\n      minutesLabel,\n      showTodayButton,\n      todayLabel,\n      showWeekNumbers,\n      testId,\n      currentTimeInTimezone,\n      timePickerPosition,\n      showTimePicker = true,\n      editable,\n      iconPosition,\n      minuteStep,\n    },\n    ref\n  ) {\n    const styles = useStyles()\n    const fieldVariant = error ? \"destructive\" : \"highlight\"\n    const resolvedFormat = format ?? (showTimePicker ? undefined : \"dd/MM/yyyy\")\n    const resolvedPlaceholder =\n      placeholder ?? (showTimePicker ? undefined : \"dd/MM/yyyy\")\n\n    return (\n      <DateTimePickerRoot\n        currentTimeInTimezone={currentTimeInTimezone}\n        disabled={disabled}\n        disablePast={disablePast}\n        format={resolvedFormat}\n        locale={locale}\n        onBlur={onBlur}\n        onChange={onChange}\n        value={value}\n      >\n        <Field\n          className={mergeClasses(styles.root, className)}\n          data-slot=\"datetimepicker\"\n          {...{ [SLOT_ATTR]: \"datetimepicker\" }}\n          ref={ref}\n          variant={fieldVariant}\n        >\n          {label && <FieldLabel>{label}</FieldLabel>}\n          <DateTimePickerPopover>\n            <DateTimePickerInput\n              editable={editable}\n              iconPosition={iconPosition}\n              inputAriaLabel={inputAriaLabel}\n              keyboardIcon={keyboardIcon}\n              openPickerAriaLabel={openPickerAriaLabel}\n              placeholder={resolvedPlaceholder}\n              testId={testId}\n            />\n            <DateTimePickerPanel\n              cancelLabel={cancelLabel}\n              hoursLabel={hoursLabel}\n              minuteStep={minuteStep}\n              minutesLabel={minutesLabel}\n              nextMonthLabel={nextMonthLabel}\n              okLabel={okLabel}\n              previousMonthLabel={previousMonthLabel}\n              showTimePicker={showTimePicker}\n              showTodayButton={showTodayButton}\n              showWeekNumbers={showWeekNumbers}\n              timePickerPosition={timePickerPosition}\n              todayLabel={todayLabel}\n            />\n          </DateTimePickerPopover>\n          {error && <FieldError>{error}</FieldError>}\n        </Field>\n      </DateTimePickerRoot>\n    )\n  }\n)\n\nexport {\n  DateTimePicker,\n  DateTimePickerRoot,\n  DateTimePickerInput,\n  DateTimePickerPopover,\n  DateTimePickerPanel,\n  Calendar,\n  TimePicker,\n}\n\nexport type {\n  DateTimePickerProps,\n  DateTimePickerRootProps,\n  DateTimePickerInputProps,\n  DateTimePickerPopoverProps,\n  DateTimePickerPanelProps,\n  CalendarProps,\n  TimePickerProps,\n  DateTimePickerLocale,\n}\n"],"names":["useStyles","makeZenithStyles","DateTimePicker","React","value","onChange","onBlur","disabled","disablePast","label","error","placeholder","format","locale","className","keyboardIcon","okLabel","cancelLabel","inputAriaLabel","openPickerAriaLabel","previousMonthLabel","nextMonthLabel","hoursLabel","minutesLabel","showTodayButton","todayLabel","showWeekNumbers","testId","currentTimeInTimezone","timePickerPosition","showTimePicker","editable","iconPosition","minuteStep","ref","styles","fieldVariant","resolvedFormat","resolvedPlaceholder","jsx","DateTimePickerRoot","jsxs","Field","mergeClasses","SLOT_ATTR","FieldLabel","DateTimePickerPopover","DateTimePickerInput","DateTimePickerPanel","FieldError"],"mappings":";;;;;;;;;AAsDA,MAAMA,IAAYC,EAAiB;AAAA,EACjC,MAAM;AAAA,IACJ,OAAO;AAAA,EAAA;AAEX,CAAC,GAEKC,KAAiBC,EAAM;AAAA,EAC3B,SACE;AAAA,IACE,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,aAAAC,IAAc;AAAA,IACd,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,GAEFC,GACA;AACA,UAAMC,IAASnC,EAAA,GACToC,IAAe1B,IAAQ,gBAAgB,aACvC2B,IAAiBzB,MAAWkB,IAAiB,SAAY,eACzDQ,IACJ3B,MAAgBmB,IAAiB,SAAY;AAE/C,WACE,gBAAAS;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,uBAAAZ;AAAA,QACA,UAAArB;AAAA,QACA,aAAAC;AAAA,QACA,QAAQ6B;AAAA,QACR,QAAAxB;AAAA,QACA,QAAAP;AAAA,QACA,UAAAD;AAAA,QACA,OAAAD;AAAA,QAEA,UAAA,gBAAAqC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAWC,EAAaR,EAAO,MAAMrB,CAAS;AAAA,YAC9C,aAAU;AAAA,YACJ,CAAC8B,CAAS,GAAG;AAAA,YACnB,KAAAV;AAAA,YACA,SAASE;AAAA,YAER,UAAA;AAAA,cAAA3B,KAAS,gBAAA8B,EAACM,KAAY,UAAApC,EAAA,CAAM;AAAA,gCAC5BqC,GAAA,EACC,UAAA;AAAA,gBAAA,gBAAAP;AAAA,kBAACQ;AAAA,kBAAA;AAAA,oBACC,UAAAhB;AAAA,oBACA,cAAAC;AAAA,oBACA,gBAAAd;AAAA,oBACA,cAAAH;AAAA,oBACA,qBAAAI;AAAA,oBACA,aAAamB;AAAA,oBACb,QAAAX;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEF,gBAAAY;AAAA,kBAACS;AAAA,kBAAA;AAAA,oBACC,aAAA/B;AAAA,oBACA,YAAAK;AAAA,oBACA,YAAAW;AAAA,oBACA,cAAAV;AAAA,oBACA,gBAAAF;AAAA,oBACA,SAAAL;AAAA,oBACA,oBAAAI;AAAA,oBACA,gBAAAU;AAAA,oBACA,iBAAAN;AAAA,oBACA,iBAAAE;AAAA,oBACA,oBAAAG;AAAA,oBACA,YAAAJ;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACF,GACF;AAAA,cACCf,KAAS,gBAAA6B,EAACU,GAAA,EAAY,UAAAvC,EAAA,CAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAC/B;AAAA,IAAA;AAAA,EAGN;AACF;"}