@owp/core 2.5.18 → 2.5.20

package/dist/components/OwpPicker/OwpDateRangePicker.js

@@ -1,104 +1,108 @@
-var H = Object.defineProperty;
-var r = (a, n) => H(a, "name", { value: n, configurable: !0 });
-import { jsx as u } 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 g } from "../../hooks/useOwpTranslation.js";
-import { clsx as s } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import { enUS as k } from "../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/en-US.js";
-import { ko as q } from "../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/ko.js";
-import E from "dayjs";
-import { useMemo as N } from "react";
-import { DatePicker as z, registerLocale as w, setDefaultLocale as B } 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 G } from "./internal/AnimatedCalendarContainer.js";
-import { CalendarContainer as J } from "./internal/CalendarContainer.js";
-import { DatePickerInput as K } from "./internal/DatePickerInput.js";
-import { VALUE_YEAR_FORMATTER as Q, VALUE_MONTH_FORMATTER as X, VALUE_DATE_FORMATTER as Z } from "./constants/index.js";
-import { isNull as $ } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNull.js";
-import { isNil as c } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNil.js";
-import { isEmpty as v } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isEmpty.js";
-w("ko", q);
-w("en", k);
-B("ko");
-const T = /* @__PURE__ */ r((a) => $(a) && c(a), "isNill"), Nt = /* @__PURE__ */ r(({
-  className: a,
-  label: n,
-  variant: x = "standard",
-  sx: L,
-  value: i,
-  fullWidth: d,
-  disabledClearButton: O,
-  disabledFutureDates: _,
-  onChange: e,
-  minDate: j,
-  maxDate: F,
-  minTime: I,
-  maxTime: U,
-  showYearPicker: p,
-  showMonthPicker: o,
-  textFieldProps: M,
-  popperClassName: S,
-  popperContainer: V,
-  ...l
+var B = Object.defineProperty;
+var a = (e, u) => B(e, "name", { value: u, configurable: !0 });
+import { jsx as w } 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 G } from "../../hooks/useOwpTranslation.js";
+import { clsx as i } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { enUS as J } from "../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/en-US.js";
+import { ko as Q } from "../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/ko.js";
+import A from "dayjs";
+import { useRef as X, useMemo as O } from "react";
+import { DatePicker as Z, registerLocale as L, setDefaultLocale as $ } 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 { CalendarContainer as x } from "./internal/CalendarContainer.js";
+import { DatePickerInput as W } from "./internal/DatePickerInput.js";
+import { VALUE_YEAR_FORMATTER as Y, VALUE_MONTH_FORMATTER as C, VALUE_DATE_FORMATTER as F } from "./constants/index.js";
+import { isNull as v } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNull.js";
+import { isNil as D } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNil.js";
+import { isEmpty as P } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isEmpty.js";
+L("ko", Q);
+L("en", J);
+$("ko");
+const K = /* @__PURE__ */ a((e) => v(e) && D(e), "isNill"), h = /* @__PURE__ */ a((e) => !(e.ctrlKey || e.altKey || e.metaKey || e.key === "Escape" || e.key === "Enter" || e.key === "Tab"), "isDateRangePickerOpenKey"), Ae = /* @__PURE__ */ a(({
+  className: e,
+  label: u,
+  variant: d = "standard",
+  sx: I,
+  value: f,
+  fullWidth: R,
+  disabledClearButton: _,
+  disabledFutureDates: j,
+  onChange: t,
+  minDate: k,
+  maxDate: U,
+  minTime: M,
+  maxTime: S,
+  showYearPicker: l,
+  showMonthPicker: s,
+  textFieldProps: m,
+  popperClassName: V,
+  popperContainer: b,
+  ...n
 }) => {
   const {
-    selectsMultiple: W,
-    selectsRange: Y,
-    selected: P,
-    startDate: h,
-    endDate: tt,
-    ...y
-  } = l, { i18n: D } = g(), b = (D.resolvedLanguage ?? D.language ?? "kr") === "kr" ? "ko" : "en", f = N(() => p ? Q : o ? X : Z, [p, o]), [m, R] = N(() => i ? i.split(",").map((t) => !t || T(t) ? null : new Date(t)) : [null, null], [i]), C = /* @__PURE__ */ r((t) => {
-    e == null || e(
-      v(t) ? void 0 : [...t].map((A) => T(A) ? "" : E(A).format(f)).join(",")
+    selectsMultiple: ee,
+    selectsRange: re,
+    selected: te,
+    startDate: ae,
+    endDate: me,
+    ...g
+  } = n, { i18n: E } = G(), y = X(null), H = (E.resolvedLanguage ?? E.language ?? "kr") === "kr" ? "ko" : "en", c = O(() => l ? Y : s ? C : F, [l, s]), [o, N] = O(() => f ? f.split(",").map((r) => !r || K(r) ? null : new Date(r)) : [null, null], [f]), q = /* @__PURE__ */ a((r) => {
+    t == null || t(
+      P(r) ? void 0 : [...r].map((p) => K(p) ? "" : A(p).format(c)).join(",")
     );
-  }, "handleSelect");
-  return /* @__PURE__ */ u(
-    z,
+  }, "handleSelect"), z = /* @__PURE__ */ a((r) => {
+    var p, T;
+    (p = m == null ? void 0 : m.onKeyDown) == null || p.call(m, r), !(r.defaultPrevented || !h(r)) && ((T = y.current) == null || T.setOpen(!0));
+  }, "handleExternalInputKeyDown");
+  return /* @__PURE__ */ w(
+    Z,
     {
-      ...y,
-      locale: b,
-      popperContainer: /* @__PURE__ */ r(({ children: t }) => /* @__PURE__ */ u(G, { container: V ?? J, children: t }), "PopperContainer"),
-      popperClassName: s("owp-animated-datepicker-popper", S),
-      className: s(d && "w-full"),
-      wrapperClassName: s(d && "w-full", l == null ? void 0 : l.wrapperClassName),
+      ref: y,
+      ...g,
+      locale: H,
+      popperContainer: b ?? x,
+      popperClassName: V,
+      className: i(R && "w-full"),
+      wrapperClassName: i(R && "w-full", n == null ? void 0 : n.wrapperClassName),
       selectsRange: !0,
-      minDate: j,
-      maxDate: _ ? /* @__PURE__ */ new Date() : F,
-      minTime: I,
-      maxTime: U,
-      showYearPicker: p,
-      showMonthYearPicker: o,
+      minDate: k,
+      maxDate: j ? /* @__PURE__ */ new Date() : U,
+      minTime: M,
+      maxTime: S,
+      showYearPicker: l,
+      showMonthYearPicker: s,
       showPopperArrow: !1,
       popperPlacement: "bottom-start",
-      selected: m,
-      onChange: C,
-      onCalendarClose: /* @__PURE__ */ r(() => {
-        !c(m) && c(R) && (e == null || e([m, m].map((t) => E(t).format(f)).join(",")));
+      selected: o,
+      onChange: q,
+      onCalendarClose: /* @__PURE__ */ a(() => {
+        !D(o) && D(N) && (t == null || t([o, o].map((r) => A(r).format(c)).join(",")));
       }, "onCalendarClose"),
-      startDate: m,
-      endDate: R,
-      customInput: /* @__PURE__ */ u(
-        K,
+      startDate: o,
+      endDate: N,
+      customInput: /* @__PURE__ */ w(
+        W,
         {
-          className: s(
-            p && "w-[180px]",
-            o && "w-[220px]",
-            !p && !o && "w-[260px]",
-            a
+          className: i(
+            l && "w-[180px]",
+            s && "w-[220px]",
+            !l && !s && "w-[260px]",
+            e
           ),
-          label: n,
-          variant: x,
-          sx: L,
-          ...M,
-          reset: /* @__PURE__ */ r(() => e == null ? void 0 : e(""), "reset"),
+          label: u,
+          variant: d,
+          sx: I,
+          ...m,
+          onInputKeyDown: z,
+          reset: /* @__PURE__ */ a(() => t == null ? void 0 : t(""), "reset"),
           useRange: !0,
-          disabledClearButton: O,
-          valueFormatter: f
+          disabledClearButton: _,
+          valueFormatter: c
         }
       )
     }
   );
 }, "OwpDateRangePicker");
 export {
-  Nt as OwpDateRangePicker
+  Ae as OwpDateRangePicker
 };
 //# sourceMappingURL=OwpDateRangePicker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OwpDateRangePicker.js","sources":["../../../src/components/OwpPicker/OwpDateRangePicker.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { TextFieldProps } from '@mui/material';\nimport clsx from 'clsx';\nimport { enUS } from 'date-fns/locale/en-US';\nimport { ko } from 'date-fns/locale/ko';\nimport dayjs from 'dayjs';\nimport { isEmpty, isNil, isNull } from 'es-toolkit/compat';\nimport { type ReactNode, useMemo } from 'react';\nimport ReactDatePicker, {\n  DatePickerProps,\n  registerLocale,\n  setDefaultLocale,\n} from 'react-datepicker';\nimport { AnimatedCalendarContainer } from './internal/AnimatedCalendarContainer';\nimport { CalendarContainer } from './internal/CalendarContainer';\nimport { DatePickerInput } from './internal/DatePickerInput';\nimport { VALUE_DATE_FORMATTER, VALUE_MONTH_FORMATTER, VALUE_YEAR_FORMATTER } from './constants';\n\nregisterLocale('ko', ko);\nregisterLocale('en', enUS);\nsetDefaultLocale('ko');\n\nconst isNill = (v: Date | string | number | undefined | null) => isNull(v) && isNil(v);\n\ntype DatePickerValue = string | Date;\ninterface OwnProps {\n  className?: string;\n  label?: string;\n  variant?: TextFieldProps['variant'];\n  sx?: TextFieldProps['sx'];\n  value?: DatePickerValue;\n  fullWidth?: boolean;\n  disabledClearButton?: boolean;\n  disabledFutureDates?: boolean;\n  onChange?: (value?: DatePickerValue) => void;\n  showYearPicker?: boolean;\n  showMonthPicker?: boolean;\n  textFieldProps?: Omit<TextFieldProps, 'value' | 'defaultValue' | 'onChange'>;\n}\n\ntype OwpDatePickerProps = OwnProps & DatePickerProps;\n\n/**\n * OwpDateRangePicker 컴포넌트\n * @param className CSS 클래스명\n * @param label 입력 라벨\n * @param variant variant 값\n * @param sx sx 값\n * @param value 현재 값\n * @param fullWidth 전체 너비 사용 여부\n */\nconst OwpDateRangePicker = ({\n  className,\n  label,\n  variant = 'standard',\n  sx,\n  value,\n  fullWidth,\n  disabledClearButton,\n  disabledFutureDates,\n  onChange,\n  minDate,\n  maxDate,\n  minTime,\n  maxTime,\n  showYearPicker,\n  showMonthPicker,\n  textFieldProps,\n  popperClassName: popperClassNameProp,\n  popperContainer: popperContainerProp,\n  ...datePickerProps\n}: OwpDatePickerProps) => {\n  const {\n    selectsMultiple,\n    selectsRange,\n    selected,\n    startDate: passedStartDate,\n    endDate: passedEndDate,\n    ...resolvedDatePickerProps\n  } = datePickerProps;\n  void [selectsMultiple, selectsRange, selected, passedStartDate, passedEndDate];\n  const { i18n } = useOwpTranslation();\n  const languageId = i18n.resolvedLanguage ?? i18n.language ?? 'kr';\n  const datePickerLocale = languageId === 'kr' ? 'ko' : 'en';\n  const valueFormatter = useMemo(() => {\n    if (showYearPicker) {\n      return VALUE_YEAR_FORMATTER;\n    }\n\n    if (showMonthPicker) {\n      return VALUE_MONTH_FORMATTER;\n    }\n    return VALUE_DATE_FORMATTER;\n  }, [showYearPicker, showMonthPicker]);\n\n  const [startDate, endDate] = useMemo(() => {\n    if (!value) return [null, null];\n    return value.split(',').map((v: string) => (!v || isNill(v) ? null : new Date(v)));\n  }, [value]);\n\n  const handleSelect = (dates?: [Date, Date]) => {\n    onChange?.(\n      !isEmpty(dates)\n        ? [...dates].map((d: Date) => (isNill(d) ? '' : dayjs(d).format(valueFormatter))).join(',')\n        : undefined,\n    );\n  };\n\n  const PopperContainer = ({ children }: { children?: ReactNode }) => (\n    <AnimatedCalendarContainer container={popperContainerProp ?? CalendarContainer}>\n      {children}\n    </AnimatedCalendarContainer>\n  );\n\n  return (\n    <ReactDatePicker\n      {...resolvedDatePickerProps}\n      locale={datePickerLocale}\n      popperContainer={PopperContainer}\n      popperClassName={clsx('owp-animated-datepicker-popper', popperClassNameProp)}\n      className={clsx(fullWidth && 'w-full')}\n      wrapperClassName={clsx(fullWidth && 'w-full', datePickerProps?.wrapperClassName)}\n      selectsRange\n      minDate={minDate}\n      maxDate={disabledFutureDates ? new Date() : maxDate}\n      minTime={minTime}\n      maxTime={maxTime}\n      showYearPicker={showYearPicker}\n      showMonthYearPicker={showMonthPicker}\n      showPopperArrow={false}\n      popperPlacement=\"bottom-start\"\n      selected={startDate}\n      onChange={handleSelect}\n      onCalendarClose={() => {\n        if (!isNil(startDate) && isNil(endDate)) {\n          onChange?.([startDate, startDate].map((d) => dayjs(d).format(valueFormatter)).join(','));\n        }\n      }}\n      startDate={startDate}\n      endDate={endDate}\n      customInput={\n        <DatePickerInput\n          className={clsx(\n            showYearPicker && 'w-[180px]',\n            showMonthPicker && 'w-[220px]',\n            !showYearPicker && !showMonthPicker && 'w-[260px]',\n            className,\n          )}\n          label={label}\n          variant={variant}\n          sx={sx}\n          {...textFieldProps}\n          reset={() => onChange?.('')}\n          useRange\n          disabledClearButton={disabledClearButton}\n          valueFormatter={valueFormatter}\n        />\n      }\n    />\n  );\n};\n\nexport { OwpDateRangePicker };\n"],"names":["registerLocale","ko","enUS","setDefaultLocale","isNill","__name","v","isNull","isNil","OwpDateRangePicker","className","label","variant","sx","value","fullWidth","disabledClearButton","disabledFutureDates","onChange","minDate","maxDate","minTime","maxTime","showYearPicker","showMonthPicker","textFieldProps","popperClassNameProp","popperContainerProp","datePickerProps","selectsMultiple","selectsRange","selected","passedStartDate","passedEndDate","resolvedDatePickerProps","i18n","useOwpTranslation","datePickerLocale","valueFormatter","useMemo","VALUE_YEAR_FORMATTER","VALUE_MONTH_FORMATTER","VALUE_DATE_FORMATTER","startDate","endDate","handleSelect","dates","isEmpty","d","dayjs","jsx","ReactDatePicker","children","AnimatedCalendarContainer","CalendarContainer","clsx","DatePickerInput"],"mappings":"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"}
+{"version":3,"file":"OwpDateRangePicker.js","sources":["../../../src/components/OwpPicker/OwpDateRangePicker.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { TextFieldProps } from '@mui/material';\nimport clsx from 'clsx';\nimport { enUS } from 'date-fns/locale/en-US';\nimport { ko } from 'date-fns/locale/ko';\nimport dayjs from 'dayjs';\nimport { isEmpty, isNil, isNull } from 'es-toolkit/compat';\nimport { useMemo, useRef } from 'react';\nimport ReactDatePicker, {\n  DatePickerProps,\n  registerLocale,\n  setDefaultLocale,\n} from 'react-datepicker';\nimport { CalendarContainer } from './internal/CalendarContainer';\nimport { DatePickerInput } from './internal/DatePickerInput';\nimport { VALUE_DATE_FORMATTER, VALUE_MONTH_FORMATTER, VALUE_YEAR_FORMATTER } from './constants';\n\nregisterLocale('ko', ko);\nregisterLocale('en', enUS);\nsetDefaultLocale('ko');\n\nconst isNill = (v: Date | string | number | undefined | null) => isNull(v) && isNil(v);\n\ntype DatePickerValue = string | Date;\ntype OwpDateRangePickerTextFieldKeyDownEvent = Parameters<\n  NonNullable<TextFieldProps['onKeyDown']>\n>[0];\n\n/** DateRangePicker 외부 입력에서 피커 open 처리할 키 여부 */\nconst isDateRangePickerOpenKey = (event: OwpDateRangePickerTextFieldKeyDownEvent) => {\n  if (\n    event.ctrlKey ||\n    event.altKey ||\n    event.metaKey ||\n    event.key === 'Escape' ||\n    event.key === 'Enter' ||\n    event.key === 'Tab'\n  ) {\n    return false;\n  }\n\n  return true;\n};\n\ninterface OwnProps {\n  className?: string;\n  label?: string;\n  variant?: TextFieldProps['variant'];\n  sx?: TextFieldProps['sx'];\n  value?: DatePickerValue;\n  fullWidth?: boolean;\n  disabledClearButton?: boolean;\n  disabledFutureDates?: boolean;\n  onChange?: (value?: DatePickerValue) => void;\n  showYearPicker?: boolean;\n  showMonthPicker?: boolean;\n  textFieldProps?: Omit<TextFieldProps, 'value' | 'defaultValue' | 'onChange'>;\n}\n\ntype OwpDatePickerProps = OwnProps & DatePickerProps;\n\n/**\n * OwpDateRangePicker 컴포넌트\n * @param className CSS 클래스명\n * @param label 입력 라벨\n * @param variant variant 값\n * @param sx sx 값\n * @param value 현재 값\n * @param fullWidth 전체 너비 사용 여부\n */\nconst OwpDateRangePicker = ({\n  className,\n  label,\n  variant = 'standard',\n  sx,\n  value,\n  fullWidth,\n  disabledClearButton,\n  disabledFutureDates,\n  onChange,\n  minDate,\n  maxDate,\n  minTime,\n  maxTime,\n  showYearPicker,\n  showMonthPicker,\n  textFieldProps,\n  popperClassName: popperClassNameProp,\n  popperContainer: popperContainerProp,\n  ...datePickerProps\n}: OwpDatePickerProps) => {\n  const {\n    selectsMultiple,\n    selectsRange,\n    selected,\n    startDate: passedStartDate,\n    endDate: passedEndDate,\n    ...resolvedDatePickerProps\n  } = datePickerProps;\n  void [selectsMultiple, selectsRange, selected, passedStartDate, passedEndDate];\n  const { i18n } = useOwpTranslation();\n  const datePickerRef = useRef<ReactDatePicker | null>(null);\n  const languageId = i18n.resolvedLanguage ?? i18n.language ?? 'kr';\n  const datePickerLocale = languageId === 'kr' ? 'ko' : 'en';\n  const valueFormatter = useMemo(() => {\n    if (showYearPicker) {\n      return VALUE_YEAR_FORMATTER;\n    }\n\n    if (showMonthPicker) {\n      return VALUE_MONTH_FORMATTER;\n    }\n    return VALUE_DATE_FORMATTER;\n  }, [showYearPicker, showMonthPicker]);\n\n  const [startDate, endDate] = useMemo(() => {\n    if (!value) return [null, null];\n    return value.split(',').map((v: string) => (!v || isNill(v) ? null : new Date(v)));\n  }, [value]);\n\n  const handleSelect = (dates?: [Date, Date]) => {\n    onChange?.(\n      !isEmpty(dates)\n        ? [...dates].map((d: Date) => (isNill(d) ? '' : dayjs(d).format(valueFormatter))).join(',')\n        : undefined,\n    );\n  };\n\n  const handleExternalInputKeyDown = (event: OwpDateRangePickerTextFieldKeyDownEvent) => {\n    textFieldProps?.onKeyDown?.(event);\n\n    if (event.defaultPrevented || !isDateRangePickerOpenKey(event)) {\n      return;\n    }\n\n    datePickerRef.current?.setOpen(true);\n  };\n\n  return (\n    <ReactDatePicker\n      ref={datePickerRef}\n      {...resolvedDatePickerProps}\n      locale={datePickerLocale}\n      popperContainer={popperContainerProp ?? CalendarContainer}\n      popperClassName={popperClassNameProp}\n      className={clsx(fullWidth && 'w-full')}\n      wrapperClassName={clsx(fullWidth && 'w-full', datePickerProps?.wrapperClassName)}\n      selectsRange\n      minDate={minDate}\n      maxDate={disabledFutureDates ? new Date() : maxDate}\n      minTime={minTime}\n      maxTime={maxTime}\n      showYearPicker={showYearPicker}\n      showMonthYearPicker={showMonthPicker}\n      showPopperArrow={false}\n      popperPlacement=\"bottom-start\"\n      selected={startDate}\n      onChange={handleSelect}\n      onCalendarClose={() => {\n        if (!isNil(startDate) && isNil(endDate)) {\n          onChange?.([startDate, startDate].map((d) => dayjs(d).format(valueFormatter)).join(','));\n        }\n      }}\n      startDate={startDate}\n      endDate={endDate}\n      customInput={\n        <DatePickerInput\n          className={clsx(\n            showYearPicker && 'w-[180px]',\n            showMonthPicker && 'w-[220px]',\n            !showYearPicker && !showMonthPicker && 'w-[260px]',\n            className,\n          )}\n          label={label}\n          variant={variant}\n          sx={sx}\n          {...textFieldProps}\n          onInputKeyDown={handleExternalInputKeyDown}\n          reset={() => onChange?.('')}\n          useRange\n          disabledClearButton={disabledClearButton}\n          valueFormatter={valueFormatter}\n        />\n      }\n    />\n  );\n};\n\nexport { OwpDateRangePicker };\n"],"names":["registerLocale","ko","enUS","setDefaultLocale","isNill","__name","v","isNull","isNil","isDateRangePickerOpenKey","event","OwpDateRangePicker","className","label","variant","sx","value","fullWidth","disabledClearButton","disabledFutureDates","onChange","minDate","maxDate","minTime","maxTime","showYearPicker","showMonthPicker","textFieldProps","popperClassNameProp","popperContainerProp","datePickerProps","selectsMultiple","selectsRange","selected","passedStartDate","passedEndDate","resolvedDatePickerProps","i18n","useOwpTranslation","datePickerRef","useRef","datePickerLocale","valueFormatter","useMemo","VALUE_YEAR_FORMATTER","VALUE_MONTH_FORMATTER","VALUE_DATE_FORMATTER","startDate","endDate","handleSelect","dates","isEmpty","d","dayjs","handleExternalInputKeyDown","_a","_b","jsx","ReactDatePicker","CalendarContainer","clsx","DatePickerInput"],"mappings":"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"}