asma-ui-core 3.98.1 → 3.99.0

package/dist/components/utils/popover/PopoverSheet.js

@@ -1,6 +1,6 @@
 import { cn as re } from "../../../helpers/cn.js";
 import { firstTabbable as ne } from "../../../helpers/focusable.js";
-import { TOP_LAYER_PROPS as ie, TOP_LAYER_RESET_STYLE as se, getOpenModalDialogAncestor as ae, shouldUsePopoverTopLayer as ce, useTopLayerRef as le } from "../../../hooks/useTopLayer.hook.js";
+import { TOP_LAYER_PROPS as ie, TOP_LAYER_RESET_STYLE as se, getOpenModalDialogAncestor as ae, shouldUsePopoverTopLayer as le, useTopLayerRef as ce } from "../../../hooks/useTopLayer.hook.js";
 import { StyledButton as ue } from "../../inputs/button/StyledButton.js";
 import { useMobileMediaQuery as de } from "../../../hooks/useMediaQuery.hook.js";
 import { useDebouncedValue as fe } from "../../../hooks/useDebouncedValue.hook.js";
@@ -8,47 +8,47 @@ import { useFocusTrap as pe } from "../../../hooks/useFocusTrap.hook.js";
 import { formatResultsLabel as me } from "../bottom-sheet/formatResultsLabel.js";
 import { StyledBottomSheet as ge } from "../bottom-sheet/StyledBottomSheet.js";
 import { PopoverAnatomy as ve } from "./PopoverAnatomy.js";
