@owp/core 2.5.25 → 2.5.26

package/dist/components/OwpPicker/OwpDatePicker.js

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