@owp/core 2.5.16 → 2.5.18

package/dist/components/OwpPicker/OwpTimePicker.js

@@ -1,18 +1,18 @@
-var to = Object.defineProperty;
-var r = (t, S) => to(t, "name", { value: S, configurable: !0 });
-import { jsx as p, jsxs as io } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import { useOwpTranslation as ao } from "../../hooks/useOwpTranslation.js";
-import { ensureDayjsBrowserSetup as lo } from "../../utils/dayjsBrowser.js";
-import co from "../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/Clear.js";
-import { IconButton as so, InputAdornment as uo } from "@mui/material";
-import { TimePicker as mo, LocalizationProvider as fo } from "@mui/x-date-pickers";
-import { AdapterDayjs as po } from "@mui/x-date-pickers/AdapterDayjs";
-import { clsx as bo } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import w from "dayjs";
-import { useState as go, useRef as I, useMemo as ko, useCallback as C, useEffect as Mo } from "react";
-import { VALUE_TIME_FORMATTER as z } from "./constants/index.js";
-lo();
-const v = "––", i = "#aeaeae", Y = {
+var me = Object.defineProperty;
+var t = (r, w) => me(r, "name", { value: w, configurable: !0 });
+import { jsx as f, jsxs as fe } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { useOwpTranslation as pe } from "../../hooks/useOwpTranslation.js";
+import { ensureDayjsBrowserSetup as ge } from "../../utils/dayjsBrowser.js";
+import be from "../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/Clear.js";
+import { MenuItem as ke, IconButton as Ie, InputAdornment as Me } from "@mui/material";
+import { TimePicker as Ee, LocalizationProvider as ye } from "@mui/x-date-pickers";
+import { AdapterDayjs as Te } from "@mui/x-date-pickers/AdapterDayjs";
+import { clsx as he } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import B from "dayjs";
+import { useState as Se, useRef as v, useMemo as V, useCallback as S, useEffect as we, forwardRef as Ce } from "react";
+import { VALUE_TIME_FORMATTER as Y } from "./constants/index.js";
+ge();
+const D = "––", Be = 1, U = {
   "&:hover": {
     backgroundColor: "var(--owp-datepicker-hover-bg, rgba(3, 155, 229, 0.14))"
   },
@@ -23,7 +23,7 @@ const v = "––", i = "#aeaeae", Y = {
       backgroundColor: "var(--owp-datepicker-selected-hover-bg, #039be5)"
     }
   }
-}, ho = {
+}, ve = {
   "& .MuiInputBase-root": {
     alignItems: "center"
   },
@@ -49,132 +49,182 @@ const v = "––", i = "#aeaeae", Y = {
       visibility: "visible"
     }
   }
