asma-ui-core 3.98.2 → 3.99.0

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
 };

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

@@ -1,19 +1,22 @@
 import r from "../StyledTimePicker.module.js";
-import a from "clsx";
-import { jsx as n } from "react/jsx-runtime";
-import { getHours as _, getMinutes as k, set as w } from "date-fns";
-var b = ({ type: m, value: o, onSelect: d }) => {
-  const s = /* @__PURE__ */ new Date(), t = m === "hours", u = t ? 24 : 12, p = t ? s.getHours() : s.getMinutes();
-  return /* @__PURE__ */ n("div", {
+import { clampToMinTime as w, isHourDisabled as y, isMinuteDisabled as b } from "../helpers/minTime.js";
+import g from "clsx";
+import { jsx as d } from "react/jsx-runtime";
+import { getHours as u, getMinutes as h, set as M } from "date-fns";
+var C = ({ type: a, value: o, onSelect: p, minTime: s }) => {
+  const i = /* @__PURE__ */ new Date(), t = a === "hours", _ = u(o ?? i), f = t ? 24 : 12, k = t ? i.getHours() : i.getMinutes();
+  return /* @__PURE__ */ d("div", {
     className: r["styled-time-picker-root_column"],
-    children: new Array(u).fill(null).map((y, i) => {
-      const e = t ? i : i * 5, l = o && e === (t ? _(o) : k(o)), c = p == e;
-      return /* @__PURE__ */ n("button", {
+    children: new Array(f).fill(null).map((x, l) => {
+      const e = t ? l : l * 5, c = o && e === (t ? u(o) : h(o)), n = k == e;
+      return /* @__PURE__ */ d("button", {
         type: "button",
-        "data-cell": l ? "selected" : c ? "now" : void 0,
-        className: a("border-0", r["styled-time-picker-root_cell"], c && r["styled-time-picker-root_cell__cell-now"], l && r["styled-time-picker-root_cell__cell-selected"]),
+        disabled: t ? y(e, s) : b(_, e, s),
+        "data-cell": c ? "selected" : n ? "now" : void 0,
+        className: g("border-0", r["styled-time-picker-root_cell"], n && r["styled-time-picker-root_cell__cell-now"], c && r["styled-time-picker-root_cell__cell-selected"]),
         onClick: () => {
-          d(w(o ?? /* @__PURE__ */ new Date(), t ? { hours: e } : { minutes: e }));
+          const m = M(o ?? /* @__PURE__ */ new Date(), t ? { hours: e } : { minutes: e });
+          p(t ? w(m, s) : m);
         },
         children: e.toString().padStart(2, "0")
       }, e);
@@ -21,5 +24,5 @@ var b = ({ type: m, value: o, onSelect: d }) => {
   });
 };
 export {
-  b as TimePickerColumn
+  C as TimePickerColumn
 };

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

@@ -1,12 +1,13 @@
 import { StyledButton as e } from "../../../shared-components/button/StyledButton.js";
-import { TimePickerBody as d } from "./TimePickerBody.js";
-import { EraserIcon as l } from "../../../shared-components/EraserIcon.js";
-import { CheckIcon as s } from "../../../shared-components/CheckIcon.js";
-import { Fragment as c, jsx as t, jsxs as r } from "react/jsx-runtime";
-var b = ({ dataTest: a, value: i, onSelect: m, handleClear: n, onConfirm: o }) => /* @__PURE__ */ r(c, { children: [/* @__PURE__ */ t(d, {
+import { TimePickerBody as l } from "./TimePickerBody.js";
+import { EraserIcon as s } from "../../../shared-components/EraserIcon.js";
+import { CheckIcon as c } from "../../../shared-components/CheckIcon.js";
+import { Fragment as p, jsx as t, jsxs as r } from "react/jsx-runtime";
+var g = ({ dataTest: a, value: i, minTime: m, onSelect: n, handleClear: o, onConfirm: d }) => /* @__PURE__ */ r(p, { children: [/* @__PURE__ */ t(l, {
   dataTest: `${a}-time-picker-body`,
   value: i,
-  onSelect: m
+  minTime: m,
+  onSelect: n
 }), /* @__PURE__ */ r("div", {
   style: {
     display: "flex",
@@ -19,14 +20,14 @@ var b = ({ dataTest: a, value: i, onSelect: m, handleClear: n, onConfirm: o }) =
     "data-testid": "time-picker-erase-button",
     "aria-label": "Clear time",
     variant: "text",
-    onClick: n,
+    onClick: o,
     size: "small",
     disabled: !i,
     style: {
       minWidth: "40px",
       marginLeft: "10px"
     },
-    children: /* @__PURE__ */ t(l, {
+    children: /* @__PURE__ */ t(s, {
       width: 24,
       height: 24
     })
@@ -36,17 +37,17 @@ var b = ({ dataTest: a, value: i, onSelect: m, handleClear: n, onConfirm: o }) =
     "aria-label": "Confirm time",
     variant: "contained",
     size: "small",
-    onClick: o,
+    onClick: d,
     style: {
       minWidth: "40px",
       marginRight: "16px"
     },
-    children: /* @__PURE__ */ t(s, {
+    children: /* @__PURE__ */ t(c, {
       width: 20,
       height: 20
     })
   })]
 })] });
 export {
-  b as TimePickerPanel
+  g as TimePickerPanel
 };

package/dist/datetime/components/time-picker/helpers/getTimeFromValue.js

@@ -1,8 +1,8 @@
-var u = (s, o) => {
-  const t = s.split(":"), e = Number(t[0]), n = Number(t[1]);
-  if (t[0]?.length == 2 && t[1]?.length == 2 && e >= 0 && e <= 23 && n >= 0 && n <= 59) {
-    const r = o ?? /* @__PURE__ */ new Date();
-    return r.setHours(e), r.setMinutes(n), r;
+var u = (o, s) => {
+  const e = o.split(":"), t = Number(e[0]), n = Number(e[1]);
+  if (e[0]?.length == 2 && e[1]?.length == 2 && t >= 0 && t <= 23 && n >= 0 && n <= 59) {
+    const r = s ? new Date(s) : /* @__PURE__ */ new Date();
+    return r.setHours(t), r.setMinutes(n), r;
   }
   return null;
 };

package/dist/datetime/components/time-picker/helpers/minTime.js

@@ -0,0 +1,12 @@
+import { isValid as M } from "date-fns";
+var e = (r) => r.getHours() * 60 + r.getMinutes(), s = (r) => !!r && M(r), o = (r, t) => s(t) && e(r) < e(t), i = (r, t) => s(t) && r * 60 + 55 < e(t), n = (r, t, a) => s(a) && r * 60 + t < e(a), v = (r, t) => {
+  if (!s(t) || !o(r, t)) return r;
+  const a = new Date(r);
+  return a.setMinutes(Math.ceil(t.getMinutes() / 5) * 5), a;
+};
+export {
+  v as clampToMinTime,
+  o as isBeforeMinTime,
+  i as isHourDisabled,
+  n as isMinuteDisabled
+};

package/dist/src/datetime/components/time-picker/TimePickerInput.d.ts

@@ -4,6 +4,7 @@ import { ChangeEvent } from 'react';
 export declare const TimePickerInput: React.FC<StyledTimePickerProps & {
     popupState: PopupState;
     handleChange: (e: ChangeEvent<HTMLTextAreaElement | HTMLInputElement>) => void;
+    handleBlur?: () => void;
     isValidTime: boolean;
     isValidEndTime: boolean;
     localValue: string;

package/dist/src/datetime/components/time-picker/components/TimePickerPanel.d.ts

@@ -1,6 +1,7 @@
 export interface TimePickerPanelProps {
     dataTest: string;
     value?: Date;
+    minTime?: Date;
     onSelect: (date: Date | undefined) => void;
     handleClear: () => void;
     onConfirm: () => void;

package/dist/src/datetime/components/time-picker/helpers/minTime.d.ts

@@ -0,0 +1,12 @@
+/** The minutes column offers 00, 05 … 55. */
+export declare const MINUTE_STEP = 5;
+/** Only the clock time of both dates counts; the calendar day is the consumer's concern. */
+export declare const isBeforeMinTime: (time: Date, minTime?: Date) => boolean;
+/** An hour is disabled when none of its minute cells reaches `minTime` (e.g. hour 12 for 12:57). */
+export declare const isHourDisabled: (hour: number, minTime?: Date) => boolean;
+export declare const isMinuteDisabled: (hour: number, minute: number, minTime?: Date) => boolean;
+/**
+ * Picking the `minTime` hour while the kept minutes fall before it (13:10 → hour 12 with minTime 12:35)
+ * would land on a disabled cell, so the minutes move up to the first enabled cell (12:35).
+ */
+export declare const clampToMinTime: (time: Date, minTime?: Date) => Date;

package/dist/src/datetime/components/time-picker/helpers/minTime.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/datetime/components/time-picker/types.d.ts

@@ -17,5 +17,12 @@ export interface StyledTimePickerProps {
     locale?: 'no' | 'en';
     title?: string;
     notBeforeTime?: Date;
+    /**
+     * @figmaProp none — behavioral; drives the Time item `State=Disabled` cells (node 15086-19871).
+     * Earliest selectable clock time; its calendar day is ignored. Earlier hour/minute cells are disabled
+     * and a typed earlier time is not committed — the field reverts to the last valid value on blur.
+     * Unlike `notBeforeTime`, it never shows an error.
+     */
+    minTime?: Date;
 }
 export type IPopupStateType = JSX.Element;

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "3.98.2",
+    "version": "3.99.0",
     "type": "module",
     "sideEffects": [
         "**/*.css",