@epilot/volt-ui-experimental-griffel 0.1.0-experiment.1

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

@@ -0,0 +1,276 @@
+import { jsx as t, jsxs as k, Fragment as $ } from "react/jsx-runtime";
+import * as m from "react";
+import { shorthands as f } from "../../node_modules/@griffel/core/src/index.js";
+import { Button as B } from "../button/button.js";
+import { PopoverPortal as ee, PopoverContent as te } from "../popover/popover.js";
+import { SLOT_ATTR as r } from "../../renderer/contract.js";
+import { makeVoltStyles as ie } from "../../styles/make-styles.js";
+import { spacingElement3 as oe, spacingElement2 as ne, spacingGroup1 as W, spacingGroup2 as re } from "../../tokens/index.js";
+import { Calendar as j } from "./calendar.js";
+import { TimePicker as Y } from "./time-picker.js";
+import { useDateTimePickerContext as ae } from "./date-time-picker-context.js";
+import { mergeClasses as G } from "../../node_modules/@griffel/core/src/mergeClasses.js";
+const se = ie({
+  content: {
+    overflowX: "hidden",
+    overflowY: "hidden"
+  },
+  contentNarrow: {
+    width: "300px"
+  },
+  panelContent: {
+    display: "flex",
+    flexDirection: "column",
+    ...f.gap(re),
+    ...f.padding(oe)
+  },
+  body: {
+    display: "flex"
+  },
+  bodyBottom: {
+    flexDirection: "column",
+    ...f.gap(W)
+  },
+  bodySide: {
+    flexDirection: "row",
+    ...f.gap(W),
+    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(ne)
+  }
+}), xe = m.forwardRef(function({
+  showTimePicker: C = !0,
+  timePickerPosition: S = "bottom",
+  okLabel: I = "Apply",
+  cancelLabel: M = "Cancel",
+  previousMonthLabel: z = "Previous month",
+  nextMonthLabel: A = "Next month",
+  showTodayButton: D = !1,
+  todayLabel: N = "Today",
+  showWeekNumbers: F = !1,
+  className: V,
+  minuteStep: L = 1
+}, X) {
+  const i = se(), {
+    tempValue: p,
+    isOpen: T,
+    locale: O,
+    disablePast: h,
+    currentTimeInTimezone: u,
+    handleDateChange: y,
+    confirm: _,
+    cancel: J
+  } = ae(), [K, Q] = m.useState(!0);
+  m.useEffect(() => {
+    if (S !== "side") return;
+    const a = () => Q(window.innerWidth >= 480);
+    return a(), window.addEventListener("resize", a), () => window.removeEventListener("resize", a);
+  }, [S]);
+  const w = m.useRef(null);
+  m.useLayoutEffect(() => {
+    if (!T) 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, q = window.innerWidth, n = 8, H = 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 > H) {
+        if (s) {
+          const c = e.querySelector(
+            `[${r}="datetimepicker-footer"]`
+          ), Z = c ? c.getBoundingClientRect().height : 0;
+          s.style.maxHeight = `${H - Z}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 > q - n && (l = q - 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)`);
+    }, U = requestAnimationFrame(() => {
+      requestAnimationFrame(a);
+    });
+    let v = 0;
+    const P = () => {
+      const e = w.current;
+      e && (e.style.width = "", delete e.dataset.widthLocked), cancelAnimationFrame(v), v = requestAnimationFrame(() => {
+        v = requestAnimationFrame(a);
+      });
+    };
+    window.addEventListener("resize", P);
+    const b = w.current;
+    return () => {
+      cancelAnimationFrame(U), cancelAnimationFrame(v), window.removeEventListener("resize", P), b && (b.style.width = "", delete b.dataset.widthLocked);
+    };
+  }, [T]);
+  const g = C && S === "side" && K;
+  return /* @__PURE__ */ t(ee, { children: /* @__PURE__ */ t(
+    te,
+    {
+      align: "start",
+      className: G(
+        i.content,
+        !g && i.contentNarrow,
+        V
+      ),
+      collisionPadding: 8,
+      flush: !0,
+      ref: X,
+      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: G(
+                  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(
+                        j,
+                        {
+                          currentTimeInTimezone: u,
+                          disablePast: h,
+                          locale: O,
+                          nextMonthLabel: A,
+                          onChange: y,
+                          previousMonthLabel: z,
+                          showTodayButton: D,
+                          showWeekNumbers: F,
+                          todayLabel: N,
+                          value: p
+                        }
+                      )
+                    }
+                  ) : /* @__PURE__ */ t(
+                    j,
+                    {
+                      currentTimeInTimezone: u,
+                      disablePast: h,
+                      locale: O,
+                      nextMonthLabel: A,
+                      onChange: y,
+                      previousMonthLabel: z,
+                      showTodayButton: D,
+                      showWeekNumbers: F,
+                      todayLabel: N,
+                      value: p
+                    }
+                  ),
+                  C && /* @__PURE__ */ t($, { children: g ? /* @__PURE__ */ k($, { 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(
+                          Y,
+                          {
+                            currentTimeInTimezone: u,
+                            disablePast: h,
+                            fillHeight: !0,
+                            minuteStep: L,
+                            onChange: y,
+                            value: p
+                          }
+                        )
+                      }
+                    )
+                  ] }) : /* @__PURE__ */ t(
+                    Y,
+                    {
+                      currentTimeInTimezone: u,
+                      disablePast: h,
+                      minuteStep: L,
+                      onChange: y,
+                      value: p
+                    }
+                  ) })
+                ]
+              }
+            ),
+            /* @__PURE__ */ k(
+              "div",
+              {
+                className: i.footer,
+                "data-slot": "datetimepicker-footer",
+                [r]: "datetimepicker-footer",
+                children: [
+                  /* @__PURE__ */ t(B, { onClick: J, size: "sm", variant: "secondary", children: M }),
+                  /* @__PURE__ */ t(B, { onClick: _, size: "sm", variant: "primary", children: I })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) });
+});
+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 \"@griffel/core\"\n\nimport { Button } from \"../button/button\"\nimport { PopoverContent, PopoverPortal } from \"../popover/popover\"\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeVoltStyles } 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  showTodayButton?: boolean\n  todayLabel?: string\n  showWeekNumbers?: boolean\n  className?: string\n  minuteStep?: number\n}\n\nconst useStyles = makeVoltStyles({\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    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                        minuteStep={minuteStep}\n                        onChange={handleDateChange}\n                        value={tempValue}\n                      />\n                    </div>\n                  </>\n                ) : (\n                  <TimePicker\n                    currentTimeInTimezone={currentTimeInTimezone}\n                    disablePast={disablePast}\n                    minuteStep={minuteStep}\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","makeVoltStyles","shorthands","tokens.spacingGroup2","tokens.spacingElement3","tokens.spacingGroup1","tokens.spacingElement2","DateTimePickerPanel","React","showTimePicker","timePickerPosition","okLabel","cancelLabel","previousMonthLabel","nextMonthLabel","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.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export type DateTimePickerPopoverProps = {
+    children: React.ReactNode;
+    modal?: boolean;
+};
+export declare const DateTimePickerPopover: React.ForwardRefExoticComponent<DateTimePickerPopoverProps & React.RefAttributes<HTMLElement>>;

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.d.ts