-}, yo = /* @__PURE__ */ r((t) => t.ctrlKey || t.altKey || t.metaKey ? !1 : t.key.length === 1 || t.key === "Backspace" || t.key === "Delete", "isValueEditingKey"), Ko = /* @__PURE__ */ r(({
-  label: t,
-  variant: S = "standard",
-  sx: j,
-  value: c,
-  format: N = z,
-  useAmPm: H,
-  placeholder: V,
-  disabledClearButton: T,
-  fullWidth: D,
-  onChange: d,
-  textFieldProps: e,
-  localeText: W,
-  open: E,
-  onOpen: b,
-  onClose: g,
-  slots: X,
-  ...a
+}, W = {
+  border: 0,
+  borderRadius: 1,
+  boxShadow: 8,
+  backgroundImage: "none",
+  backgroundColor: "background.paper",
+  overflow: "hidden",
+  "& .MuiPickersLayout-contentWrapper": {
+    border: 0
+  },
+  "& .MuiPickersLayout-actionBar": {
+    borderTop: "1px solid",
+    borderColor: "#e0e0e0"
+  },
+  "& .MuiMultiSectionDigitalClock-root, & .MuiDigitalClock-root": {
+    border: 0
+  },
+  "& .MuiMultiSectionDigitalClockSection-root": {
+    border: 0
+  },
+  "& .MuiMultiSectionDigitalClockSection-root:last-of-type": {
+    overflowY: "hidden",
+    scrollbarWidth: "none",
+    "&::-webkit-scrollbar": {
+      display: "none",
+      width: 0
+    },
+    "@media (pointer: fine)": {
+      "&:hover": {
+        overflowY: "hidden"
+      }
+    },
+    "@media (pointer: none), (pointer: coarse)": {
+      overflowY: "hidden"
+    }
+  }
+}, De = /* @__PURE__ */ t((r) => r.ctrlKey || r.altKey || r.metaKey ? !1 : r.key.length === 1 || r.key === "Backspace" || r.key === "Delete", "isValueEditingKey"), We = /* @__PURE__ */ t(({
+  label: r,
+  variant: w = "standard",
+  sx: q,
+  value: d,
+  format: G = Y,
+  useAmPm: J,
+  placeholder: Q,
+  disabledClearButton: _,
+  fullWidth: L,
+  onChange: s,
+  textFieldProps: n,
+  localeText: Z,
+  open: A,
+  onOpen: g,
+  onClose: b,
+  slots: k,
+  slotProps: m,
+  ...i
 }) => {
-  const k = z, M = H ?? /a/i.test(N), q = M ? "A hh:mm" : k, U = a.closeOnSelect ?? !1, G = {
+  const I = Y, M = J ?? /a/i.test(G), $ = M ? "A hh:mm" : I, x = i.closeOnSelect ?? !1, F = {
     minutes: 1,
-    ...a.timeSteps
-  }, [J, B] = go(!1), L = I(null), O = I(null), h = I(!1), { t: A, i18n: R } = ao(), Q = (R.resolvedLanguage ?? R.language ?? "kr") === "kr" ? "ko" : "en", _ = {
-    okButtonLabel: A("Button.확인"),
-    clearButtonLabel: A("Button.초기화"),
-    fieldHoursPlaceholder: /* @__PURE__ */ r(() => v, "fieldHoursPlaceholder"),
-    fieldMinutesPlaceholder: /* @__PURE__ */ r(() => v, "fieldMinutesPlaceholder"),
-    fieldMeridiemPlaceholder: /* @__PURE__ */ r(() => v, "fieldMeridiemPlaceholder"),
-    ...W
-  }, Z = V ?? (M ? "–– ––:––" : "––:––"), $ = [ho, j, e == null ? void 0 : e.sx].filter(
+    ...i.timeSteps
+  }, [P, O] = Se(!1), R = v(null), K = v(null), E = v(!1), { t: N, i18n: z } = pe(), ee = (z.resolvedLanguage ?? z.language ?? "kr") === "kr" ? "ko" : "en", j = {
+    okButtonLabel: N("Button.확인"),
+    clearButtonLabel: N("Button.초기화"),
+    fieldHoursPlaceholder: /* @__PURE__ */ t(() => D, "fieldHoursPlaceholder"),
+    fieldMinutesPlaceholder: /* @__PURE__ */ t(() => D, "fieldMinutesPlaceholder"),
+    fieldMeridiemPlaceholder: /* @__PURE__ */ t(() => D, "fieldMeridiemPlaceholder"),
+    ...Z
+  }, ne = Q ?? (M ? "–– ––:––" : "––:––"), oe = [ve, q, n == null ? void 0 : n.sx].filter(
     Boolean
-  ), x = !!(T || a.disabled || a.readOnly), F = !!d && !T, u = E !== void 0, l = u ? E : J, P = ko(() => {
-    if (!c)
+  ), te = !!(_ || i.disabled || i.readOnly), re = !!s && !_, p = A !== void 0, l = p ? A : P, y = typeof (m == null ? void 0 : m.actionBar) == "function" || m == null ? void 0 : m.actionBar, ie = V(() => {
+    if (!d)
       return null;
-    if (w.isDayjs(c))
-      return c;
-    if (typeof c == "string") {
-      const n = w(c, k, !0);
-      return n.isValid() ? n : null;
+    if (B.isDayjs(d))
+      return d;
+    if (typeof d == "string") {
+      const o = B(d, I, !0);
+      return o.isValid() ? o : null;
     }
-    const o = w(c);
-    return o.isValid() ? o : null;
-  }, [k, c]), oo = /* @__PURE__ */ r((o) => {
-    d == null || d(o != null && o.isValid() ? o.format(k) : void 0);
-  }, "handleChange"), y = C(() => {
-    if (h.current) {
-      h.current = !1;
+    const e = B(d);
+    return e.isValid() ? e : null;
+  }, [I, d]), ae = /* @__PURE__ */ t((e) => {
+    s == null || s(e != null && e.isValid() ? e.format(I) : void 0);
+  }, "handleChange"), T = S(() => {
+    if (E.current) {
+      E.current = !1;
       return;
     }
-    u || B(!0), b == null || b();
-  }, [u, b]), s = C(() => {
-    u || B(!1), g == null || g();
-  }, [u, g]), eo = /* @__PURE__ */ r(() => {
-    d == null || d("");
-  }, "handleClear"), ro = C(
-    (o) => {
-      var n;
-      if ((n = e == null ? void 0 : e.onClick) == null || n.call(e, o), !(o.defaultPrevented || a.disabled || a.readOnly)) {
+    p || O(!0), g == null || g();
+  }, [p, g]), a = S(() => {
+    p || O(!1), b == null || b();
+  }, [p, b]), ce = /* @__PURE__ */ t(() => {
+    s == null || s("");
+  }, "handleClear"), le = S(
+    (e) => {
+      var o;
+      if ((o = n == null ? void 0 : n.onClick) == null || o.call(n, e), !(e.defaultPrevented || i.disabled || i.readOnly)) {
         if (l) {
-          h.current = !0, s(), queueMicrotask(() => {
-            h.current = !1;
+          E.current = !0, a(), queueMicrotask(() => {
+            E.current = !1;
           });
           return;
         }
-        y();
+        T();
       }
     },
-    [s, y, l, e, a.disabled, a.readOnly]
-  ), no = C(
-    (o) => {
-      var n;
-      (n = e == null ? void 0 : e.onKeyDown) == null || n.call(e, o), !(o.defaultPrevented || !l || !yo(o)) && s();
+    [a, T, l, n, i.disabled, i.readOnly]
+  ), de = S(
+    (e) => {
+      var o;
+      (o = n == null ? void 0 : n.onKeyDown) == null || o.call(n, e), !(e.defaultPrevented || !l || !De(e)) && a();
     },
-    [s, l, e]
+    [a, l, n]
   );
-  return Mo(() => {
+  we(() => {
     if (!l)
       return;
-    const o = /* @__PURE__ */ r((n) => {
-      var f, K;
-      const m = n.target;
-      m instanceof Node && ((f = L.current) != null && f.contains(m) || (K = O.current) != null && K.contains(m) || s());
+    const e = /* @__PURE__ */ t((o) => {
+      var u, C;
+      const c = o.target;
+      c instanceof Node && ((u = R.current) != null && u.contains(c) || (C = K.current) != null && C.contains(c) || a());
     }, "handleDocumentMouseDown");
-    return document.addEventListener("mousedown", o, !0), () => {
-      document.removeEventListener("mousedown", o, !0);
+    return document.addEventListener("mousedown", e, !0), () => {
+      document.removeEventListener("mousedown", e, !0);
     };
-  }, [s, l]), /* @__PURE__ */ p(fo, { dateAdapter: po, adapterLocale: Q, children: /* @__PURE__ */ p("div", { ref: L, children: /* @__PURE__ */ p(
-    mo,
+  }, [a, l]);
+  const se = /* @__PURE__ */ t(({ position: e, children: o, ...c }) => /* @__PURE__ */ fe(Me, { position: e, ...c, children: [
+    e === "end" && re && /* @__PURE__ */ f(
+      Ie,
+      {
+        className: "clearButton",
+        size: "small",
+        "aria-label": j.clearButtonLabel,
+        disabled: te,
+        onClick: /* @__PURE__ */ t((u) => {
+          u.preventDefault(), u.stopPropagation(), ce();
+        }, "onClick"),
+        children: /* @__PURE__ */ f(be, { fontSize: "small" })
+      }
+    ),
+    o
+  ] }), "TimePickerInputAdornment"), ue = V(
+    () => Ce((e, o) => {
+      const { onClick: c, ...u } = e;
+      return /* @__PURE__ */ f(ke, { ref: o, onClick: /* @__PURE__ */ t((X) => {
+        c == null || c(X);
+        const h = X.currentTarget.parentElement, H = h == null ? void 0 : h.parentElement;
+        (H ? Array.from(H.children).indexOf(h) : -1) === Be && window.setTimeout(a, 0);
+      }, "handleClick"), ...u });
+    }),
+    [a]
+  );
+  return /* @__PURE__ */ f(ye, { dateAdapter: Te, adapterLocale: ee, children: /* @__PURE__ */ f("div", { ref: R, children: /* @__PURE__ */ f(
+    Ee,
     {
-      ...a,
+      ...i,
       enableAccessibleFieldDOMStructure: !1,
       ampm: M,
       open: l,
-      closeOnSelect: U,
-      timeSteps: G,
-      label: t,
-      value: P,
-      format: q,
-      localeText: _,
-      onChange: oo,
-      onOpen: y,
-      onClose: s,
+      closeOnSelect: x,
+      timeSteps: F,
+      label: r,
+      value: ie,
+      format: $,
+      localeText: j,
+      onChange: ae,
+      onOpen: T,
+      onClose: a,
       slots: {
-        ...X,
-        inputAdornment: /* @__PURE__ */ r(({ position: o, children: n, ...m }) => /* @__PURE__ */ io(uo, { position: o, ...m, children: [
-          o === "end" && F && /* @__PURE__ */ p(
-            so,
-            {
-              className: "clearButton",
-              size: "small",
-              "aria-label": _.clearButtonLabel,
-              disabled: x,
-              onClick: /* @__PURE__ */ r((f) => {
-                f.preventDefault(), f.stopPropagation(), eo();
-              }, "onClick"),
-              children: /* @__PURE__ */ p(co, { fontSize: "small" })
-            }
-          ),
-          n
-        ] }), "TimePickerInputAdornment")
+        ...k,
+        inputAdornment: se,
+        digitalClockSectionItem: (k == null ? void 0 : k.digitalClockSectionItem) ?? ue
       },
       slotProps: {
         popper: {
           placement: "bottom-end",
-          ref: /* @__PURE__ */ r((o) => {
-            O.current = o;
+          ref: /* @__PURE__ */ t((e) => {
+            K.current = e;
           }, "ref"),
           modifiers: [
             {
@@ -186,87 +236,13 @@ const v = "––", i = "#aeaeae", Y = {
           ]
         },
         desktopPaper: {
-          sx: {
-            border: "1px solid",
-            borderColor: i,
-            borderRadius: 1,
-            boxShadow: "none",
-            backgroundImage: "none",
-            backgroundColor: "background.paper",
-            overflow: "hidden",
-            "& .MuiPickersLayout-contentWrapper": {
-              borderColor: i
-            },
-            "& .MuiPickersLayout-actionBar": {
-              borderTop: "1px solid",
-              borderColor: i
-            },
-            "& .MuiMultiSectionDigitalClock-root, & .MuiDigitalClock-root": {
-              borderColor: i
-            },
-            "& .MuiMultiSectionDigitalClockSection-root": {
-              borderColor: i
-            },
-            "& .MuiMultiSectionDigitalClockSection-root:last-of-type": {
-              overflowY: "hidden",
-              scrollbarWidth: "none",
-              "&::-webkit-scrollbar": {
-                display: "none",
-                width: 0
-              },
-              "@media (pointer: fine)": {
-                "&:hover": {
-                  overflowY: "hidden"
-                }
-              },
-              "@media (pointer: none), (pointer: coarse)": {
-                overflowY: "hidden"
-              }
-            }
-          }
+          sx: W
         },
         mobilePaper: {
-          sx: {
-            border: "1px solid",
-            borderColor: i,
-            borderRadius: 1,
-            boxShadow: "none",
-            backgroundImage: "none",
-            backgroundColor: "background.paper",
-            overflow: "hidden",
-            "& .MuiPickersLayout-contentWrapper": {
-              borderColor: i
-            },
-            "& .MuiPickersLayout-actionBar": {
-              borderTop: "1px solid",
-              borderColor: i
-            },
-            "& .MuiMultiSectionDigitalClock-root, & .MuiDigitalClock-root": {
-              borderColor: i
-            },
-            "& .MuiMultiSectionDigitalClockSection-root": {
-              borderColor: i
-            },
-            "& .MuiMultiSectionDigitalClockSection-root:last-of-type": {
-              overflowY: "hidden",
-              scrollbarWidth: "none",
-              "&::-webkit-scrollbar": {
-                display: "none",
-                width: 0
-              },
-              "@media (pointer: fine)": {
-                "&:hover": {
-                  overflowY: "hidden"
-                }
-              },
-              "@media (pointer: none), (pointer: coarse)": {
-                overflowY: "hidden"
-              }
-            }
-          }
+          sx: W
         },
         actionBar: {
-          actions: ["accept"],
+          actions: [],
           sx: {
             backgroundColor: "#f6f3f4",
             minHeight: 44,
@@ -277,13 +253,15 @@ const v = "––", i = "#aeaeae", Y = {
               padding: "4px 8px",
               fontSize: "1.3rem",
               lineHeight: 1.2
-            }
-          }
+            },
+            ...y == null ? void 0 : y.sx
+          },
+          ...y
         },
         openPickerButton: {
           size: "small",
-          onClick: /* @__PURE__ */ r((o) => {
-            o.preventDefault(), o.stopPropagation(), l || y();
+          onClick: /* @__PURE__ */ t((e) => {
+            e.preventDefault(), e.stopPropagation(), l || T();
           }, "onClick"),
           sx: {
             margin: 0,
@@ -301,29 +279,29 @@ const v = "––", i = "#aeaeae", Y = {
           }
         },
         digitalClockItem: {
-          sx: Y
+          sx: U
         },
         digitalClockSectionItem: {
-          sx: Y
+          sx: U
         },
         textField: {
-          variant: S,
-          fullWidth: D,
-          ...e,
-          className: bo(
-            !D && (M ? "w-[160px]" : "w-[140px]"),
-            e == null ? void 0 : e.className
+          variant: w,
+          fullWidth: L,
+          ...n,
+          className: he(
+            !L && (M ? "w-[160px]" : "w-[140px]"),
+            n == null ? void 0 : n.className
           ),
-          onClick: ro,
-          onKeyDown: no,
-          placeholder: Z,
-          sx: $
+          onClick: le,
+          onKeyDown: de,
+          placeholder: ne,
+          sx: oe
         }
       }
     }
   ) }) });
 }, "OwpTimePicker");
 export {
-  Ko as OwpTimePicker
+  We as OwpTimePicker
 };
 //# sourceMappingURL=OwpTimePicker.js.map

package/dist/components/OwpPicker/OwpTimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwpTimePicker.js","sources":["../../../src/components/OwpPicker/OwpTimePicker.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { ensureDayjsBrowserSetup } from '@/utils/dayjsBrowser';\nimport ClearIcon from '@mui/icons-material/Clear';\nimport {\n  IconButton,\n  InputAdornment,\n  type InputAdornmentProps,\n  TextFieldProps,\n} from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\nimport { LocalizationProvider, TimePicker, type TimePickerProps } from '@mui/x-date-pickers';\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport clsx from 'clsx';\nimport dayjs, { type Dayjs } from 'dayjs';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { VALUE_TIME_FORMATTER } from './constants';\n\nensureDayjsBrowserSetup();\n\nconst EMPTY_TIME_SECTION = '––';\nconst PICKER_BORDER_COLOR = '#aeaeae';\n\nconst SELECTED_TIME_ITEM_SX = {\n  '&:hover': {\n    backgroundColor: 'var(--owp-datepicker-hover-bg, rgba(3, 155, 229, 0.14))',\n  },\n  '&.Mui-selected': {\n    backgroundColor: 'var(--owp-datepicker-selected-bg, #039be5)',\n    color: 'var(--owp-datepicker-selected-color, #fff)',\n    '&:focus-visible, &:hover': {\n      backgroundColor: 'var(--owp-datepicker-selected-hover-bg, #039be5)',\n    },\n  },\n};\n\nconst TIME_PICKER_TEXT_FIELD_SX = {\n  '& .MuiInputBase-root': {\n    alignItems: 'center',\n  },\n  '& .MuiInputAdornment-positionEnd': {\n    marginBottom: 0,\n    marginLeft: 0,\n    gap: 0,\n  },\n  '& .MuiInputAdornment-positionEnd > :not(style) + :not(style)': {\n    marginLeft: 0,\n  },\n  '& .MuiInputAdornment-positionEnd .MuiIconButton-root': {\n    margin: 0,\n    padding: 0,\n  },\n  '& .clearButton': {\n    opacity: 1,\n    visibility: 'visible',\n  },\n  '@media (pointer: fine)': {\n    '& .clearButton': {\n      opacity: 1,\n      visibility: 'visible',\n    },\n  },\n};\n\nexport type OwpTimePickerValue = string | Date | Dayjs;\ntype OwpTimePickerTextFieldClickEvent = Parameters<NonNullable<TextFieldProps['onClick']>>[0];\ntype OwpTimePickerTextFieldKeyDownEvent = Parameters<NonNullable<TextFieldProps['onKeyDown']>>[0];\n\nconst isValueEditingKey = (event: OwpTimePickerTextFieldKeyDownEvent) => {\n  if (event.ctrlKey || event.altKey || event.metaKey) {\n    return false;\n  }\n\n  return event.key.length === 1 || event.key === 'Backspace' || event.key === 'Delete';\n};\n\ninterface OwnProps {\n  label?: string;\n  variant?: TextFieldProps['variant'];\n  sx?: TextFieldProps['sx'];\n  value?: OwpTimePickerValue;\n  format?: string;\n  useAmPm?: boolean;\n  placeholder?: string;\n  disabledClearButton?: boolean;\n  fullWidth?: boolean;\n  onChange?: (value?: string) => void;\n  textFieldProps?: Omit<TextFieldProps, 'value' | 'defaultValue' | 'onChange'>;\n}\n\ntype OwpTimePickerProps = OwnProps &\n  Omit<\n    TimePickerProps<false>,\n    | 'value'\n    | 'onChange'\n    | 'label'\n    | 'format'\n    | 'ampm'\n    | 'slotProps'\n    | 'enableAccessibleFieldDOMStructure'\n  >;\n\n/**\n * OwpTimePicker 컴포넌트\n * @param label 입력 라벨\n * @param variant variant 값\n * @param sx sx 값\n * @param value 현재 값, clear 버튼 동작 대상 값\n * @param format 시간 포맷\n * @param useAmPm 오전/오후 포맷 사용 여부\n * @param disabledClearButton clear 버튼 비활성화 여부\n * @param fullWidth 전체 너비 사용 여부\n * @param onChange onChange 핸들러, clear 버튼 활성화 조건\n * @param textFieldProps TextField props\n */\nconst OwpTimePicker = ({\n  label,\n  variant = 'standard',\n  sx,\n  value,\n  format = VALUE_TIME_FORMATTER,\n  useAmPm,\n  placeholder,\n  disabledClearButton,\n  fullWidth,\n  onChange,\n  textFieldProps,\n  localeText,\n  open: openProp,\n  onOpen,\n  onClose,\n  slots,\n  ...timePickerProps\n}: OwpTimePickerProps) => {\n  const normalizedValueFormat = VALUE_TIME_FORMATTER;\n  const useMeridiem = useAmPm ?? /a/i.test(format);\n  const displayFormat = useMeridiem ? 'A hh:mm' : normalizedValueFormat;\n  const resolvedCloseOnSelect = timePickerProps.closeOnSelect ?? false;\n  const resolvedTimeSteps = {\n    minutes: 1,\n    ...timePickerProps.timeSteps,\n  };\n  const [internalOpen, setInternalOpen] = useState(false);\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const popperRef = useRef<HTMLDivElement | null>(null);\n  const skipNextOpenRef = useRef(false);\n  const { t, i18n } = useOwpTranslation();\n  const languageId = i18n.resolvedLanguage ?? i18n.language ?? 'kr';\n  const adapterLocale = languageId === 'kr' ? 'ko' : 'en';\n  const resolvedLocaleText = {\n    okButtonLabel: t('Button.확인'),\n    clearButtonLabel: t('Button.초기화'),\n    fieldHoursPlaceholder: () => EMPTY_TIME_SECTION,\n    fieldMinutesPlaceholder: () => EMPTY_TIME_SECTION,\n    fieldMeridiemPlaceholder: () => EMPTY_TIME_SECTION,\n    ...localeText,\n  };\n  const resolvedPlaceholder = placeholder ?? (useMeridiem ? '–– ––:––' : '––:––');\n  const resolvedTextFieldSx = [TIME_PICKER_TEXT_FIELD_SX, sx, textFieldProps?.sx].filter(\n    Boolean,\n  ) as SxProps<Theme>;\n  const isClearDisabled = Boolean(\n    disabledClearButton || timePickerProps.disabled || timePickerProps.readOnly,\n  );\n  const canClear = Boolean(onChange) && !disabledClearButton;\n  const isControlledOpen = openProp !== undefined;\n  const isOpen = isControlledOpen ? openProp : internalOpen;\n\n  const selectedValue = useMemo(() => {\n    if (!value) {\n      return null;\n    }\n\n    if (dayjs.isDayjs(value)) {\n      return value;\n    }\n\n    if (typeof value === 'string') {\n      const parsedValue = dayjs(value, normalizedValueFormat, true);\n      return parsedValue.isValid() ? parsedValue : null;\n    }\n\n    const parsedValue = dayjs(value);\n    return parsedValue.isValid() ? parsedValue : null;\n  }, [normalizedValueFormat, value]);\n\n  const handleChange = (nextValue: Dayjs | null) => {\n    onChange?.(nextValue?.isValid() ? nextValue.format(normalizedValueFormat) : undefined);\n  };\n\n  const handleOpen = useCallback(() => {\n    if (skipNextOpenRef.current) {\n      skipNextOpenRef.current = false;\n      return;\n    }\n\n    if (!isControlledOpen) {\n      setInternalOpen(true);\n    }\n\n    onOpen?.();\n  }, [isControlledOpen, onOpen]);\n\n  const handleClose = useCallback(() => {\n    if (!isControlledOpen) {\n      setInternalOpen(false);\n    }\n\n    onClose?.();\n  }, [isControlledOpen, onClose]);\n\n  const handleClear = () => {\n    onChange?.('');\n  };\n\n  const handleTextFieldClick = useCallback(\n    (event: OwpTimePickerTextFieldClickEvent) => {\n      textFieldProps?.onClick?.(event);\n\n      if (event.defaultPrevented || timePickerProps.disabled || timePickerProps.readOnly) {\n        return;\n      }\n\n      if (isOpen) {\n        skipNextOpenRef.current = true;\n        handleClose();\n        queueMicrotask(() => {\n          skipNextOpenRef.current = false;\n        });\n        return;\n      }\n\n      handleOpen();\n    },\n    [handleClose, handleOpen, isOpen, textFieldProps, timePickerProps.disabled, timePickerProps.readOnly],\n  );\n\n  const handleTextFieldKeyDown = useCallback(\n    (event: OwpTimePickerTextFieldKeyDownEvent) => {\n      textFieldProps?.onKeyDown?.(event);\n\n      if (event.defaultPrevented || !isOpen || !isValueEditingKey(event)) {\n        return;\n      }\n\n      handleClose();\n    },\n    [handleClose, isOpen, textFieldProps],\n  );\n\n  useEffect(() => {\n    if (!isOpen) {\n      return undefined;\n    }\n\n    const handleDocumentMouseDown = (event: MouseEvent) => {\n      const target = event.target;\n\n      if (!(target instanceof Node)) {\n        return;\n      }\n\n      if (rootRef.current?.contains(target) || popperRef.current?.contains(target)) {\n        return;\n      }\n\n      handleClose();\n    };\n\n    document.addEventListener('mousedown', handleDocumentMouseDown, true);\n\n    return () => {\n      document.removeEventListener('mousedown', handleDocumentMouseDown, true);\n    };\n  }, [handleClose, isOpen]);\n\n  \n  const TimePickerInputAdornment = ({ position, children, ...restProps }: InputAdornmentProps) => (\n    <InputAdornment position={position} {...restProps}>\n      {position === 'end' && canClear && (\n        <IconButton\n          className=\"clearButton\"\n          size=\"small\"\n          aria-label={resolvedLocaleText.clearButtonLabel}\n          disabled={isClearDisabled}\n          onClick={(event) => {\n            event.preventDefault();\n            event.stopPropagation();\n            handleClear();\n          }}\n        >\n          <ClearIcon fontSize=\"small\" />\n        </IconButton>\n      )}\n      {children}\n    </InputAdornment>\n  );\n\n  return (\n    <LocalizationProvider dateAdapter={AdapterDayjs} adapterLocale={adapterLocale}>\n      <div ref={rootRef}>\n        <TimePicker\n          {...timePickerProps}\n          enableAccessibleFieldDOMStructure={false}\n          ampm={useMeridiem}\n          open={isOpen}\n          closeOnSelect={resolvedCloseOnSelect}\n          timeSteps={resolvedTimeSteps}\n          label={label}\n          value={selectedValue}\n          format={displayFormat}\n          localeText={resolvedLocaleText}\n          onChange={handleChange}\n          onOpen={handleOpen}\n          onClose={handleClose}\n          slots={{\n            ...slots,\n            inputAdornment: TimePickerInputAdornment,\n          }}\n          slotProps={{\n            popper: {\n              placement: 'bottom-end',\n              ref: (instance) => {\n                popperRef.current = instance;\n              },\n              modifiers: [\n                {\n                  name: 'offset',\n                  options: {\n                    offset: [0, 7],\n                  },\n                },\n              ],\n            },\n            desktopPaper: {\n              sx: {\n                border: '1px solid',\n                borderColor: PICKER_BORDER_COLOR,\n                borderRadius: 1,\n                boxShadow: 'none',\n                backgroundImage: 'none',\n                backgroundColor: 'background.paper',\n                overflow: 'hidden',\n                '& .MuiPickersLayout-contentWrapper': {\n                  borderColor: PICKER_BORDER_COLOR,\n                },\n                '& .MuiPickersLayout-actionBar': {\n                  borderTop: '1px solid',\n                  borderColor: PICKER_BORDER_COLOR,\n                },\n                '& .MuiMultiSectionDigitalClock-root, & .MuiDigitalClock-root': {\n                  borderColor: PICKER_BORDER_COLOR,\n                },\n                '& .MuiMultiSectionDigitalClockSection-root': {\n                  borderColor: PICKER_BORDER_COLOR,\n                },\n                '& .MuiMultiSectionDigitalClockSection-root:last-of-type': {\n                  overflowY: 'hidden',\n                  scrollbarWidth: 'none',\n                  '&::-webkit-scrollbar': {\n                    display: 'none',\n                    width: 0,\n                  },\n                  '@media (pointer: fine)': {\n                    '&:hover': {\n                      overflowY: 'hidden',\n                    },\n                  },\n                  '@media (pointer: none), (pointer: coarse)': {\n                    overflowY: 'hidden',\n                  },\n                },\n              },\n            },\n            mobilePaper: {\n              sx: {\n                border: '1px solid',\n                borderColor: PICKER_BORDER_COLOR,\n                borderRadius: 1,\n                boxShadow: 'none',\n                backgroundImage: 'none',\n                backgroundColor: 'background.paper',\n                overflow: 'hidden',\n                '& .MuiPickersLayout-contentWrapper': {\n                  borderColor: PICKER_BORDER_COLOR,\n                },\n                '& .MuiPickersLayout-actionBar': {\n                  borderTop: '1px solid',\n                  borderColor: PICKER_BORDER_COLOR,\n                },\n                '& .MuiMultiSectionDigitalClock-root, & .MuiDigitalClock-root': {\n                  borderColor: PICKER_BORDER_COLOR,\n                },\n                '& .MuiMultiSectionDigitalClockSection-root': {\n                  borderColor: PICKER_BORDER_COLOR,\n                },\n                '& .MuiMultiSectionDigitalClockSection-root:last-of-type': {\n                  overflowY: 'hidden',\n                  scrollbarWidth: 'none',\n                  '&::-webkit-scrollbar': {\n                    display: 'none',\n                    width: 0,\n                  },\n                  '@media (pointer: fine)': {\n                    '&:hover': {\n                      overflowY: 'hidden',\n                    },\n                  },\n                  '@media (pointer: none), (pointer: coarse)': {\n                    overflowY: 'hidden',\n                  },\n                },\n              },\n            },\n            actionBar: {\n              actions: ['accept'],\n              sx: {\n                backgroundColor: '#f6f3f4',\n                minHeight: 44,\n                padding: '4px 8px',\n                '& .MuiButton-root': {\n                  minHeight: 28,\n                  minWidth: 48,\n                  padding: '4px 8px',\n                  fontSize: '1.3rem',\n                  lineHeight: 1.2,\n                },\n              },\n            },\n            openPickerButton: {\n              size: 'small',\n              onClick: (event) => {\n                event.preventDefault();\n                event.stopPropagation();\n\n                if (!isOpen) {\n                  handleOpen();\n                }\n              },\n              sx: {\n                margin: 0,\n                padding: 0,\n              },\n            },\n            openPickerIcon: {\n              fontSize: 'small',\n            },\n            inputAdornment: {\n              sx: {\n                marginBottom: 0,\n                marginLeft: 0,\n                gap: 0,\n              },\n            },\n            digitalClockItem: {\n              sx: SELECTED_TIME_ITEM_SX,\n            },\n            digitalClockSectionItem: {\n              sx: SELECTED_TIME_ITEM_SX,\n            },\n            textField: {\n              variant,\n              fullWidth,\n              ...textFieldProps,\n              className: clsx(\n                !fullWidth && (useMeridiem ? 'w-[160px]' : 'w-[140px]'),\n                textFieldProps?.className,\n              ),\n              onClick: handleTextFieldClick,\n              onKeyDown: handleTextFieldKeyDown,\n              placeholder: resolvedPlaceholder,\n              sx: resolvedTextFieldSx,\n            },\n          }}\n        />\n      </div>\n    </LocalizationProvider>\n  );\n};\n\nexport { OwpTimePicker };\n"],"names":["ensureDayjsBrowserSetup","EMPTY_TIME_SECTION","PICKER_BORDER_COLOR","SELECTED_TIME_ITEM_SX","TIME_PICKER_TEXT_FIELD_SX","isValueEditingKey","__name","event","OwpTimePicker","label","variant","sx","value","format","VALUE_TIME_FORMATTER","useAmPm","placeholder","disabledClearButton","fullWidth","onChange","textFieldProps","localeText","openProp","onOpen","onClose","slots","timePickerProps","normalizedValueFormat","useMeridiem","displayFormat","resolvedCloseOnSelect","resolvedTimeSteps","internalOpen","setInternalOpen","useState","rootRef","useRef","popperRef","skipNextOpenRef","t","i18n","useOwpTranslation","adapterLocale","resolvedLocaleText","resolvedPlaceholder","resolvedTextFieldSx","isClearDisabled","canClear","isControlledOpen","isOpen","selectedValue","useMemo","dayjs","parsedValue","handleChange","nextValue","handleOpen","useCallback","handleClose","handleClear","handleTextFieldClick","_a","handleTextFieldKeyDown","useEffect","handleDocumentMouseDown","target","_b","jsx","LocalizationProvider","AdapterDayjs","TimePicker","position","children","restProps","jsxs","InputAdornment","IconButton","ClearIcon","instance","clsx"],"mappings":"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"}
+{"version":3,"file":"OwpTimePicker.js","sources":["../../../src/components/OwpPicker/OwpTimePicker.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { ensureDayjsBrowserSetup } from '@/utils/dayjsBrowser';\nimport ClearIcon from '@mui/icons-material/Clear';\nimport {\n  IconButton,\n  InputAdornment,\n  MenuItem,\n  type MenuItemProps,\n  type InputAdornmentProps,\n  TextFieldProps,\n} from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\nimport { LocalizationProvider, TimePicker, type TimePickerProps } from '@mui/x-date-pickers';\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport clsx from 'clsx';\nimport dayjs, { type Dayjs } from 'dayjs';\nimport {\n  type MouseEvent as ReactMouseEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { VALUE_TIME_FORMATTER } from './constants';\n\nensureDayjsBrowserSetup();\n\nconst EMPTY_TIME_SECTION = '––';\nconst TIME_PICKER_MINUTE_SECTION_INDEX = 1;\n\nconst SELECTED_TIME_ITEM_SX = {\n  '&:hover': {\n    backgroundColor: 'var(--owp-datepicker-hover-bg, rgba(3, 155, 229, 0.14))',\n  },\n  '&.Mui-selected': {\n    backgroundColor: 'var(--owp-datepicker-selected-bg, #039be5)',\n    color: 'var(--owp-datepicker-selected-color, #fff)',\n    '&:focus-visible, &:hover': {\n      backgroundColor: 'var(--owp-datepicker-selected-hover-bg, #039be5)',\n    },\n  },\n};\n\nconst TIME_PICKER_TEXT_FIELD_SX = {\n  '& .MuiInputBase-root': {\n    alignItems: 'center',\n  },\n  '& .MuiInputAdornment-positionEnd': {\n    marginBottom: 0,\n    marginLeft: 0,\n    gap: 0,\n  },\n  '& .MuiInputAdornment-positionEnd > :not(style) + :not(style)': {\n    marginLeft: 0,\n  },\n  '& .MuiInputAdornment-positionEnd .MuiIconButton-root': {\n    margin: 0,\n    padding: 0,\n  },\n  '& .clearButton': {\n    opacity: 1,\n    visibility: 'visible',\n  },\n  '@media (pointer: fine)': {\n    '& .clearButton': {\n      opacity: 1,\n      visibility: 'visible',\n    },\n  },\n};\n\nconst TIME_PICKER_PAPER_SX = {\n  border: 0,\n  borderRadius: 1,\n  boxShadow: 8,\n  backgroundImage: 'none',\n  backgroundColor: 'background.paper',\n  overflow: 'hidden',\n  '& .MuiPickersLayout-contentWrapper': {\n    border: 0,\n  },\n  '& .MuiPickersLayout-actionBar': {\n    borderTop: '1px solid',\n    borderColor: '#e0e0e0',\n  },\n  '& .MuiMultiSectionDigitalClock-root, & .MuiDigitalClock-root': {\n    border: 0,\n  },\n  '& .MuiMultiSectionDigitalClockSection-root': {\n    border: 0,\n  },\n  '& .MuiMultiSectionDigitalClockSection-root:last-of-type': {\n    overflowY: 'hidden',\n    scrollbarWidth: 'none',\n    '&::-webkit-scrollbar': {\n      display: 'none',\n      width: 0,\n    },\n    '@media (pointer: fine)': {\n      '&:hover': {\n        overflowY: 'hidden',\n      },\n    },\n    '@media (pointer: none), (pointer: coarse)': {\n      overflowY: 'hidden',\n    },\n  },\n};\n\nexport type OwpTimePickerValue = string | Date | Dayjs;\ntype OwpTimePickerTextFieldClickEvent = Parameters<NonNullable<TextFieldProps['onClick']>>[0];\ntype OwpTimePickerTextFieldKeyDownEvent = Parameters<NonNullable<TextFieldProps['onKeyDown']>>[0];\n\nconst isValueEditingKey = (event: OwpTimePickerTextFieldKeyDownEvent) => {\n  if (event.ctrlKey || event.altKey || event.metaKey) {\n    return false;\n  }\n\n  return event.key.length === 1 || event.key === 'Backspace' || event.key === 'Delete';\n};\n\ninterface OwnProps {\n  label?: string;\n  variant?: TextFieldProps['variant'];\n  sx?: TextFieldProps['sx'];\n  value?: OwpTimePickerValue;\n  format?: string;\n  useAmPm?: boolean;\n  placeholder?: string;\n  disabledClearButton?: boolean;\n  fullWidth?: boolean;\n  onChange?: (value?: string) => void;\n  slotProps?: TimePickerProps<false>['slotProps'];\n  textFieldProps?: Omit<TextFieldProps, 'value' | 'defaultValue' | 'onChange'>;\n}\n\ntype OwpTimePickerProps = OwnProps &\n  Omit<\n    TimePickerProps<false>,\n    | 'value'\n    | 'onChange'\n    | 'label'\n    | 'format'\n    | 'ampm'\n    | 'slotProps'\n    | 'enableAccessibleFieldDOMStructure'\n  >;\n\n/**\n * OwpTimePicker 컴포넌트\n * @param label 입력 라벨\n * @param variant variant 값\n * @param sx sx 값\n * @param value 현재 값, clear 버튼 동작 대상 값\n * @param format 시간 포맷\n * @param useAmPm 오전/오후 포맷 사용 여부\n * @param disabledClearButton clear 버튼 비활성화 여부\n * @param fullWidth 전체 너비 사용 여부\n * @param onChange onChange 핸들러, clear 버튼 활성화 조건\n * @param slotProps TimePicker slot props\n * @param textFieldProps TextField props\n */\nconst OwpTimePicker = ({\n  label,\n  variant = 'standard',\n  sx,\n  value,\n  format = VALUE_TIME_FORMATTER,\n  useAmPm,\n  placeholder,\n  disabledClearButton,\n  fullWidth,\n  onChange,\n  textFieldProps,\n  localeText,\n  open: openProp,\n  onOpen,\n  onClose,\n  slots,\n  slotProps,\n  ...timePickerProps\n}: OwpTimePickerProps) => {\n  const normalizedValueFormat = VALUE_TIME_FORMATTER;\n  const useMeridiem = useAmPm ?? /a/i.test(format);\n  const displayFormat = useMeridiem ? 'A hh:mm' : normalizedValueFormat;\n  const resolvedCloseOnSelect = timePickerProps.closeOnSelect ?? false;\n  const resolvedTimeSteps = {\n    minutes: 1,\n    ...timePickerProps.timeSteps,\n  };\n  const [internalOpen, setInternalOpen] = useState(false);\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const popperRef = useRef<HTMLDivElement | null>(null);\n  const skipNextOpenRef = useRef(false);\n  const { t, i18n } = useOwpTranslation();\n  const languageId = i18n.resolvedLanguage ?? i18n.language ?? 'kr';\n  const adapterLocale = languageId === 'kr' ? 'ko' : 'en';\n  const resolvedLocaleText = {\n    okButtonLabel: t('Button.확인'),\n    clearButtonLabel: t('Button.초기화'),\n    fieldHoursPlaceholder: () => EMPTY_TIME_SECTION,\n    fieldMinutesPlaceholder: () => EMPTY_TIME_SECTION,\n    fieldMeridiemPlaceholder: () => EMPTY_TIME_SECTION,\n    ...localeText,\n  };\n  const resolvedPlaceholder = placeholder ?? (useMeridiem ? '–– ––:––' : '––:––');\n  const resolvedTextFieldSx = [TIME_PICKER_TEXT_FIELD_SX, sx, textFieldProps?.sx].filter(\n    Boolean,\n  ) as SxProps<Theme>;\n  const isClearDisabled = Boolean(\n    disabledClearButton || timePickerProps.disabled || timePickerProps.readOnly,\n  );\n  const canClear = Boolean(onChange) && !disabledClearButton;\n  const isControlledOpen = openProp !== undefined;\n  const isOpen = isControlledOpen ? openProp : internalOpen;\n  const actionBarSlotProps =\n    typeof slotProps?.actionBar === 'function' ? undefined : slotProps?.actionBar;\n\n  const selectedValue = useMemo(() => {\n    if (!value) {\n      return null;\n    }\n\n    if (dayjs.isDayjs(value)) {\n      return value;\n    }\n\n    if (typeof value === 'string') {\n      const parsedValue = dayjs(value, normalizedValueFormat, true);\n      return parsedValue.isValid() ? parsedValue : null;\n    }\n\n    const parsedValue = dayjs(value);\n    return parsedValue.isValid() ? parsedValue : null;\n  }, [normalizedValueFormat, value]);\n\n  const handleChange = (nextValue: Dayjs | null) => {\n    onChange?.(nextValue?.isValid() ? nextValue.format(normalizedValueFormat) : undefined);\n  };\n\n  const handleOpen = useCallback(() => {\n    if (skipNextOpenRef.current) {\n      skipNextOpenRef.current = false;\n      return;\n    }\n\n    if (!isControlledOpen) {\n      setInternalOpen(true);\n    }\n\n    onOpen?.();\n  }, [isControlledOpen, onOpen]);\n\n  const handleClose = useCallback(() => {\n    if (!isControlledOpen) {\n      setInternalOpen(false);\n    }\n\n    onClose?.();\n  }, [isControlledOpen, onClose]);\n\n  const handleClear = () => {\n    onChange?.('');\n  };\n\n  const handleTextFieldClick = useCallback(\n    (event: OwpTimePickerTextFieldClickEvent) => {\n      textFieldProps?.onClick?.(event);\n\n      if (event.defaultPrevented || timePickerProps.disabled || timePickerProps.readOnly) {\n        return;\n      }\n\n      if (isOpen) {\n        skipNextOpenRef.current = true;\n        handleClose();\n        queueMicrotask(() => {\n          skipNextOpenRef.current = false;\n        });\n        return;\n      }\n\n      handleOpen();\n    },\n    [handleClose, handleOpen, isOpen, textFieldProps, timePickerProps.disabled, timePickerProps.readOnly],\n  );\n\n  const handleTextFieldKeyDown = useCallback(\n    (event: OwpTimePickerTextFieldKeyDownEvent) => {\n      textFieldProps?.onKeyDown?.(event);\n\n      if (event.defaultPrevented || !isOpen || !isValueEditingKey(event)) {\n        return;\n      }\n\n      handleClose();\n    },\n    [handleClose, isOpen, textFieldProps],\n  );\n\n  useEffect(() => {\n    if (!isOpen) {\n      return undefined;\n    }\n\n    const handleDocumentMouseDown = (event: MouseEvent) => {\n      const target = event.target;\n\n      if (!(target instanceof Node)) {\n        return;\n      }\n\n      if (rootRef.current?.contains(target) || popperRef.current?.contains(target)) {\n        return;\n      }\n\n      handleClose();\n    };\n\n    document.addEventListener('mousedown', handleDocumentMouseDown, true);\n\n    return () => {\n      document.removeEventListener('mousedown', handleDocumentMouseDown, true);\n    };\n  }, [handleClose, isOpen]);\n\n  const TimePickerInputAdornment = ({ position, children, ...restProps }: InputAdornmentProps) => (\n    <InputAdornment position={position} {...restProps}>\n      {position === 'end' && canClear && (\n        <IconButton\n          className=\"clearButton\"\n          size=\"small\"\n          aria-label={resolvedLocaleText.clearButtonLabel}\n          disabled={isClearDisabled}\n          onClick={(event) => {\n            event.preventDefault();\n            event.stopPropagation();\n            handleClear();\n          }}\n        >\n          <ClearIcon fontSize=\"small\" />\n        </IconButton>\n      )}\n      {children}\n    </InputAdornment>\n  );\n\n  const TimePickerDigitalClockSectionItem = useMemo(\n    () =>\n      forwardRef<HTMLLIElement, MenuItemProps>((props, ref) => {\n        const { onClick, ...restProps } = props;\n\n        const handleClick = (event: ReactMouseEvent<HTMLLIElement>) => {\n          onClick?.(event);\n\n          const parentElement = event.currentTarget.parentElement;\n          const parentParentElement = parentElement?.parentElement;\n          const sectionIndex = parentParentElement\n            ? Array.from(parentParentElement.children).indexOf(parentElement)\n            : -1;\n\n          if (sectionIndex === TIME_PICKER_MINUTE_SECTION_INDEX) {\n            window.setTimeout(handleClose, 0);\n          }\n        };\n\n        return <MenuItem ref={ref} onClick={handleClick} {...restProps} />;\n      }),\n    [handleClose],\n  );\n\n  return (\n    <LocalizationProvider dateAdapter={AdapterDayjs} adapterLocale={adapterLocale}>\n      <div ref={rootRef}>\n        <TimePicker\n          {...timePickerProps}\n          enableAccessibleFieldDOMStructure={false}\n          ampm={useMeridiem}\n          open={isOpen}\n          closeOnSelect={resolvedCloseOnSelect}\n          timeSteps={resolvedTimeSteps}\n          label={label}\n          value={selectedValue}\n          format={displayFormat}\n          localeText={resolvedLocaleText}\n          onChange={handleChange}\n          onOpen={handleOpen}\n          onClose={handleClose}\n          slots={{\n            ...slots,\n            inputAdornment: TimePickerInputAdornment,\n            digitalClockSectionItem:\n              slots?.digitalClockSectionItem ?? TimePickerDigitalClockSectionItem,\n          }}\n          slotProps={{\n            popper: {\n              placement: 'bottom-end',\n              ref: (instance) => {\n                popperRef.current = instance;\n              },\n              modifiers: [\n                {\n                  name: 'offset',\n                  options: {\n                    offset: [0, 7],\n                  },\n                },\n              ],\n            },\n            desktopPaper: {\n              sx: TIME_PICKER_PAPER_SX,\n            },\n            mobilePaper: {\n              sx: TIME_PICKER_PAPER_SX,\n            },\n            actionBar: {\n              actions: [],\n              sx: {\n                backgroundColor: '#f6f3f4',\n                minHeight: 44,\n                padding: '4px 8px',\n                '& .MuiButton-root': {\n                  minHeight: 28,\n                  minWidth: 48,\n                  padding: '4px 8px',\n                  fontSize: '1.3rem',\n                  lineHeight: 1.2,\n                },\n                ...actionBarSlotProps?.sx,\n              },\n              ...actionBarSlotProps,\n            },\n            openPickerButton: {\n              size: 'small',\n              onClick: (event) => {\n                event.preventDefault();\n                event.stopPropagation();\n\n                if (!isOpen) {\n                  handleOpen();\n                }\n              },\n              sx: {\n                margin: 0,\n                padding: 0,\n              },\n            },\n            openPickerIcon: {\n              fontSize: 'small',\n            },\n            inputAdornment: {\n              sx: {\n                marginBottom: 0,\n                marginLeft: 0,\n                gap: 0,\n              },\n            },\n            digitalClockItem: {\n              sx: SELECTED_TIME_ITEM_SX,\n            },\n            digitalClockSectionItem: {\n              sx: SELECTED_TIME_ITEM_SX,\n            },\n            textField: {\n              variant,\n              fullWidth,\n              ...textFieldProps,\n              className: clsx(\n                !fullWidth && (useMeridiem ? 'w-[160px]' : 'w-[140px]'),\n                textFieldProps?.className,\n              ),\n              onClick: handleTextFieldClick,\n              onKeyDown: handleTextFieldKeyDown,\n              placeholder: resolvedPlaceholder,\n              sx: resolvedTextFieldSx,\n            },\n          }}\n        />\n      </div>\n    </LocalizationProvider>\n  );\n};\n\nexport { OwpTimePicker };\n"],"names":["ensureDayjsBrowserSetup","EMPTY_TIME_SECTION","TIME_PICKER_MINUTE_SECTION_INDEX","SELECTED_TIME_ITEM_SX","TIME_PICKER_TEXT_FIELD_SX","TIME_PICKER_PAPER_SX","isValueEditingKey","__name","event","OwpTimePicker","label","variant","sx","value","format","VALUE_TIME_FORMATTER","useAmPm","placeholder","disabledClearButton","fullWidth","onChange","textFieldProps","localeText","openProp","onOpen","onClose","slots","slotProps","timePickerProps","normalizedValueFormat","useMeridiem","displayFormat","resolvedCloseOnSelect","resolvedTimeSteps","internalOpen","setInternalOpen","useState","rootRef","useRef","popperRef","skipNextOpenRef","t","i18n","useOwpTranslation","adapterLocale","resolvedLocaleText","resolvedPlaceholder","resolvedTextFieldSx","isClearDisabled","canClear","isControlledOpen","isOpen","actionBarSlotProps","selectedValue","useMemo","dayjs","parsedValue","handleChange","nextValue","handleOpen","useCallback","handleClose","handleClear","handleTextFieldClick","_a","handleTextFieldKeyDown","useEffect","handleDocumentMouseDown","target","_b","TimePickerInputAdornment","position","children","restProps","jsxs","InputAdornment","jsx","IconButton","ClearIcon","TimePickerDigitalClockSectionItem","forwardRef","props","ref","onClick","MenuItem","parentElement","parentParentElement","LocalizationProvider","AdapterDayjs","TimePicker","instance","clsx"],"mappings":"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"}