asma-ui-core 3.98.2 → 3.100.0

package/dist/components/data-display/badge/StyledBadge.js

@@ -1,8 +1,8 @@
-import { resolveSx as p } from "../../../helpers/sx.js";
-import E from "clsx";
-import { useEffect as L, useRef as u } from "react";
-import { jsx as m, jsxs as D } from "react/jsx-runtime";
-var b = {
+import { resolveSx as v } from "../../../helpers/sx.js";
+import g from "clsx";
+import { useEffect as I, useRef as y } from "react";
+import { jsx as h, jsxs as T } from "react/jsx-runtime";
+var _ = {
   primary: {
     backgroundColor: "var(--colors-badge-background)",
     color: "var(--colors-badge-label)"
@@ -31,41 +31,43 @@ var b = {
     backgroundColor: "var(--colors-warning-700)",
     color: "#fff"
   }
-}, $ = {
+}, Z = {
   "top-right": "top-0 right-0 translate-x-1/2 -translate-y-1/2 origin-[100%_0%]",
   "top-left": "top-0 left-0 -translate-x-1/2 -translate-y-1/2 origin-[0%_0%]",
   "bottom-right": "bottom-0 right-0 translate-x-1/2 translate-y-1/2 origin-[100%_100%]",
   "bottom-left": "bottom-0 left-0 -translate-x-1/2 translate-y-1/2 origin-[0%_100%]"
-}, x = "& .MuiBadge-badge", J = ({ color: l = "primary", dataTest: v, size: s = "medium", badgeContent: r, max: z, showZero: I, variant: y = "standard", statusMessage: n, invisible: g, anchorOrigin: c, children: h, className: _, sx: t, overlap: T, classes: Z, slots: G, slotProps: i, component: H, tabIndex: W, ...S }) => {
-  const a = u(null), e = typeof r == "number" ? r : void 0, d = u(e);
-  L(() => {
-    e !== d.current && (d.current = e, a.current && (a.current.textContent = n ?? ""));
-  }, [e, n]);
-  const f = t && typeof t == "object" && !Array.isArray(t) ? t : {}, w = p(f[x]), k = p(Object.fromEntries(Object.entries(f).filter(([B]) => B !== x))), o = y === "dot", j = !!g || !o && (r === 0 || r === void 0 || r === null), O = o ? null : typeof r == "number" && r > 99 ? "99+" : r, A = typeof r == "number" && r > 0 && r < 10, C = c?.vertical ?? "top", N = c?.horizontal ?? "right", R = l === "primary" ? {
-    borderColor: o ? "var(--colors-badge-border-dot)" : "var(--colors-badge-border-count)",
+}, w = "& .MuiBadge-badge", U = ({ color: s = "primary", dataTest: S, size: i = "medium", badgeContent: o, max: G, showZero: H, variant: k = "standard", purpose: j = "notification", statusMessage: c, invisible: A, anchorOrigin: d, children: f, className: u, sx: e, overlap: W, classes: X, slots: Y, slotProps: m, component: q, tabIndex: F, ...p }) => {
+  const l = y(null), a = typeof o == "number" ? o : void 0, b = y(a);
+  I(() => {
+    a !== b.current && (b.current = a, l.current && (l.current.textContent = c ?? ""));
+  }, [a, c]);
+  const x = e && typeof e == "object" && !Array.isArray(e) ? e : {}, C = v(x[w]), O = v(Object.fromEntries(Object.entries(x).filter(([z]) => z !== w))), r = k === "dot", n = r && j !== "notification", t = r && f === void 0, R = !!A || !r && (o === 0 || o === void 0 || o === null), D = r ? null : typeof o == "number" && o > 99 ? "99+" : o, B = typeof o == "number" && o > 0 && o < 10, E = d?.vertical ?? "top", L = d?.horizontal ?? "right", N = s === "primary" && !n ? {
+    borderColor: r ? "var(--colors-badge-border-dot)" : "var(--colors-badge-border-count)",
     borderStyle: "solid",
-    borderWidth: o ? "var(--border-badge-dot)" : "var(--border-badge-count)"
-  } : {};
-  return /* @__PURE__ */ D("span", {
-    className: "relative inline-flex shrink-0 align-middle",
-    "data-testid": v,
-    style: k,
-    ...S,
+    borderWidth: r ? "var(--border-badge-dot)" : "var(--border-badge-count)"
+  } : {}, $ = t && p["aria-label"] ? { role: "img" } : {};
+  return /* @__PURE__ */ T("span", {
+    className: t ? g("inline-flex shrink-0 align-middle", u) : "relative inline-flex shrink-0 align-middle",
+    "data-testid": S,
+    style: O,
+    ...$,
+    ...p,
     children: [
-      h,
-      !j && /* @__PURE__ */ m("span", {
+      f,
+      !R && /* @__PURE__ */ h("span", {
         "aria-hidden": "true",
-        className: E("absolute z-[1] box-border flex items-center justify-center whitespace-nowrap font-roboto font-semibold", $[`${C}-${N}`], o ? "h-[12px] w-[12px] min-w-[12px] rounded-full p-0" : s === "small" ? "h-[16px] w-max min-w-[16px] rounded-[20px] px-[4px] text-[0.75rem]" : "h-[20px] min-w-[20px] rounded-[20px] px-[6px] text-sm leading-5", !o && s === "medium" && A && "w-[20px]", _, i?.badge?.className),
+        className: g("box-border flex items-center justify-center whitespace-nowrap font-roboto font-semibold", !t && "absolute z-[1]", !t && Z[`${E}-${L}`], n ? "h-[8px] w-[8px] min-w-[8px] rounded-full p-0" : r ? "h-[12px] w-[12px] min-w-[12px] rounded-full p-0" : i === "small" ? "h-[16px] w-max min-w-[16px] rounded-[20px] px-[4px] text-[0.75rem]" : "h-[20px] min-w-[20px] rounded-[20px] px-[6px] text-sm leading-5", !r && i === "medium" && B && "w-[20px]", !t && u, m?.badge?.className),
         style: {
-          ...b[l] ?? b.default,
-          ...R,
-          ...w,
-          ...i?.badge?.style
+          ..._[s] ?? _.default,
+          ...n ? { backgroundColor: "var(--colors-gama-500)" } : {},
+          ...N,
+          ...C,
+          ...m?.badge?.style
         },
-        children: O
+        children: D
       }),
-      /* @__PURE__ */ m("span", {
-        ref: a,
+      /* @__PURE__ */ h("span", {
+        ref: l,
         "aria-atomic": "true",
         "aria-live": "polite",
         className: "sr-only",
@@ -75,5 +77,5 @@ var b = {
   });
 };
 export {
-  J as StyledBadge
+  U as StyledBadge
 };

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