@@ -0,0 +1,37 @@
+export type DateTimePickerLocale = "en" | "de" | "fr";
+declare const getLocale: (locale?: DateTimePickerLocale) => import("date-fns").Locale;
+declare const getWeekDays: (locale?: DateTimePickerLocale) => string[];
+declare const getCalendarDays: (date: Date, locale?: DateTimePickerLocale) => import("date-fns").EachDayOfIntervalResult<{
+    start: Date;
+    end: Date;
+}, undefined>;
+declare const formatMonthYear: (date: Date, locale?: DateTimePickerLocale) => string;
+declare const formatMonth: (date: Date, locale?: DateTimePickerLocale) => string;
+declare const formatDateTimeDisplay: (date: Date, formatStr?: string, locale?: DateTimePickerLocale) => string;
+declare const parseDateTimeInput: (input: string, formatStr?: string, locale?: DateTimePickerLocale) => Date | null;
+declare const isDateDisabled: (date: Date, disablePast?: boolean, now?: Date) => boolean;
+declare const isDayInCurrentMonth: (day: Date, currentMonth: Date) => boolean;
+declare const isDaySelected: (day: Date, selectedDate: Date) => boolean;
+declare const isDayToday: (day: Date) => boolean;
+declare const goToPreviousMonth: (date: Date) => Date;
+declare const goToNextMonth: (date: Date) => Date;
+declare const updateTime: (date: Date, hours: number, minutes: number) => Date;
+declare const getHours: (date: Date) => number;
+declare const getMinutes: (date: Date) => number;
+declare const padNumber: (num: number) => string;
+declare const getMonthNames: (locale?: DateTimePickerLocale) => string[];
+declare const getDecadeStart: (year: number) => number;
+declare const getWeekNumber: (date: Date) => number;
+declare const getWeekLabel: (locale?: DateTimePickerLocale) => string;
+declare const adjustTimeIfPast: (date: Date, disablePast?: boolean, currentTimeInTimezone?: Date) => Date;
+type DateRange = {
+    start: Date | null;
+    end: Date | null;
+};
+declare const isDateInRange: (day: Date, start: Date, end: Date) => boolean;
+declare const normalizeRange: (start: Date, end: Date) => {
+    start: Date;
+    end: Date;
+};
+export { getLocale, getWeekDays, getCalendarDays, formatMonthYear, formatMonth, formatDateTimeDisplay, parseDateTimeInput, isDateDisabled, isDayInCurrentMonth, isDaySelected, isDayToday, goToPreviousMonth, goToNextMonth, updateTime, getHours, getMinutes, padNumber, getMonthNames, getDecadeStart, getWeekNumber, getWeekLabel, adjustTimeIfPast, isDateInRange, normalizeRange, };
+export type { DateRange };

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

