@owp/core 2.5.25 → 2.5.27

package/dist/components/OwpPicker/OwpDatePicker.js

@@ -1,335 +1,360 @@
-var Mt = Object.defineProperty;
-var e = (u, I) => Mt(u, "name", { value: I, configurable: !0 });
-import { jsx as m, jsxs as zt } 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 gt } from "../../hooks/useOwpTranslation.js";
-import Ot 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 { InputAdornment as Ut, IconButton as $t, Paper as Ht } from "@mui/material";
+var Ze = Object.defineProperty;
+var r = (i, N) => Ze(i, "name", { value: N, configurable: !0 });
+import { jsx as m, jsxs as We } 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 ve } from "../../hooks/useOwpTranslation.js";
+import Ye 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 { InputAdornment as he, IconButton as et, Paper as tt } from "@mui/material";
 import { clsx as _ } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import { enUS as jt } from "../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/en-US.js";
-import { ko as qt } from "../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/ko.js";
-import { owpDayjs as x } from "../../dayjs.js";
-import { useState as O, useRef as K, useMemo as U, useEffect as Bt } from "react";
-import { DatePicker as Ft, CalendarContainer as Gt, registerLocale as et, setDefaultLocale as Jt } from "../../node_modules/.pnpm/react-datepicker@8.7.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-datepicker/dist/index.es.js";
-import { AnimatedCalendarContainer as Qt } from "./internal/AnimatedCalendarContainer.js";
-import { CalendarContainer as Tt } from "./internal/CalendarContainer.js";
-import { DatePickerInput as Xt } from "./internal/DatePickerInput.js";
-import { VALUE_YEAR_FORMATTER as nt, VALUE_MONTH_FORMATTER as at, VALUE_TIME_FORMATTER as $, VALUE_DATE_FORMATTER as k, PICKER_INVALID_INPUT_MESSAGE_KEY as Zt } from "./constants/index.js";
-import { getPickerInputMask as Pt, getAdjacentFocusableElement as Yt } from "./utils/index.js";
-import { OwpTextMaskField as Wt } from "../OwpTextField/OwpTextMaskField.js";
-et("ko", qt);
-et("en", jt);
-Jt("ko");
-const vt = /* @__PURE__ */ e((u) => !(u.ctrlKey || u.altKey || u.metaKey || u.key === "Escape" || u.key === "Enter" || u.key === "Tab"), "isDatePickerOpenKey"), Z = /* @__PURE__ */ e((u, I) => {
-  const E = u.trim();
-  if (I === nt) {
-    const n = `${E}-01-01`, c = x(n, k, !0);
-    return c.isValid() && c.format(k) === n ? c : null;
+import { enUS as rt } from "../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/en-US.js";
+import { ko as nt } from "../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/ko.js";
+import { owpDayjs as y } from "../../dayjs.js";
+import { useState as M, useRef as K, useMemo as x, useEffect as at } from "react";
+import { DatePicker as ot, CalendarContainer as st, registerLocale as pe, setDefaultLocale as lt } from "../../node_modules/.pnpm/react-datepicker@8.7.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-datepicker/dist/index.es.js";
+import { AnimatedCalendarContainer as it } from "./internal/AnimatedCalendarContainer.js";
+import { CalendarContainer as ut } from "./internal/CalendarContainer.js";
+import { DatePickerInput as ct } from "./internal/DatePickerInput.js";
+import { useOwpDatePickerCalendarHeaderState as pt, getOwpDatePickerCalendarClassName as dt } from "./internal/useOwpDatePickerCalendarHeaderState.js";
+import { OwpDatePickerCalendarHeader as ft } from "./internal/OwpDatePickerCalendarHeader.js";
+import { getOwpDatePickerEditorPaperSx as mt, getOwpPickerEditorInputSx as Dt } from "./internal/pickerEditorStyles.js";
+import { PICKER_TRANSITION_DURATION as Ct, PICKER_REOPEN_SUPPRESSION_DURATION as $ } from "./internal/useOwpPickerPopperTransition.js";
+import { VALUE_YEAR_FORMATTER as de, VALUE_MONTH_FORMATTER as fe, VALUE_TIME_FORMATTER as z, VALUE_DATE_FORMATTER as k, PICKER_INVALID_INPUT_MESSAGE_KEY as It } from "./constants/index.js";
+import { getPickerInputMask as Et, getAdjacentFocusableElement as kt } from "./utils/index.js";
+import { OwpTextMaskField as Vt } from "../OwpTextField/OwpTextMaskField.js";
+pe("ko", nt);
+pe("en", rt);
+lt("ko");
+const Nt = /* @__PURE__ */ r((i) => !(i.ctrlKey || i.altKey || i.metaKey || i.key === "Escape" || i.key === "Enter" || i.key === "Tab"), "isDatePickerOpenKey"), j = /* @__PURE__ */ r((i, N) => {
+  const w = i.trim();
+  if (N === de) {
+    const a = `${w}-01-01`, u = y(a, k, !0);
+    return u.isValid() && u.format(k) === a ? u : null;
   }
-  if (I === at) {
-    const n = `${E}-01`, c = x(n, k, !0);
-    return c.isValid() && c.format(k) === n ? c : null;
+  if (N === fe) {
+    const a = `${w}-01`, u = y(a, k, !0);
+    return u.isValid() && u.format(k) === a ? u : null;
   }
-  const V = x(E, k, !0);
-  return V.isValid() && V.format(k) === E ? V : null;
-}, "parseDatePickerInput"), Vr = /* @__PURE__ */ e(({
-  className: u,
-  label: I,
-  variant: E = "standard",
-  sx: V,
-  value: n,
-  useAmPm: c,
+  const O = y(w, k, !0);
+  return O.isValid() && O.format(k) === w ? O : null;
+}, "parseDatePickerInput"), Zt = /* @__PURE__ */ r(({
+  className: i,
+  label: N,
+  variant: w = "standard",
+  sx: O,
+  value: a,
+  useAmPm: u,
   onChange: o,
-  fullWidth: y,
-  showYearPicker: A,
-  showMonthPicker: N,
-  showTimeSelect: b,
-  showTimeSelectOnly: i,
-  showTimeInput: C,
-  textFieldProps: l,
-  disabledClearButton: ot,
-  disabledFutureDates: it,
-  popperClassName: st,
-  popperContainer: ut,
-  ...L
+  fullWidth: L,
+  showYearPicker: p,
+  showMonthPicker: C,
+  showTimeSelect: R,
+  showTimeSelectOnly: s,
+  showTimeInput: A,
+  textFieldProps: d,
+  disabledClearButton: me,
+  disabledFutureDates: De,
+  popperClassName: Ce,
+  popperContainer: ee,
+  ...T
 }) => {
   const {
-    selectsMultiple: St,
-    selectsRange: ht,
-    selected: tr,
-    startDate: rr,
-    endDate: er,
-    calendarContainer: ct,
-    open: lt,
-    onCalendarOpen: H,
-    onCalendarClose: j,
-    onClickOutside: q,
-    onInputClick: B,
-    preventOpenOnFocus: pt,
-    ...ft
-  } = L, { t: M, i18n: P } = gt(), [mt, Y] = O("bottom-start"), [F, z] = O(!1), [d, D] = O(""), [W, f] = O(!1), v = K(null), S = K(null), G = K(null), h = K(null), w = K(0), dt = (P.resolvedLanguage ?? P.language ?? "kr") === "kr" ? "ko" : "en", s = U(() => A ? nt : N ? at : i ? $ : C || b ? `${k} ${$}` : k, [A, N, C, b, i]), J = U(() => {
-    if (!n) return null;
-    if (i && typeof n == "string") {
-      const [t = "", r = ""] = n.split(":"), a = Number(t), R = Number(r);
-      if (Number.isNaN(a) || Number.isNaN(R))
+    selectsMultiple: wt,
+    selectsRange: Rt,
+    selected: Ot,
+    startDate: At,
+    endDate: bt,
+    calendarClassName: Ie,
+    calendarContainer: Ee,
+    open: ke,
+    openToDate: te,
+    onCalendarOpen: q,
+    onCalendarClose: B,
+    onClickOutside: S,
+    onInputClick: F,
+    preventOpenOnFocus: Ve,
+    renderCustomHeader: Ne,
+    shouldCloseOnSelect: re,
+    ...we
+  } = T, { t: P, i18n: ne } = ve(), [Re, ae] = M("bottom-start"), [G, U] = M(!1), [I, V] = M(""), [oe, D] = M(!1), se = K(null), le = K(null), ie = K(null), g = K(null), b = K(0), Oe = (ne.resolvedLanguage ?? ne.language ?? "kr") === "kr" ? "ko" : "en", l = x(() => p ? de : C ? fe : s ? z : A || R ? `${k} ${z}` : k, [p, C, A, R, s]), J = x(() => {
+    if (!a) return null;
+    if (s && typeof a == "string") {
+      const [e = "", t = ""] = a.split(":"), n = Number(e), f = Number(t);
+      if (Number.isNaN(n) || Number.isNaN(f))
         return null;
-      const rt = /* @__PURE__ */ new Date();
-      return rt.setHours(a, R, 0, 0), rt;
+      const E = /* @__PURE__ */ new Date();
+      return E.setHours(n, f, 0, 0), E;
     }
-    return new Date(n);
-  }, [i, n]), Q = U(() => {
-    if (!n || typeof n != "string")
-      return n ? x(n).format(s) : "";
-    const t = Z(n, s);
-    return t != null && t.isValid() ? t.format(s) : n;
-  }, [n, s]), p = !i && !C && !b, kt = U(() => {
-    if (!p || !d)
+    return new Date(a);
+  }, [s, a]), Q = x(() => {
+    if (!a || typeof a != "string")
+      return a ? y(a).format(l) : "";
+    const e = j(a, l);
+    return e != null && e.isValid() ? e.format(l) : a;
+  }, [a, l]), c = !s && !A && !R, Ae = re !== !1, be = c && p ? !1 : re, {
+    calendarDisplayDate: He,
+    calendarHeaderPickerView: _e,
+    calendarHeaderView: Ke,
+    closeCalendarHeaderPicker: X,
+    isCalendarHeaderViewOpen: xe,
+    resetCalendarDisplayDate: Z,
+    selectCalendarDisplayDate: ye,
+    toggleCalendarHeaderPicker: Le
+  } = pt({
+    showMonthPicker: C,
+    showYearPicker: p
+  }), W = !!p, v = x(() => {
+    if (!c || !I)
       return J;
-    const t = Z(d, s);
-    return t != null && t.isValid() ? t.toDate() : J;
-  }, [p, d, J, s]), Dt = /* @__PURE__ */ e((t) => {
-    const r = t ? x(t).format(s) : void 0;
-    D(r ?? ""), f(!1), o == null || o(r), p && (w.current = Date.now() + 200, X());
-  }, "handleSelect"), T = /* @__PURE__ */ e(() => {
-    Date.now() < w.current || p && (z(!0), D(Q), f(!1));
-  }, "openPicker"), g = /* @__PURE__ */ e((t) => {
-    var r;
-    p && z(!1), (r = h.current) == null || r.setOpen(!1, t);
-  }, "closePicker"), It = /* @__PURE__ */ e((t) => {
-    const r = v.current;
-    r && window.requestAnimationFrame(() => {
-      var a;
-      (a = Yt(r, t)) == null || a.focus();
+    const e = j(I, l);
+    return e != null && e.isValid() ? e.toDate() : J;
+  }, [c, I, J, l]), Te = /* @__PURE__ */ r((e) => /* @__PURE__ */ m(
+    ft,
+    {
+      ...e,
+      disableDropdown: W,
+      pickerView: _e,
+      selectedDate: v,
+      showMonthPicker: C,
+      showYearPicker: p,
+      view: W ? null : Ke,
+      onCloseView: X,
+      onSelectViewDate: ye,
+      onToggleView: Le
+    }
+  ), "renderOwpCalendarHeader"), ue = /* @__PURE__ */ r(() => Date.now() < b.current, "isOpenSuppressed"), Y = /* @__PURE__ */ r(() => {
+    ue() || c && (U(!0), V(Q), D(!1));
+  }, "openPicker"), H = /* @__PURE__ */ r((e) => {
+    var t;
+    c && U(!1), X(), (t = g.current) == null || t.setOpen(!1, e);
+  }, "closePicker"), Pe = /* @__PURE__ */ r((e) => {
+    const t = se.current;
+    t && window.requestAnimationFrame(() => {
+      var n;
+      (n = kt(t, e)) == null || n.focus();
     });
-  }, "focusAdjacentElement"), X = /* @__PURE__ */ e(() => {
+  }, "focusAdjacentElement"), h = /* @__PURE__ */ r(() => {
     window.requestAnimationFrame(() => {
-      var t;
-      (t = S.current) == null || t.focus();
+      var e;
+      (e = le.current) == null || e.focus();
     });
-  }, "focusExternalInput"), tt = /* @__PURE__ */ e((t) => {
-    if (!d)
-      return f(!1), o == null || o(""), !0;
-    const r = Z(d, s);
-    if (!(r != null && r.isValid()))
-      return t && d && f(!0), !1;
-    const a = r.format(s);
-    return D(a), f(!1), o == null || o(a), !0;
-  }, "commitInputDraftValue"), Et = /* @__PURE__ */ e(() => {
-    z(!0), D(Q), f(!1), H == null || H();
-  }, "handleCalendarOpen"), bt = /* @__PURE__ */ e(() => {
-    z(!1), f(!1), j == null || j();
-  }, "handleCalendarClose"), Rt = /* @__PURE__ */ e(() => {
-    T(), B == null || B();
-  }, "handleInputClick"), Vt = /* @__PURE__ */ e((t) => {
-    var r;
-    (r = l == null ? void 0 : l.onFocus) == null || r.call(l, t), !(t.defaultPrevented || !p) && T();
-  }, "handleExternalInputFocus"), At = /* @__PURE__ */ e((t) => {
-    var r;
-    (r = l == null ? void 0 : l.onKeyDown) == null || r.call(l, t), !(t.defaultPrevented || !vt(t)) && T();
-  }, "handleExternalInputKeyDown"), Nt = /* @__PURE__ */ e((t) => {
-    tt(), g(), q == null || q(t);
-  }, "handleClickOutside"), Ct = /* @__PURE__ */ e((t) => {
-    D(t.target.value), f(!1);
-  }, "handlePickerInputChange"), wt = /* @__PURE__ */ e((t) => {
-    if (t.stopPropagation(), t.nativeEvent.stopImmediatePropagation(), t.key === "Escape") {
-      t.preventDefault(), D(Q), f(!1), w.current = Date.now() + 200, g(!0), X();
+  }, "focusExternalInput"), Ue = /* @__PURE__ */ r((e) => {
+    const t = e ? y(e).format(l) : void 0;
+    V(t ?? ""), D(!1), o == null || o(t), c && (b.current = Date.now() + $, p && Ae && H(!0), h());
+  }, "handleSelect"), ce = /* @__PURE__ */ r((e) => {
+    if (!I)
+      return D(!1), o == null || o(""), !0;
+    const t = j(I, l);
+    if (!(t != null && t.isValid()))
+      return e && I && D(!0), !1;
+    const n = t.format(l);
+    return V(n), D(!1), o == null || o(n), !0;
+  }, "commitInputDraftValue"), ge = /* @__PURE__ */ r(() => {
+    var e;
+    if (ue()) {
+      (e = g.current) == null || e.setOpen(!1, !0);
+      return;
+    }
+    U(!0), Z(v ?? te ?? null), V(Q), D(!1), q == null || q();
+  }, "handleCalendarOpen"), Me = /* @__PURE__ */ r(() => {
+    U(!1), Z(), D(!1), X(), B == null || B();
+  }, "handleCalendarClose"), $e = /* @__PURE__ */ r(() => {
+    Y(), F == null || F();
+  }, "handleInputClick"), ze = /* @__PURE__ */ r((e) => {
+    var t;
+    (t = d == null ? void 0 : d.onFocus) == null || t.call(d, e), !(e.defaultPrevented || !c) && Y();
+  }, "handleExternalInputFocus"), je = /* @__PURE__ */ r((e) => {
+    var t;
+    (t = d == null ? void 0 : d.onKeyDown) == null || t.call(d, e), !(e.defaultPrevented || !Nt(e)) && Y();
+  }, "handleExternalInputKeyDown"), qe = /* @__PURE__ */ r((e) => {
+    ce(), H(), S == null || S(e);
+  }, "handleClickOutside"), Be = /* @__PURE__ */ r((e) => {
+    var E;
+    const t = e.target.value, n = j(t, l);
+    if (V(t), D(!1), !(n != null && n.isValid()))
+      return;
+    const f = n.toDate();
+    Z(f), (E = g.current) == null || E.setPreSelection(f);
+  }, "handlePickerInputChange"), Se = /* @__PURE__ */ r((e) => {
+    if (e.stopPropagation(), e.nativeEvent.stopImmediatePropagation(), e.key === "Escape") {
+      e.preventDefault(), V(Q), D(!1), b.current = Date.now() + $, H(!0), h();
       return;
     }
-    if (!(t.key !== "Enter" && t.key !== "Tab") && (t.preventDefault(), !!tt(!0))) {
-      if (t.key === "Tab") {
-        w.current = Date.now() + 200, g(!0), It(t.shiftKey);
+    if (!(e.key !== "Enter" && e.key !== "Tab") && (e.preventDefault(), !!ce(!0))) {
+      if (e.key === "Tab") {
+        b.current = Date.now() + $, H(!0), Pe(e.shiftKey);
         return;
       }
-      w.current = Date.now() + 200, g(!0), X();
+      b.current = Date.now() + $, H(!0), h();
     }
-  }, "handlePickerInputKeyDown"), _t = /* @__PURE__ */ e(() => {
-    D(""), f(!1), o == null || o("");
-  }, "handlePickerInputClear"), Kt = /* @__PURE__ */ e(() => {
-    i && Y("bottom-start");
-  }, "handleInputAreaClick"), xt = /* @__PURE__ */ e(() => {
-    i && Y("bottom-end");
+  }, "handlePickerInputKeyDown"), Fe = /* @__PURE__ */ r(() => {
+    V(""), D(!1), o == null || o("");
+  }, "handlePickerInputClear"), Ge = /* @__PURE__ */ r(() => {
+    s && ae("bottom-start");
+  }, "handleInputAreaClick"), Je = /* @__PURE__ */ r(() => {
+    s && ae("bottom-end");
   }, "handleIconClick");
-  Bt(() => {
-    if (!p || !F)
+  at(() => {
+    if (!c || !G)
       return;
-    const t = window.requestAnimationFrame(() => {
-      var a;
-      (a = G.current) == null || a.focus();
-    }), r = window.setTimeout(() => {
-      var a;
-      (a = G.current) == null || a.focus();
-    });
+    const e = /* @__PURE__ */ r(() => {
+      var E;
+      (E = ie.current) == null || E.focus();
+    }, "focusPickerInput"), t = window.requestAnimationFrame(() => {
+      e();
+    }), n = window.setTimeout(() => {
+      e();
+    }), f = window.setTimeout(() => {
+      e();
+    }, Ct);
     return () => {
-      window.cancelAnimationFrame(t), window.clearTimeout(r);
+      window.cancelAnimationFrame(t), window.clearTimeout(n), window.clearTimeout(f);
     };
-  }, [p, F]);
-  const yt = /* @__PURE__ */ e(({ children: t }) => /* @__PURE__ */ m(Qt, { container: ut ?? Tt, children: t }), "PopperContainer"), Lt = /* @__PURE__ */ e(({
-    children: t,
-    className: r,
-    ...a
-  }) => p ? /* @__PURE__ */ zt(
-    Ht,
-    {
-      className: "OwpDatePickerCalendarEditor",
-      elevation: 8,
-      sx: {
-        borderRadius: 1,
-        lineHeight: 0,
-        overflow: "hidden",
-        width: "auto",
-        "& .react-datepicker": {
-          border: 0,
-          display: "block",
-          lineHeight: "normal"
+  }, [c, G]);
+  const Qe = x(() => {
+    const e = ee ?? ut;
+    return ({ children: t }) => /* @__PURE__ */ m(it, { container: e, children: t });
+  }, [ee]), Xe = /* @__PURE__ */ r(({
+    children: e,
+    className: t,
+    ...n
+  }) => c ? /* @__PURE__ */ We(tt, { elevation: 8, sx: mt(), children: [
+    /* @__PURE__ */ m(
+      Vt,
+      {
+        autoFocus: !0,
+        inputRef: ie,
+        fullWidth: !0,
+        size: "small",
+        variant: "outlined",
+        value: I,
+        error: oe,
+        helperText: oe ? P(It) : void 0,
+        mask: Et(l),
+        placeholder: l,
+        onChange: Be,
+        onKeyDown: Se,
+        inputProps: {
+          inputMode: "numeric",
+          "aria-label": l
         },
-        "& .react-datepicker__month-container": {
-          float: "none"
-        },
-        "& .react-datepicker__month": {
-          marginBottom: 0
-        }
-      },
-      children: [
-        /* @__PURE__ */ m(
-          Wt,
+        endAdornment: /* @__PURE__ */ m(
+          he,
           {
-            autoFocus: !0,
-            inputRef: G,
-            fullWidth: !0,
-            size: "small",
-            variant: "outlined",
-            value: d,
-            error: W,
-            helperText: W ? M(Zt) : void 0,
-            mask: Pt(s),
-            placeholder: s,
-            onChange: Ct,
-            onKeyDown: wt,
-            inputProps: {
-              inputMode: "numeric",
-              "aria-label": s
+            position: "end",
+            sx: {
+              marginLeft: 0
             },
-            endAdornment: /* @__PURE__ */ m(
-              Ut,
+            children: /* @__PURE__ */ m(
+              et,
               {
-                position: "end",
+                size: "small",
+                tabIndex: -1,
+                "aria-label": P("Button.초기화"),
+                disabled: !I,
+                onClick: Fe,
+                onMouseDown: /* @__PURE__ */ r((f) => {
+                  f.preventDefault(), f.stopPropagation();
+                }, "onMouseDown"),
                 sx: {
-                  marginLeft: 0
+                  margin: 0,
+                  padding: 0.25
                 },
-                children: /* @__PURE__ */ m(
-                  $t,
-                  {
-                    size: "small",
-                    tabIndex: -1,
-                    "aria-label": M("Button.초기화"),
-                    disabled: !d,
-                    onClick: _t,
-                    onMouseDown: /* @__PURE__ */ e((R) => {
-                      R.preventDefault(), R.stopPropagation();
-                    }, "onMouseDown"),
-                    sx: {
-                      margin: 0,
-                      padding: 0.25
-                    },
-                    children: /* @__PURE__ */ m(Ot, { fontSize: "small" })
-                  }
-                )
+                children: /* @__PURE__ */ m(Ye, { fontSize: "small" })
               }
-            ),
-            sx: {
-              boxSizing: "border-box",
-              width: "100%",
-              px: 1,
-              py: 1,
-              "& .MuiOutlinedInput-root": {
-                borderRadius: 0.75,
-                fontSize: 13,
-                paddingRight: 0.5
-              }
-            }
+            )
           }
         ),
-        /* @__PURE__ */ m(
-          "div",
-          {
-            className: r,
-            ...a,
-            style: {
-              ...a.style,
-              border: 0,
-              display: "block",
-              lineHeight: "normal",
-              position: "relative"
-            },
-            children: t
-          }
-        )
-      ]
-    }
-  ) : /* @__PURE__ */ m(ct ?? Gt, { className: r, ...a, children: t }), "DatePickerCalendarContainer");
-  return /* @__PURE__ */ m("div", { ref: v, className: _(y && "w-full"), children: /* @__PURE__ */ m(
-    Ft,
+        sx: Dt("100%")
+      }
+    ),
+    /* @__PURE__ */ m(
+      "div",
+      {
+        className: t,
+        ...n,
+        style: {
+          ...n.style,
+          border: 0,
+          display: "block",
+          lineHeight: "normal",
+          position: "relative"
+        },
+        children: e
+      }
+    )
+  ] }) : /* @__PURE__ */ m(Ee ?? st, { className: t, ...n, children: e }), "DatePickerCalendarContainer");
+  return /* @__PURE__ */ m("div", { ref: se, className: _(L && "w-full"), children: /* @__PURE__ */ m(
+    ot,
     {
-      ref: h,
-      locale: dt,
-      calendarContainer: Lt,
-      popperPlacement: i ? mt : "bottom-start",
-      popperContainer: yt,
-      popperClassName: _("owp-animated-datepicker-popper", st),
-      className: _(y && "w-full"),
-      wrapperClassName: _(y && "w-full", L == null ? void 0 : L.wrapperClassName),
-      maxDate: it ? /* @__PURE__ */ new Date() : void 0,
-      showYearPicker: A,
-      showMonthYearPicker: N,
-      showTimeSelect: b,
-      showTimeSelectOnly: i,
-      showTimeInput: C,
+      ref: g,
+      locale: Oe,
+      calendarContainer: Xe,
+      calendarClassName: dt({
+        className: Ie,
+        isHeaderViewOpen: !W && xe,
+        showMonthPicker: C,
+        showYearPicker: p
+      }),
+      popperPlacement: s ? Re : "bottom-start",
+      popperContainer: Qe,
+      popperClassName: _("owp-animated-datepicker-popper", Ce),
+      className: _(L && "w-full"),
+      wrapperClassName: _(L && "w-full", T == null ? void 0 : T.wrapperClassName),
+      maxDate: De ? /* @__PURE__ */ new Date() : void 0,
+      showYearPicker: p,
+      showMonthYearPicker: C,
+      showTimeSelect: R,
+      showTimeSelectOnly: s,
+      showTimeInput: A,
       showPopperArrow: !1,
-      open: p ? F : lt,
-      preventOpenOnFocus: p ? !0 : pt,
-      selected: kt,
-      onChange: Dt,
-      onCalendarOpen: Et,
-      onCalendarClose: bt,
-      onClickOutside: Nt,
-      onInputClick: Rt,
-      dateFormat: i ? c ? "aa hh:mm" : $ : "Pp",
-      timeFormat: i ? c ? "aa hh:mm" : $ : void 0,
+      shouldCloseOnSelect: be,
+      open: c ? G : ke,
+      preventOpenOnFocus: c ? !0 : Ve,
+      openToDate: He ?? te,
+      selected: v,
+      onChange: Ue,
+      onCalendarOpen: ge,
+      onCalendarClose: Me,
+      onClickOutside: qe,
+      onInputClick: $e,
+      renderCustomHeader: Ne ?? Te,
+      dateFormat: s ? u ? "aa hh:mm" : z : "Pp",
+      timeFormat: s ? u ? "aa hh:mm" : z : void 0,
       customInput: /* @__PURE__ */ m(
-        Xt,
+        ct,
         {
           className: _(
-            A && "w-[140px]",
-            N && "w-[160px]",
-            !A && !N && "w-[172px]",
-            (C || b) && "w-[200px]",
-            i && !c && "w-[140px]",
-            i && c && "w-[170px]",
-            u
+            p && "w-[140px]",
+            C && "w-[160px]",
+            !p && !C && "w-[172px]",
+            (A || R) && "w-[200px]",
+            s && !u && "w-[140px]",
+            s && u && "w-[170px]",
+            i
           ),
-          label: I,
-          variant: E,
-          sx: V,
-          ...l,
-          inputElementRef: S,
-          onInputFocus: Vt,
-          onInputKeyDown: At,
-          reset: /* @__PURE__ */ e(() => o == null ? void 0 : o(""), "reset"),
-          fullWidth: y,
-          disabledClearButton: ot,
-          valueFormatter: s,
-          showTimeSelect: b,
-          showTimeSelectOnly: i,
-          onInputAreaClick: Kt,
-          onIconClick: xt
+          label: N,
+          variant: w,
+          sx: O,
+          ...d,
+          inputElementRef: le,
+          onInputFocus: ze,
+          onInputKeyDown: je,
+          reset: /* @__PURE__ */ r(() => o == null ? void 0 : o(""), "reset"),
+          fullWidth: L,
+          disabledClearButton: me,
+          valueFormatter: l,
+          showTimeSelect: R,
+          showTimeSelectOnly: s,
+          onInputAreaClick: Ge,
+          onIconClick: Je
         }
       ),
-      timeCaption: i ? `${M("Common.시간")}: ` : void 0,
-      timeInputLabel: `${M("Common.시간")}: `,
-      ...ft
+      timeCaption: s ? `${P("Common.시간")}: ` : void 0,
+      timeInputLabel: `${P("Common.시간")}: `,
+      ...we
     }
   ) });
 }, "OwpDatePicker");
 export {
-  Vr as OwpDatePicker
+  Zt as OwpDatePicker
 };
 //# sourceMappingURL=OwpDatePicker.js.map