-import { useCallback as m, useEffect as b, useId as he, useRef as y, useState as g } from "react";
-import { Fragment as N, jsx as c, jsxs as W } from "react/jsx-runtime";
-import { FloatingPortal as xe, autoUpdate as _e, flip as Pe, offset as be, shift as ye, size as Re, useDismiss as Ee, useFloating as Se, useInteractions as Te, useMergeRefs as Ae } from "@floating-ui/react";
-var Me = 240, we = {
+import { useCallback as v, useEffect as y, useId as he, useRef as T, useState as h } from "react";
+import { Fragment as N, jsx as l, jsxs as W } from "react/jsx-runtime";
+import { FloatingPortal as xe, autoUpdate as _e, flip as Pe, offset as be, shift as Re, size as ye, useDismiss as Te, useFloating as Ee, useInteractions as Me, useMergeRefs as Se } from "@floating-ui/react";
+var we = 240, Ae = {
   info: 472,
   action: 472
-}, Fe = 0.6, B = "calc(100vw - 32px)", qe = ({ dataTest: s, renderTrigger: R, variant: E = "info", title: l, children: S, viewResultsAction: T, resetAction: A, footerActions: M, resultCount: v, closeLabel: w = "Lukk", ariaLabel: F, onOpenChange: I, className: O }) => {
-  const a = he(), L = `${a}-title`, [o, X] = g(!1), [H, U] = g(), [Y, $] = g(), u = de(), t = E === "action", j = u && !t, k = u && t, d = m((e) => {
+}, Fe = 0.6, B = "calc(100vw - 32px)", Ie = (n, c, u) => _e(n, c, u, { elementResize: !1 }), qe = ({ dataTest: n, renderTrigger: c, variant: u = "info", title: d, children: E, viewResultsAction: M, resetAction: S, footerActions: w, resultCount: x, closeLabel: A = "Lukk", ariaLabel: F, onOpenChange: I, className: O }) => {
+  const a = he(), L = `${a}-title`, [o, X] = h(!1), [H, z] = h(), [U, Y] = h(), f = de(), t = u === "action", $ = f && !t, k = f && t, p = v((e) => {
     X(e), I?.(e);
-  }, [I]), { refs: h, floatingStyles: q, context: z } = Se({
+  }, [I]), { refs: _, floatingStyles: j, context: q } = Ee({
     open: o,
-    onOpenChange: d,
+    onOpenChange: p,
     placement: "bottom-start",
     strategy: "fixed",
-    whileElementsMounted: _e,
+    whileElementsMounted: Ie,
     middleware: [
       be(8),
-      ...j ? [] : [Pe({ padding: 8 })],
-      ye({ padding: 8 }),
-      Re({
+      ...$ ? [] : [Pe({ padding: 8 })],
+      Re({ padding: 8 }),
+      ye({
         padding: 8,
         apply({ availableHeight: e }) {
-          $(Math.min(e, Math.round(window.innerHeight * Fe)));
+          Y(Math.min(e, Math.round(window.innerHeight * Fe)));
         }
       })
     ]
-  }), { getFloatingProps: V } = Te([Ee(z, {
+  }), { getFloatingProps: V } = Me([Te(q, {
     enabled: !k,
     escapeKey: !0,
     outsidePress: (e) => {
-      const i = f.current;
-      return !(i && e.target instanceof Node && i.contains(e.target));
+      const s = m.current;
+      return !(s && e.target instanceof Node && s.contains(e.target));
     }
-  })]), x = ce(H), C = y(null), [r, G] = g(null), K = m((e) => {
+  })]), P = le(H), C = T(null), [r, G] = h(null), K = v((e) => {
     C.current = e, G(e);
-  }, []), Q = Ae([le(h.setFloating, x), K]), f = y(null), J = m((e) => {
-    f.current = e, h.setReference(e);
-  }, [h]), n = m(() => {
-    d(!1);
-  }, [d]);
-  pe(o && t && r !== null, C), b(() => {
+  }, []), Q = Se([ce(_.setFloating, P), K]), m = T(null), J = v((e) => {
+    m.current = e, _.setReference(e);
+  }, [_]), i = v(() => {
+    p(!1);
+  }, [p]);
+  pe(o && t && r !== null, C), y(() => {
     if (!r) return;
     const e = requestAnimationFrame(() => {
       (t ? ne(r) : r)?.focus({ preventScroll: !0 });
@@ -56,11 +56,11 @@ var Me = 240, we = {
     return () => {
       cancelAnimationFrame(e);
     };
-  }, [r, t]), b(() => {
+  }, [r, t]), y(() => {
     if (!r || t) return;
-    const e = (i) => {
-      const P = i.relatedTarget;
-      P instanceof Node && (r.contains(P) || f.current?.contains(P)) || n();
+    const e = (s) => {
+      const R = s.relatedTarget;
+      R instanceof Node && (r.contains(R) || m.current?.contains(R)) || i();
     };
     return r.addEventListener("focusout", e), () => {
       r.removeEventListener("focusout", e);
@@ -68,23 +68,23 @@ var Me = 240, we = {
   }, [
     r,
     t,
-    n
+    i
   ]);
-  const _ = y(!1);
-  b(() => {
+  const b = T(!1);
+  y(() => {
     if (o) {
-      _.current = !0;
+      b.current = !0;
       return;
     }
-    if (!_.current) return;
-    _.current = !1;
-    const e = f.current;
+    if (!b.current) return;
+    b.current = !1;
+    const e = m.current;
     if (!e) return;
-    const i = requestAnimationFrame(() => {
+    const s = requestAnimationFrame(() => {
       document.activeElement === document.body && e.focus();
     });
     return () => {
-      cancelAnimationFrame(i);
+      cancelAnimationFrame(s);
     };
   }, [o]);
   const D = {
@@ -93,69 +93,69 @@ var Me = 240, we = {
     triggerProps: {
       onClick: (e) => {
         if (o) {
-          n();
+          i();
           return;
         }
-        U(ae(e.currentTarget)), d(!0);
+        z(ae(e.currentTarget)), p(!0);
       },
       "aria-expanded": o,
       "aria-controls": o ? a : void 0,
       "aria-haspopup": t ? "dialog" : void 0,
       "aria-describedby": !t && o ? a : void 0
     }
-  }, p = (e) => typeof e == "function" ? e({ close: n }) : e, Z = fe(v, 500), ee = T ?? (v === void 0 ? void 0 : /* @__PURE__ */ c(ue, {
-    dataTest: `${s}-view-results`,
+  }, g = (e) => typeof e == "function" ? e({ close: i }) : e, Z = fe(x, 500), ee = M ?? (x === void 0 ? void 0 : /* @__PURE__ */ l(ue, {
+    dataTest: `${n}-view-results`,
     type: "button",
     variant: "text",
-    onClick: n,
+    onClick: i,
     children: me(Z)
-  })), te = u ? B : we[E], oe = u ? B : void 0;
-  return k ? /* @__PURE__ */ W(N, { children: [R(D), /* @__PURE__ */ c(ge, {
+  })), te = f ? B : Ae[u], oe = f ? B : void 0;
+  return k ? /* @__PURE__ */ W(N, { children: [c(D), /* @__PURE__ */ l(ge, {
     id: a,
-    dataTest: s,
+    dataTest: n,
     open: o,
-    onClose: n,
-    title: l,
+    onClose: i,
+    title: d,
     ariaLabel: F,
-    viewResultsAction: T,
-    resetAction: A,
-    footerActions: M,
-    resultCount: v,
-    closeLabel: w,
+    viewResultsAction: M,
+    resetAction: S,
+    footerActions: w,
+    resultCount: x,
+    closeLabel: A,
     className: O,
-    children: S
-  })] }) : /* @__PURE__ */ W(N, { children: [R(D), o && /* @__PURE__ */ c(xe, {
+    children: E
+  })] }) : /* @__PURE__ */ W(N, { children: [c(D), o && /* @__PURE__ */ l(xe, {
     root: H,
-    children: /* @__PURE__ */ c("div", {
+    children: /* @__PURE__ */ l("div", {
       ...V(),
       ref: Q,
       id: a,
-      "data-test": s,
-      "data-testid": s,
+      "data-test": n,
+      "data-testid": n,
       role: t ? "dialog" : void 0,
-      "aria-labelledby": t && l ? L : void 0,
-      "aria-label": t && !l ? F : void 0,
+      "aria-labelledby": t && d ? L : void 0,
+      "aria-label": t && !d ? F : void 0,
       tabIndex: t ? void 0 : -1,
-      ...x ? ie : {},
+      ...P ? ie : {},
       style: {
-        ...x ? se : {},
-        ...q,
-        minWidth: Me,
+        ...P ? se : {},
+        ...j,
+        minWidth: we,
         width: oe,
         maxWidth: te,
-        maxHeight: Y
+        maxHeight: U
       },
       className: re("z-[1300]", "box-border flex flex-col overflow-hidden rounded-lg bg-white text-delta-700 outline-none shadow-[inset_0_0_0_1px_var(--colors-delta-300),0px_4px_40px_0px_#22213366]", O),
-      children: /* @__PURE__ */ c(ve, {
-        dataTest: s,
-        title: l,
+      children: /* @__PURE__ */ l(ve, {
+        dataTest: n,
+        title: d,
         titleId: L,
-        viewResultsAction: p(ee),
-        resetAction: p(A),
-        footerActions: p(M),
-        closeLabel: w,
-        onClose: n,
-        children: p(S)
+        viewResultsAction: g(ee),
+        resetAction: g(S),
+        footerActions: g(w),
+        closeLabel: A,
+        onClose: i,
+        children: g(E)
       })
     })
   })] });

package/dist/datetime/components/time-picker/StyledTimePicker.js

@@ -1,103 +1,110 @@
-import { useIsMobileView as N } from "../../hooks/useWindowWidthSize.hook.js";
-import { StyledDrawer as O } from "../../../components/navigation/drawer/StyledDrawer.js";
-import { useBackNavigationClose as I } from "../../hooks/useBackNavigationClose.hook.js";
-import { usePopupState as j } from "../../../hooks/usePopupState.js";
-import { ClickAwayListener as A } from "../../../components/mui-compat/ClickAwayListener.js";
-import { TimePickerPanel as B } from "./components/TimePickerPanel.js";
-import { TimePickerPopper as M } from "./TimePickerPopper.js";
-import { getTimeFromValue as S } from "./helpers/getTimeFromValue.js";
-import { TimePickerInput as F } from "./TimePickerInput.js";
-import { useEffect as K, useState as y } from "react";
-import { jsx as r, jsxs as C } from "react/jsx-runtime";
-import { format as k, isBefore as q, isValid as z } from "date-fns";
-var oe = (i) => {
-  const { value: a, onSelect: n, notBeforeTime: u } = i, o = j({
+import { useIsMobileView as I } from "../../hooks/useWindowWidthSize.hook.js";
+import { StyledDrawer as j } from "../../../components/navigation/drawer/StyledDrawer.js";
+import { useBackNavigationClose as M } from "../../hooks/useBackNavigationClose.hook.js";
+import { usePopupState as A } from "../../../hooks/usePopupState.js";
+import { ClickAwayListener as F } from "../../../components/mui-compat/ClickAwayListener.js";
+import { isBeforeMinTime as V } from "./helpers/minTime.js";
+import { TimePickerPanel as K } from "./components/TimePickerPanel.js";
+import { TimePickerPopper as q } from "./TimePickerPopper.js";
+import { getTimeFromValue as g } from "./helpers/getTimeFromValue.js";
+import { TimePickerInput as z } from "./TimePickerInput.js";
+import { useEffect as G, useState as w } from "react";
+import { jsx as r, jsxs as D } from "react/jsx-runtime";
+import { format as E, isBefore as J, isValid as Q } from "date-fns";
+var ne = (i) => {
+  const { value: l, onSelect: n, notBeforeTime: d, minTime: c } = i, o = A({
     variant: "popper",
     popupId: "time-picker-popper"
-  }), c = N();
-  I({
-    open: c && o.isOpen,
+  }), m = I();
+  M({
+    open: m && o.isOpen,
     onClose: o.close
   });
-  const { isOpen: V, anchorEl: w, close: p } = o;
-  K(() => {
-    if (!V || c) return;
+  const { isOpen: x, anchorEl: P, close: h } = o;
+  G(() => {
+    if (!x || m) return;
     const e = (t) => {
-      w?.contains(document.activeElement) && (t.key === "Escape" ? (t.preventDefault(), t.stopPropagation(), p()) : t.key === "Tab" && p());
+      P?.contains(document.activeElement) && (t.key === "Escape" ? (t.preventDefault(), t.stopPropagation(), h()) : t.key === "Tab" && h());
     };
     return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
   }, [
-    V,
-    w,
-    p,
-    c
+    x,
+    P,
+    h,
+    m
   ]);
-  const E = a ? k(a, "HH:mm") : "", [b, m] = y(E), [g, l] = y(!1), [D, s] = y(!0), f = g ? b : E, d = (e) => !e || !u || !z(u) || !q(e, u), x = f.length === 5 ? S(f, a) : null, H = x ? d(x) : !0, L = (e) => {
+  const T = l ? E(l, "HH:mm") : "", [H, u] = w(T), [S, a] = w(!1), [L, s] = w(!0), v = S ? H : T, y = (e) => !e || !d || !Q(d) || !J(e, d), f = v.length === 5 ? g(v, l) : null, N = f ? y(f) : !0, O = (e) => {
     const t = e.target.value;
-    if (l(!0), m(t), t.length !== 5) {
+    if (a(!0), u(t), t.length !== 5) {
       s(!1);
       return;
     }
-    const v = S(t, a);
-    if (!v) {
+    const p = g(t, l);
+    if (!p) {
       n(void 0), s(!1);
       return;
     }
-    s(!0), d(v) ? (n(v), l(!1), o.close()) : n(void 0);
-  }, P = (e) => {
-    if (s(!0), d(e)) {
-      n(e), m(e ? k(e, "HH:mm") : ""), l(!1);
-      return;
+    s(!0), !V(p, c) && (y(p) ? (n(p), a(!1), o.close()) : n(void 0));
+  }, C = (e) => {
+    if (!(e && V(e, c))) {
+      if (s(!0), y(e)) {
+        n(e), u(e ? E(e, "HH:mm") : ""), a(!1);
+        return;
+      }
+      n(void 0), u(e ? E(e, "HH:mm") : ""), a(!0);
     }
-    n(void 0), m(e ? k(e, "HH:mm") : ""), l(!0);
-  }, T = () => {
-    n(void 0), m(""), l(!1), s(!0);
-  }, h = /* @__PURE__ */ r(F, {
+  }, B = () => {
+    S && f && V(f, c) && a(!1);
+  }, b = () => {
+    n(void 0), u(""), a(!1), s(!0);
+  }, k = /* @__PURE__ */ r(z, {
     ...i,
     popupState: o,
-    localValue: f,
-    isValidTime: D,
-    isValidEndTime: H,
-    handleChange: L
+    localValue: v,
+    isValidTime: L,
+    isValidEndTime: N,
+    handleChange: O,
+    handleBlur: B
   });
-  return i.disabled || i.readOnly ? h : c ? /* @__PURE__ */ C("div", {
+  return i.disabled || i.readOnly ? k : m ? /* @__PURE__ */ D("div", {
     className: "relative h-auto w-auto",
     children: [/* @__PURE__ */ r("div", {
       className: "m-0 flex h-fit items-center justify-center p-0",
-      children: h
-    }), /* @__PURE__ */ r(O, {
+      children: k
+    }), /* @__PURE__ */ r(j, {
       anchor: "bottom",
       open: o.isOpen,
       onClose: o.close,
       anchorEl: o.anchorEl,
       children: /* @__PURE__ */ r("div", {
         className: "mx-auto w-full max-w-[360px] px-4 pb-[max(1rem,env(safe-area-inset-bottom))] pt-2",
-        children: /* @__PURE__ */ r(B, {
+        children: /* @__PURE__ */ r(K, {
           dataTest: i.dataTest,
-          value: a,
-          onSelect: P,
-          handleClear: T,
+          value: l,
+          minTime: c,
+          onSelect: C,
+          handleClear: b,
           onConfirm: o.close
         })
       })
     })]
-  }) : /* @__PURE__ */ r(A, {
+  }) : /* @__PURE__ */ r(F, {
     mouseEvent: "onMouseDown",
     onClickAway: o.close,
-    children: /* @__PURE__ */ C("div", {
+    children: /* @__PURE__ */ D("div", {
       className: "relative h-auto w-auto",
       children: [/* @__PURE__ */ r("div", {
         className: "m-0 flex h-fit items-center justify-center p-0",
-        children: h
-      }), o.isOpen && /* @__PURE__ */ r(M, {
+        children: k
+      }), o.isOpen && /* @__PURE__ */ r(q, {
         ...i,
         popupState: o,
-        handleClear: T,
-        onSelect: P
+        handleClear: b,
+        onSelect: C
       })]
     })
   });
 };
 export {
-  oe as StyledTimePicker
+  ne as StyledTimePicker
 };

package/dist/datetime/components/time-picker/StyledTimePicker.module.js

@@ -1,10 +1,10 @@
 var e = {
-  "styled-time-picker-root": "_styled-time-picker-root_qcipa_1",
-  "styled-time-picker-root_column": "_styled-time-picker-root_column_qcipa_4",
-  "styled-time-picker-root_cell": "_styled-time-picker-root_cell_qcipa_7",
-  "styled-time-picker-root_cell__cell-now": "_styled-time-picker-root_cell__cell-now_qcipa_10",
-  "styled-time-picker-root_cell__cell-selected": "_styled-time-picker-root_cell__cell-selected_qcipa_13",
-  "time-picker-surface": "_time-picker-surface_qcipa_17"
+  "styled-time-picker-root": "_styled-time-picker-root_5uhjk_1",
+  "styled-time-picker-root_column": "_styled-time-picker-root_column_5uhjk_4",
+  "styled-time-picker-root_cell": "_styled-time-picker-root_cell_5uhjk_7",
+  "styled-time-picker-root_cell__cell-now": "_styled-time-picker-root_cell__cell-now_5uhjk_10",
+  "styled-time-picker-root_cell__cell-selected": "_styled-time-picker-root_cell__cell-selected_5uhjk_13",
+  "time-picker-surface": "_time-picker-surface_5uhjk_20"
 };
 export {
   e as default

package/dist/datetime/components/time-picker/TimePickerInput.js

@@ -1,24 +1,24 @@
-import { ClockOutlineIcon as E } from "../../../components/icons/clock-outline-icon/ClockOutlineIcon.js";
-import { StyledInputField as I } from "../../../components/inputs/input-field/StyledInputField.js";
-import { useInputMask as N } from "../../../helpers/inputMask.js";
-import { HelperText as y, defaultTimePickerHelperMessages as P } from "./components/HelperText.js";
-import { useEffect as R, useRef as v } from "react";
-import { jsx as r, jsxs as w } from "react/jsx-runtime";
+import { ClockOutlineIcon as I } from "../../../components/icons/clock-outline-icon/ClockOutlineIcon.js";
+import { StyledInputField as N } from "../../../components/inputs/input-field/StyledInputField.js";
+import { useInputMask as y } from "../../../helpers/inputMask.js";
+import { HelperText as P, defaultTimePickerHelperMessages as R } from "./components/HelperText.js";
+import { useEffect as v, useRef as w } from "react";
+import { jsx as o, jsxs as H } from "react/jsx-runtime";
 var O = (c) => {
-  const { placeholder: x, disabled: e, inputClassName: f, dataTest: n, width: l, error: h, helperText: u, label: g, locale: k = "en", popupState: a, handleChange: T, isValidTime: p, isValidEndTime: m, localValue: C, title: d, readOnly: t } = c, b = N({
+  const { placeholder: x, disabled: e, inputClassName: u, dataTest: n, width: l, error: f, helperText: h, label: g, locale: k = "en", popupState: a, handleChange: T, handleBlur: C, isValidTime: p, isValidEndTime: m, localValue: b, title: d, readOnly: t } = c, E = y({
     mask: "xx:xx",
     maskChar: "x",
     showMask: !1
-  }), i = !p || !m || !!h, s = v(null);
-  return R(() => {
+  }), i = !p || !m || !!f, s = w(null);
+  return v(() => {
     s.current && a.setAnchorEl(s.current);
-  }, []), /* @__PURE__ */ w("div", {
+  }, []), /* @__PURE__ */ H("div", {
     style: { height: t ? "40px" : "75px" },
-    children: [d && /* @__PURE__ */ r("div", {
+    children: [d && /* @__PURE__ */ o("div", {
       className: "pb-1 font-roboto font-semibold text-delta-800",
       children: d
-    }), /* @__PURE__ */ r(I, {
-      inputRef: b,
+    }), /* @__PURE__ */ o(N, {
+      inputRef: E,
       autoComplete: "off",
       type: "text",
       dataTest: n,
@@ -26,27 +26,28 @@ var O = (c) => {
       placeholder: x,
       size: "small",
       error: i,
-      helperText: /* @__PURE__ */ r(y, {
+      helperText: /* @__PURE__ */ o(P, {
         isValidTime: p,
         isValidEndTime: m,
         error: i,
         localization: k,
-        helperText: u,
-        messages: P
+        helperText: h,
+        messages: R
       }),
       onChange: T,
+      onBlur: C,
       slotProps: {
         input: {
           ref: s,
-          onClick: (o) => {
-            !e && !t && a.open(o);
+          onClick: (r) => {
+            !e && !t && a.open(r);
           },
-          endAdornment: /* @__PURE__ */ r(E, {
+          endAdornment: /* @__PURE__ */ o(I, {
             width: 24,
             height: 24,
             className: e ? "text-delta-300" : "text-delta-700",
-            onClick: (o) => {
-              o.stopPropagation(), !e && !t && a.open(o);
+            onClick: (r) => {
+              r.stopPropagation(), !e && !t && a.open(r);
             }
           })
         },
@@ -55,7 +56,7 @@ var O = (c) => {
           hideErrorIcon: !0
         }
       },
-      value: C,
+      value: b,
       sx: {
         maxWidth: l ?? 130,
         width: l,
@@ -63,7 +64,7 @@ var O = (c) => {
       },
       disabled: e,
       readOnly: t,
-      className: f,
+      className: u,
       label: g
     })]
   });

package/dist/datetime/components/time-picker/TimePickerPopper.js

@@ -1,29 +1,30 @@
-import { bindPopper as l } from "../../../hooks/usePopupState.js";
-import { Paper as n } from "../../../components/mui-compat/Paper.js";
-import { Fade as c } from "../../../components/mui-compat/Fade.js";
-import { Popper as d } from "../../../components/mui-compat/Popper.js";
-import f from "./StyledTimePicker.module.js";
-import { TimePickerPanel as s } from "./components/TimePickerPanel.js";
-import u from "clsx";
+import { bindPopper as n } from "../../../hooks/usePopupState.js";
+import { Paper as c } from "../../../components/mui-compat/Paper.js";
+import { Fade as d } from "../../../components/mui-compat/Fade.js";
+import { Popper as f } from "../../../components/mui-compat/Popper.js";
+import s from "./StyledTimePicker.module.js";
+import { TimePickerPanel as u } from "./components/TimePickerPanel.js";
+import P from "clsx";
 import { jsx as e } from "react/jsx-runtime";
-var C = (o) => {
-  const { popupState: r, dataTest: t, value: i, onSelect: m, handleClear: p } = o;
-  return /* @__PURE__ */ e(d, {
-    ...l(r),
+var _ = (o) => {
+  const { popupState: r, dataTest: t, value: i, minTime: m, onSelect: p, handleClear: a } = o;
+  return /* @__PURE__ */ e(f, {
+    ...n(r),
     transition: !0,
     style: { zIndex: "1300" },
-    children: ({ TransitionProps: a }) => /* @__PURE__ */ e(c, {
-      ...a,
+    children: ({ TransitionProps: l }) => /* @__PURE__ */ e(d, {
+      ...l,
       timeout: 350,
-      children: /* @__PURE__ */ e(n, {
+      children: /* @__PURE__ */ e(c, {
         elevation: 0,
-        className: u(f["time-picker-surface"]),
+        className: P(s["time-picker-surface"]),
         style: { paddingBottom: "1px" },
-        children: /* @__PURE__ */ e(s, {
+        children: /* @__PURE__ */ e(u, {
           dataTest: t,
           value: i,
-          onSelect: m,
-          handleClear: p,
+          minTime: m,
+          onSelect: p,
+          handleClear: a,
           onConfirm: () => r.close()
         })
       })
@@ -31,5 +32,5 @@ var C = (o) => {
   });
 };
 export {
-  C as TimePickerPopper
+  _ as TimePickerPopper
 };

package/dist/datetime/components/time-picker/components/TimePickerBody.js

@@ -1,32 +1,34 @@
-import f from "../StyledTimePicker.module.js";
-import { TimePickerColumn as s } from "./TimePickerColumn.js";
-import { useEffect as u, useRef as d } from "react";
-import { jsx as m, jsxs as p } from "react/jsx-runtime";
-var k = ({ value: l, onSelect: i, dataTest: n }) => {
-  const t = d(null);
-  return u(() => {
+import u from "../StyledTimePicker.module.js";
+import { TimePickerColumn as n } from "./TimePickerColumn.js";
+import { useEffect as d, useRef as p } from "react";
+import { jsx as f, jsxs as a } from "react/jsx-runtime";
+var g = ({ value: l, onSelect: c, dataTest: m, minTime: s }) => {
+  const t = p(null);
+  return d(() => {
     const r = t.current;
     if (!r) return;
-    const c = r.querySelectorAll('[data-cell="selected"]');
-    (c.length ? c : r.querySelectorAll('[data-cell="now"]')).forEach((o) => {
+    const i = r.querySelectorAll('[data-cell="selected"]');
+    (i.length ? i : r.querySelectorAll('[data-cell="now"]')).forEach((o) => {
       const e = o.parentElement;
       e && (e.scrollTop = o.offsetTop - e.offsetTop - (e.clientHeight - o.clientHeight) / 2);
     });
-  }, [t]), /* @__PURE__ */ p("div", {
+  }, [t]), /* @__PURE__ */ a("div", {
     ref: t,
-    "data-test": n,
-    className: f["styled-time-picker-root"],
-    children: [/* @__PURE__ */ m(s, {
+    "data-test": m,
+    className: u["styled-time-picker-root"],
+    children: [/* @__PURE__ */ f(n, {
       type: "hours",
       value: l,
-      onSelect: i
-    }), /* @__PURE__ */ m(s, {
+      onSelect: c,
+      minTime: s
+    }), /* @__PURE__ */ f(n, {
       type: "minutes",
       value: l,
-      onSelect: i
+      onSelect: c,
+      minTime: s
     })]
   });
 };
 export {
-  k as TimePickerBody
+  g as TimePickerBody
 };