@@ -0,0 +1,103 @@
+import { formatDate as i } from "../../node_modules/date-fns/format.js";
+import { parse as h } from "../../node_modules/date-fns/parse.js";
+import { isValid as w } from "../../node_modules/date-fns/isValid.js";
+import { startOfWeek as p } from "../../node_modules/date-fns/startOfWeek.js";
+import { endOfWeek as O } from "../../node_modules/date-fns/endOfWeek.js";
+import { eachDayOfInterval as g } from "../../node_modules/date-fns/eachDayOfInterval.js";
+import { startOfMonth as E } from "../../node_modules/date-fns/startOfMonth.js";
+import { addDays as H } from "../../node_modules/date-fns/addDays.js";
+import { subMonths as k } from "../../node_modules/date-fns/subMonths.js";
+import { addMonths as W } from "../../node_modules/date-fns/addMonths.js";
+import { isSameDay as c } from "../../node_modules/date-fns/isSameDay.js";
+import { startOfDay as a } from "../../node_modules/date-fns/startOfDay.js";
+import { isBefore as y } from "../../node_modules/date-fns/isBefore.js";
+import { isSameMonth as b } from "../../node_modules/date-fns/isSameMonth.js";
+import { getISOWeek as T } from "../../node_modules/date-fns/getISOWeek.js";
+import { isToday as A } from "../../node_modules/date-fns/isToday.js";
+import { isAfter as f } from "../../node_modules/date-fns/isAfter.js";
+import { setMinutes as I } from "../../node_modules/date-fns/setMinutes.js";
+import { setHours as L } from "../../node_modules/date-fns/setHours.js";
+import { fr as j } from "../../node_modules/date-fns/locale/fr.js";
+import { de as D } from "../../node_modules/date-fns/locale/de.js";
+import { enUS as N } from "../../node_modules/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 = O(/* @__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 = E(t), n = p(r, {
+    locale: o,
+    weekStartsOn: 1
+  }), s = H(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 = h(t, e, /* @__PURE__ */ new Date(), {
+      locale: m(o)
+    });
+    return w(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) => b(t, e), ut = (t, e) => c(t, e), ft = (t) => A(t), lt = (t) => k(t), dt = (t) => W(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) => T(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.d.ts

@@ -0,0 +1,47 @@
+import * as React from "react";
+import { DateTimePickerRoot } from "./date-time-picker-context";
+import type { DateTimePickerRootProps } from "./date-time-picker-context";
+import { DateTimePickerInput } from "./date-time-picker-input";
+import type { DateTimePickerInputProps } from "./date-time-picker-input";
+import { DateTimePickerPopover } from "./date-time-picker-popover";
+import type { DateTimePickerPopoverProps } from "./date-time-picker-popover";
+import { DateTimePickerPanel } from "./date-time-picker-panel";
+import type { DateTimePickerPanelProps } from "./date-time-picker-panel";
+import { Calendar } from "./calendar";
+import type { CalendarProps } from "./calendar";
+import { TimePicker } from "./time-picker";
+import type { TimePickerProps } from "./time-picker";
+import type { DateTimePickerLocale } from "./date-time-picker-utils";
+type DateTimePickerProps = {
+    value: Date | null;
+    onChange: (date: Date | null) => void;
+    onBlur?: () => void;
+    disabled?: boolean;
+    disablePast?: boolean;
+    label?: string;
+    error?: string;
+    placeholder?: string;
+    format?: string;
+    locale?: DateTimePickerLocale;
+    className?: string;
+    keyboardIcon?: React.ReactNode;
+    okLabel?: string;
+    cancelLabel?: string;
+    inputAriaLabel?: string;
+    openPickerAriaLabel?: string;
+    previousMonthLabel?: string;
+    nextMonthLabel?: string;
+    showTodayButton?: boolean;
+    todayLabel?: string;
+    showWeekNumbers?: boolean;
+    testId?: string;
+    currentTimeInTimezone?: Date;
+    timePickerPosition?: "bottom" | "side";
+    showTimePicker?: boolean;
+    editable?: boolean;
+    iconPosition?: "start" | "end";
+    minuteStep?: number;
+};
+declare const DateTimePicker: React.ForwardRefExoticComponent<DateTimePickerProps & React.RefAttributes<HTMLDivElement>>;
+export { DateTimePicker, DateTimePickerRoot, DateTimePickerInput, DateTimePickerPopover, DateTimePickerPanel, Calendar, TimePicker, };
+export type { DateTimePickerProps, DateTimePickerRootProps, DateTimePickerInputProps, DateTimePickerPopoverProps, DateTimePickerPanelProps, CalendarProps, TimePickerProps, DateTimePickerLocale, };