@jenesei-software/jenesei-kit-react 1.3.40 → 2.0.1

package/build/component.types-e2YpVj0l.js

@@ -1,907 +0,0 @@
-import { j as jsxRuntimeExports } from "./jsx-runtime-DZS36FSE.js";
-import { bx as hooks, bo as KEY_SIZE_DATA, by as usePopover, D as DateWrapper, z as DateInputWrapper, aM as Typography, x as DateInput, F as DateInputButton, H as DateInputButtonClear, bz as Popover, s as DateDropdownList, B as Button, ak as SelectMonth, am as SelectYear, t as DateDropdownDays, w as DateDropdownDayOfWeek, v as DateDropdownDay, bk as ErrorMessage } from "./context.constants-BWLe7YHv.js";
-import "./component.styles-C0oU5oX_.js";
-import { R as Ripple } from "./component-D-HMYzXU.js";
-import { b as Stack } from "./component-gcvwlILJ.js";
-import { useState, useEffect, useRef, useMemo, useCallback, Fragment } from "react";
-import { useTheme } from "styled-components";
-const weekOrder = ["mo", "tu", "we", "th", "fr", "sa", "su"];
-const DatePicker = (props) => {
-  var _a, _b, _c, _d;
-  const { onChange } = props;
-  const theme = useTheme();
-  const [valueMoment, setValueMoment] = useState(null);
-  const [dateDefaultMoment, setDateDefaultMoment] = useState(hooks(props.dateDefault).utc());
-  const [input, setInput] = useState({
-    [DatePickerVariant.DD]: "",
-    [DatePickerVariant.MM]: "",
-    [DatePickerVariant.YYYY]: ""
-  });
-  useEffect(() => {
-    refInputValue.current = input;
-  }, [input]);
-  const isHasInput = useMemo(
-    () => input[DatePickerVariant.DD] !== "" || input[DatePickerVariant.MM] !== "" || input[DatePickerVariant.YYYY] !== "",
-    [input]
-  );
-  const onClearInput = useCallback(() => {
-    setInput({
-      [DatePickerVariant.DD]: "",
-      [DatePickerVariant.MM]: "",
-      [DatePickerVariant.YYYY]: ""
-    });
-  }, []);
-  const [activeSegment, setActiveSegment] = useState(null);
-  const [isError, setIsError] = useState(false);
-  const mode = useMemo(() => {
-    if (!props.mode || props.mode.length === 0) {
-      return [DatePickerVariant.DD, DatePickerVariant.MM, DatePickerVariant.YYYY];
-    }
-    const hasDuplicates = new Set(props.mode).size !== props.mode.length;
-    if (hasDuplicates) {
-      return [DatePickerVariant.DD, DatePickerVariant.MM, DatePickerVariant.YYYY];
-    }
-    return props.mode;
-  }, [props.mode]);
-  const type = useMemo(() => {
-    if (!props.type) {
-      return "manualAndSelect";
-    }
-    return props.type;
-  }, [props.type]);
-  const dataDate = useMemo(() => {
-    const segments = [DatePickerVariant.DD, DatePickerVariant.MM, DatePickerVariant.YYYY];
-    const result = Object.fromEntries(
-      segments.map((segment) => [
-        segment,
-        {
-          type: segment,
-          value: input[segment],
-          placeholder: props.locale.inputs[segment === DatePickerVariant.DD ? "day" : segment === DatePickerVariant.MM ? "month" : "year"],
-          isFirst: mode[0] === segment,
-          isLast: mode[mode.length - 1] === segment,
-          segmentNext: getNextSegment(segment, mode),
-          segmentPrev: getPrevSegment(segment, mode),
-          onNextSegment: () => setActiveSegment(getNextSegment(segment, mode)),
-          onPrevSegment: () => setActiveSegment(getPrevSegment(segment, mode)),
-          setValue: (value) => setInput((prev) => ({ ...prev, [segment]: value })),
-          setActive: () => setActiveSegment(segment)
-        }
-      ])
-    );
-    const resultSort = mode.map((segment) => result[segment]).filter(Boolean);
-    return { sort: resultSort, default: result };
-  }, [props, mode, input]);
-  const daysInWeek = useMemo(() => {
-    return weekOrder.map((key, index) => {
-      const found = props.locale.weeks.find((w) => w.value === key);
-      return {
-        index,
-        label: (found == null ? void 0 : found.localeShort) ?? key.toUpperCase()
-      };
-    });
-  }, [props.locale.weeks]);
-  const daysInMonth = useMemo(() => {
-    const dateToday = hooks.utc();
-    const dateValue = valueMoment ?? dateDefaultMoment;
-    const dateStartOfMonth = dateValue.clone().startOf("month");
-    const dateEndOfMonth = dateValue.clone().endOf("month");
-    const dateMin = props.dateMin ? hooks.utc(props.dateMin) : null;
-    const dateMax = props.dateMax ? hooks.utc(props.dateMax) : null;
-    const dateVisibleDayFirst = dateStartOfMonth.clone().subtract(dateStartOfMonth.isoWeekday() - 1, "days");
-    const dateVisibleDayLast = dateEndOfMonth.clone().add(7 - dateEndOfMonth.isoWeekday(), "days");
-    const result = [];
-    const dateCurrent = dateVisibleDayFirst.clone();
-    while (dateCurrent <= dateVisibleDayLast) {
-      const isCurrentMonth = dateCurrent.isBetween(dateStartOfMonth, dateEndOfMonth, "day", "[]");
-      result.push({
-        value: dateCurrent.valueOf(),
-        labelString: dateCurrent.format("dd"),
-        labelNumber: dateCurrent.date(),
-        dayOfWeek: dateCurrent.isoWeekday(),
-        isWeekend: [6, 7].includes(dateCurrent.isoWeekday()),
-        weekOfMonth: Math.ceil((result.length + 1) / 7),
-        isToday: dateCurrent.isSame(dateToday, "day"),
-        isCurrentMonth,
-        isDisabled: !!(dateMin && dateCurrent.isBefore(dateMin, "day") || dateMax && dateCurrent.isAfter(dateMax, "day"))
-      });
-      dateCurrent.add(1, "day");
-    }
-    return result;
-  }, [valueMoment, dateDefaultMoment, props.dateMax, props.dateMin]);
-  const rows = useMemo(() => getCountSevens(daysInMonth.length) + 1, [daysInMonth]);
-  const sizeRadius = useMemo(() => KEY_SIZE_DATA[props.size].radius, [props.size]);
-  const sizePadding = useMemo(() => KEY_SIZE_DATA[props.size].padding, [props.size]);
-  const height = useMemo(() => 40 + rows * 28 + (rows - 1) * 6 + sizePadding * 2, [sizePadding, rows]);
-  const isHasValue = useMemo(() => valueMoment !== null, [valueMoment]);
-  const isBlockNextMonth = useMemo(() => {
-    const nextMonth = (valueMoment ?? dateDefaultMoment).clone().add(1, "month").startOf("month");
-    const isBeforeEndDate = props.dateMax ? nextMonth.isAfter(hooks.utc(props.dateMax), "month") : false;
-    return isBeforeEndDate;
-  }, [valueMoment, props.dateMax, dateDefaultMoment]);
-  const isBlockPrevMonth = useMemo(() => {
-    const prevMonth = (valueMoment ?? dateDefaultMoment).clone().subtract(1, "month").startOf("month");
-    const isAfterStartDate = props.dateMin ? prevMonth.isBefore(hooks.utc(props.dateMin), "month") : false;
-    return isAfterStartDate;
-  }, [valueMoment, props.dateMin, dateDefaultMoment]);
-  const [isInputFocused, setIsInputFocused] = useState(false);
-  const refInputValue = useRef(input);
-  const refIsHasValueOnce = useRef(false);
-  const refPrevValue = useRef("");
-  const refSelectMonth = useRef(null);
-  const refSelectYear = useRef(null);
-  const refHiddenInput = useRef(null);
-  const onFocusPopover = useCallback(() => {
-    var _a2;
-    (_a2 = props.onFocus) == null ? void 0 : _a2.call(props);
-  }, [props.onFocus]);
-  const onBlurPopover = useCallback(() => {
-    var _a2;
-    (_a2 = props.onBlur) == null ? void 0 : _a2.call(props);
-  }, [props.onBlur]);
-  const onBlurReference = useCallback(() => {
-    setActiveSegment(null);
-  }, []);
-  const { isOpen, refReference, refFloating, floatingStyles, close, toggle } = usePopover({
-    placement: "bottom-start",
-    offset: sizePadding,
-    mode: "independence",
-    isClickOutside: true,
-    refsExcludeClickOutside: [refSelectMonth, refSelectYear],
-    isDisabled: (props == null ? void 0 : props.isDisabled) || (props == null ? void 0 : props.isReadOnly),
-    onFocus: onFocusPopover,
-    onBlur: onBlurPopover,
-    onBlurReference
-  });
-  const isShowPlaceholder = useMemo(() => {
-    return !!(!isInputFocused && !isHasValue && props.labelPlaceholder && (type !== "select" ? !isOpen : true) && !isHasInput && !activeSegment);
-  }, [isInputFocused, isHasValue, isOpen, props.labelPlaceholder, isHasInput, activeSegment, type]);
-  const onChangeDate = useCallback(
-    (timestamp, isAddLeadingZeros, input2) => {
-      const momentNewDate = hooks(timestamp).utc();
-      const dd = momentNewDate.clone().date().toString();
-      const mm = (momentNewDate.clone().month() + 1).toString();
-      const ddWithZero = dd.padStart(2, "0");
-      const mmWithZero = mm.padStart(2, "0");
-      const yyyy = momentNewDate.clone().year().toString();
-      const ddInput = input2 == null ? void 0 : input2[DatePickerVariant.DD];
-      const mmInput = input2 == null ? void 0 : input2[DatePickerVariant.MM];
-      const yyyyInput = input2 == null ? void 0 : input2[DatePickerVariant.YYYY];
-      const isSameInput = ddWithZero === ddInput && mmWithZero === mmInput && yyyyInput === yyyy;
-      const isSameMoment = valueMoment == null ? void 0 : valueMoment.isSame(momentNewDate, "day");
-      if (!isSameMoment) {
-        setValueMoment(momentNewDate);
-        onChange(momentNewDate.valueOf());
-      }
-      if (!isSameMoment || input2 ? !isSameInput : false) {
-        setInput({
-          [DatePickerVariant.DD]: isAddLeadingZeros ? ddWithZero : dd,
-          [DatePickerVariant.MM]: isAddLeadingZeros ? mmWithZero : mm,
-          [DatePickerVariant.YYYY]: yyyy
-        });
-      }
-    },
-    [valueMoment, onChange]
-  );
-  const onKeyDown = useCallback(
-    (e) => {
-      var _a2;
-      const key = e.key;
-      const allowedKeys = ["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Backspace", "Delete", "Tab", "Enter"];
-      const isDigit = /^\d$/.test(key);
-      const isAllowed = isDigit || allowedKeys.includes(key) || e.ctrlKey || e.metaKey;
-      if (!isAllowed) {
-        e.preventDefault();
-        return;
-      }
-      if (activeSegment && dataDate.default[activeSegment]) {
-        if (isDigit) {
-          const digit = key;
-          getDigitKey(digit, activeSegment, input, dataDate);
-          e.preventDefault();
-          e.stopPropagation();
-        }
-        if (key === "Tab") {
-          if (!dataDate.default[activeSegment].isLast) {
-            e.preventDefault();
-            dataDate.default[activeSegment].onNextSegment();
-          } else {
-            (_a2 = refHiddenInput == null ? void 0 : refHiddenInput.current) == null ? void 0 : _a2.blur();
-          }
-        }
-        if (key === "Enter") {
-          e.preventDefault();
-          e.stopPropagation();
-        }
-        if (key === "Backspace" || key === "Delete") {
-          if (activeSegment === DatePickerVariant.DD) {
-            if (input.DD !== "") {
-              const current = input.DD;
-              if (current.length === 1) {
-                dataDate.default[activeSegment].setValue("");
-              } else {
-                const newValue = current.slice(0, -1);
-                dataDate.default[activeSegment].setValue(newValue);
-              }
-            } else {
-              dataDate.default[activeSegment].onPrevSegment();
-            }
-          } else if (activeSegment === DatePickerVariant.MM) {
-            if (input.MM !== "") {
-              const current = input.MM;
-              if (current.length === 1) {
-                dataDate.default[activeSegment].setValue("");
-              } else {
-                const newValue = current.slice(0, -1);
-                dataDate.default[activeSegment].setValue(newValue);
-              }
-            } else {
-              dataDate.default[activeSegment].onPrevSegment();
-            }
-          } else if (activeSegment === DatePickerVariant.YYYY) {
-            if (input.YYYY !== "") {
-              const current = input.YYYY;
-              if (current.length === 1) {
-                dataDate.default[activeSegment].setValue("");
-              } else {
-                const newValue = current.slice(0, -1);
-                dataDate.default[activeSegment].setValue(newValue);
-              }
-            } else {
-              dataDate.default[activeSegment].onPrevSegment();
-            }
-          }
-          e.preventDefault();
-          e.stopPropagation();
-        }
-        if (key === "ArrowLeft" || key === "ArrowDown") {
-          e.preventDefault();
-          dataDate.default[activeSegment].onPrevSegment();
-        }
-        if (key === "ArrowRight" || key === "ArrowUp") {
-          e.preventDefault();
-          dataDate.default[activeSegment].onNextSegment();
-        }
-      }
-    },
-    [activeSegment, input, dataDate.default, dataDate]
-  );
-  const onNextMonth = useCallback(() => {
-    const newDate = (valueMoment ?? dateDefaultMoment).clone().add(1, "month");
-    onChangeDate(newDate.valueOf(), true);
-  }, [valueMoment, onChangeDate, dateDefaultMoment]);
-  const onPrevMonth = useCallback(() => {
-    const newDate = (valueMoment ?? dateDefaultMoment).clone().subtract(1, "month");
-    onChangeDate(newDate.valueOf(), true);
-  }, [valueMoment, onChangeDate, dateDefaultMoment]);
-  const onFocusInput = useCallback(() => {
-    if (type === "select") return;
-    setIsInputFocused(true);
-    if (!activeSegment) setActiveSegment(DatePickerVariant.DD);
-  }, [activeSegment, type]);
-  const onBlurInput = useCallback(() => {
-    var _a2;
-    setIsInputFocused(false);
-    if (!isOpen) {
-      (_a2 = props.onBlur) == null ? void 0 : _a2.call(props);
-    }
-  }, [isOpen, props.onBlur]);
-  const onChangeInput = useCallback(
-    (e) => {
-      const value = e.target.value;
-      const result = getParseDateString(value);
-      if (result) {
-        setInput({
-          DD: String(result.day).padStart(2, "0"),
-          MM: String(result.month).padStart(2, "0"),
-          YYYY: String(result.year)
-        });
-        if (refHiddenInput.current) refHiddenInput.current.value = "";
-        return;
-      }
-      const prevValue = refPrevValue.current;
-      const newChar = value.length > prevValue.length ? value.slice(-1) : null;
-      refPrevValue.current = value;
-      if (newChar && /^\d$/.test(newChar)) {
-        onKeyDown({
-          key: newChar,
-          preventDefault: () => {
-          },
-          stopPropagation: () => {
-          }
-        });
-      }
-      if (value.length < prevValue.length) {
-        onKeyDown({
-          key: "Backspace",
-          preventDefault: () => {
-          },
-          stopPropagation: () => {
-          }
-        });
-      }
-      if (refHiddenInput.current) refHiddenInput.current.value = "";
-    },
-    [onKeyDown]
-  );
-  useEffect(() => {
-    if (isHasValue && !refIsHasValueOnce.current) refIsHasValueOnce.current = true;
-  }, [isHasValue]);
-  useEffect(() => {
-    setDateDefaultMoment(hooks(props.dateDefault).utc());
-  }, [props.dateDefault]);
-  useEffect(() => {
-    setValueMoment(props.value || props.defaultValue ? hooks(props.value ?? props.defaultValue).utc() : null);
-    if (props.value) {
-      const m = hooks(props.value).utc();
-      setInput({
-        [DatePickerVariant.DD]: m.date().toString().padStart(2, "0"),
-        [DatePickerVariant.MM]: (m.month() + 1).toString().padStart(2, "0"),
-        [DatePickerVariant.YYYY]: m.year().toString()
-      });
-    }
-  }, [props.value, props.defaultValue]);
-  useEffect(() => {
-    if (!activeSegment)
-      getValidateInput(
-        input,
-        (value) => {
-          onChangeDate(value, true, input);
-          setIsError(false);
-        },
-        () => {
-          onChange(null);
-          setIsError(true);
-        },
-        (isHasInput2) => {
-          if (!isHasInput2) {
-            if (refIsHasValueOnce.current) {
-              onChange(null);
-              refIsHasValueOnce.current = false;
-            }
-            setIsError(false);
-          }
-        }
-      );
-  }, [onChangeDate, onChange, input, activeSegment]);
-  useEffect(() => {
-    if (!isOpen && !isInputFocused && isHasInput && !activeSegment)
-      getValidateInput(
-        input,
-        () => {
-        },
-        () => {
-          onChange(null);
-          onClearInput();
-          setIsError(false);
-        },
-        () => {
-          onChange(null);
-          onClearInput();
-          setIsError(false);
-        }
-      );
-  }, [onClearInput, input, isOpen, isInputFocused, onChange, isHasInput, activeSegment]);
-  useEffect(() => {
-    if (!activeSegment) return;
-    getValidateInput(
-      refInputValue.current,
-      (value) => {
-        onChangeDate(value, true, refInputValue.current);
-        setIsError(false);
-      },
-      () => {
-        setIsError(true);
-      },
-      (isHasInput2) => {
-        if (!isHasInput2) {
-          setIsError(false);
-        }
-      }
-    );
-  }, [onChangeDate, activeSegment]);
-  useEffect(() => {
-    var _a2;
-    if (activeSegment) {
-      close();
-      (_a2 = refHiddenInput == null ? void 0 : refHiddenInput.current) == null ? void 0 : _a2.focus();
-    }
-  }, [activeSegment, close]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      DateWrapper,
-      {
-        $size: props.size,
-        $genre: props.genre,
-        $sx: props.sx,
-        $isDisabled: props == null ? void 0 : props.isDisabled,
-        $isMinWidth: props == null ? void 0 : props.isMinWidth,
-        $radius: sizeRadius,
-        $parentListHeight: height,
-        tabIndex: -1,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          DateInputWrapper,
-          {
-            ref: refReference,
-            $genre: props.genre,
-            $size: props.size,
-            $isShowPlaceholder: isShowPlaceholder,
-            $isDisabled: props == null ? void 0 : props.isDisabled,
-            $isReadOnly: props == null ? void 0 : props.isReadOnly,
-            $isDisabledOutline: props == null ? void 0 : props.isDisabledOutline,
-            $isOutlineBoxShadow: props == null ? void 0 : props.isOutlineBoxShadow,
-            tabIndex: -1,
-            $error: isError ? {
-              isError: true,
-              size: ((_a = props == null ? void 0 : props.error) == null ? void 0 : _a.size) ?? props.size,
-              ...props.notValidDate
-            } : props.error,
-            $isOpen: isOpen || !!activeSegment,
-            onClick: () => {
-              if (type === "select") {
-                toggle();
-                return;
-              }
-              if (!activeSegment && !(props == null ? void 0 : props.isReadOnly)) setActiveSegment(DatePickerVariant.DD);
-            },
-            children: [
-              type !== "select" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "input",
-                {
-                  name: props.name,
-                  "aria-label": props.ariaLabel ?? props.name,
-                  autoComplete: props.autoComplete,
-                  id: props.id,
-                  ref: refHiddenInput,
-                  type: "tel",
-                  inputMode: "numeric",
-                  tabIndex: 0,
-                  disabled: (props == null ? void 0 : props.isDisabled) || (props == null ? void 0 : props.isReadOnly),
-                  style: {
-                    position: "absolute",
-                    left: "-100dvw",
-                    top: 0,
-                    width: "100%",
-                    height: "100%",
-                    opacity: 0,
-                    border: "none",
-                    background: "transparent"
-                  },
-                  onKeyDown,
-                  onChange: onChangeInput,
-                  onFocus: onFocusInput,
-                  onBlur: onBlurInput
-                }
-              ) : null,
-              isShowPlaceholder ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Typography,
-                {
-                  sx: { default: { size: 16, line: 1, isNoUserSelect: true } },
-                  sxStandard: (theme2) => ({
-                    default: {
-                      color: theme2.colors.input[props.genre].color.placeholder
-                    }
-                  }),
-                  children: props.labelPlaceholder
-                }
-              ) : dataDate.sort.map((date, index) => {
-                var _a2, _b2;
-                return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    DateInput,
-                    {
-                      $isHaveValue: !!date.value,
-                      $isActive: activeSegment === date.type,
-                      $genre: props.genre,
-                      $size: props.size,
-                      $font: {
-                        ...props.font,
-                        size: ((_a2 = props.font) == null ? void 0 : _a2.size) ?? 16,
-                        weight: ((_b2 = props.font) == null ? void 0 : _b2.weight) ?? (props.isBold ? 500 : 400)
-                      },
-                      onClick: (e) => {
-                        if (type === "select") return;
-                        e.preventDefault();
-                        e.stopPropagation();
-                        if ((props == null ? void 0 : props.isDisabled) || (props == null ? void 0 : props.isReadOnly)) return;
-                        date.setActive();
-                      },
-                      children: date.value || date.placeholder || ""
-                    }
-                  ),
-                  index !== dataDate.sort.length - 1 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { width: "4px", pointerEvents: "none", textAlign: "center" }, children: "." })
-                ] }, date.type);
-              }),
-              type !== "manual" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                DateInputButton,
-                {
-                  genre: props.genre,
-                  size: "small",
-                  isWidthAsHeight: true,
-                  isFullSize: true,
-                  isRadius: true,
-                  isWhileTapEffect: true,
-                  isOnlyIcon: true,
-                  isDisabledRipple: true,
-                  icons: [{ name: "Calendar", type: "id" }],
-                  isDisabled: (props == null ? void 0 : props.isDisabled) || (props == null ? void 0 : props.isReadOnly),
-                  tabIndex: 0,
-                  onFocus: (e) => {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    setActiveSegment(null);
-                  },
-                  onClick: (e) => {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    toggle();
-                  }
-                }
-              ) : null,
-              props.isShowClearButton && (isHasValue || isHasInput) && !(props == null ? void 0 : props.isDisabled) && !(props == null ? void 0 : props.isReadOnly) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                DateInputButtonClear,
-                {
-                  genre: props.genre,
-                  size: "small",
-                  isWidthAsHeight: true,
-                  isFullSize: true,
-                  isRadius: true,
-                  isWhileTapEffect: true,
-                  isOnlyIcon: true,
-                  isDisabledRipple: true,
-                  tabIndex: 0,
-                  icons: [{ name: "Close", type: "id" }],
-                  isDisabled: (props == null ? void 0 : props.isDisabled) || (props == null ? void 0 : props.isReadOnly),
-                  onFocus: (e) => {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    setActiveSegment(null);
-                  },
-                  onClick: (e) => {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    onChange(null);
-                    onClearInput();
-                    setIsError(false);
-                  }
-                }
-              ) : null
-            ]
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Popover,
-      {
-        sx: (theme2) => ({
-          default: {
-            background: theme2.colors.input[props.genre].background.rest,
-            border: `solid 1px ${theme2.colors.input[props.genre].border.rest}`
-          }
-        }),
-        size: props.size,
-        genre: props.genre,
-        isOpen,
-        isShowAlwaysOutline: true,
-        floatingStyles,
-        ref: refFloating,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DateDropdownList, { $isInputEffect: props.isInputEffect, $genre: props.genre, $size: props.size, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            Stack,
-            {
-              sx: {
-                default: {
-                  justifyContent: "space-between",
-                  alignItems: "center"
-                }
-              },
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  Button,
-                  {
-                    type: "button",
-                    isRadius: true,
-                    isWhileTapEffect: true,
-                    icons: [
-                      {
-                        name: "Arrow2",
-                        type: "id",
-                        turn: 90
-                      }
-                    ],
-                    isWidthAsHeight: true,
-                    genre: props.genre,
-                    size: "small",
-                    onClick: () => onPrevMonth(),
-                    isDisabledRipple: true,
-                    isHidden: isBlockPrevMonth,
-                    isDisabled: isBlockPrevMonth
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntimeExports.jsxs(Stack, { sx: { default: { gap: "8px" } }, children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    SelectMonth,
-                    {
-                      isToggleWhenClickSelectListOption: true,
-                      monthsLocale: props.locale.months,
-                      genre: props.genre,
-                      size: "small",
-                      value: (valueMoment ?? dateDefaultMoment).clone().startOf("month").utc().valueOf(),
-                      isOnClickOptionClose: true,
-                      isStayValueAfterSelect: true,
-                      isOnlyColorInSelectListOption: true,
-                      isCenter: true,
-                      isShortLabel: true,
-                      refFloating: refSelectMonth,
-                      onChange: (timestamp) => {
-                        if (timestamp) onChangeDate(timestamp, true);
-                      },
-                      dateMin: props.dateMin,
-                      dateMax: props.dateMax,
-                      sx: { default: { width: "60px" } }
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    SelectYear,
-                    {
-                      isToggleWhenClickSelectListOption: true,
-                      genre: props.genre,
-                      size: "small",
-                      refFloating: refSelectYear,
-                      value: (valueMoment ?? dateDefaultMoment).clone().startOf("year").utc().valueOf(),
-                      onChange: (timestamp) => {
-                        if (timestamp) onChangeDate(timestamp, true);
-                      },
-                      isOnClickOptionClose: true,
-                      isStayValueAfterSelect: true,
-                      isOnlyColorInSelectListOption: true,
-                      isCenter: true,
-                      dateMin: props.dateMin,
-                      dateMax: props.dateMax,
-                      sx: { default: { width: "60px" } }
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  Button,
-                  {
-                    type: "button",
-                    isWhileTapEffect: true,
-                    onClick: () => onNextMonth(),
-                    isWidthAsHeight: true,
-                    isRadius: true,
-                    icons: [
-                      {
-                        name: "Arrow2",
-                        type: "id",
-                        turn: -90
-                      }
-                    ],
-                    genre: props.genre,
-                    size: "small",
-                    isDisabledRipple: true,
-                    isDisabled: isBlockNextMonth,
-                    isHidden: isBlockNextMonth
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(DateDropdownDays, { $rows: rows, children: [
-            daysInWeek.map((e, index) => {
-              var _a2;
-              return /* @__PURE__ */ jsxRuntimeExports.jsx(
-                DateDropdownDayOfWeek,
-                {
-                  $font: {
-                    ...props.font,
-                    size: 12,
-                    weight: 700
-                  },
-                  tabIndex: -1,
-                  type: "button",
-                  $isToday: false,
-                  $isWeekend: false,
-                  $genre: props.genre,
-                  $size: props.size,
-                  $row: ((_a2 = daysInMonth[0]) == null ? void 0 : _a2.weekOfMonth) - 1,
-                  $column: index + 1,
-                  children: e.label
-                },
-                `${e.label}-${index}`
-              );
-            }),
-            daysInMonth.map((day) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-              DateDropdownDay,
-              {
-                $font: {
-                  ...props.font,
-                  size: 12,
-                  weight: 700
-                },
-                type: "button",
-                $isDisabled: day.isDisabled,
-                $isDisabledOutline: day.isDisabled ?? props.isDisabledOutline,
-                $isOutlineBoxShadow: props.isOutlineBoxShadow,
-                $isReadOnly: props.isReadOnly,
-                $genre: props.genre,
-                $size: props.size,
-                $row: (day == null ? void 0 : day.weekOfMonth) + 1,
-                $column: day.dayOfWeek,
-                onClick: () => {
-                  if (!day.isDisabled) {
-                    onChangeDate(day.value, true);
-                    if (props.isOnClickClose) {
-                      close();
-                    }
-                  }
-                },
-                tabIndex: day.isDisabled ? -1 : 0,
-                $isToday: day.isToday,
-                $isWeekend: day.isWeekend,
-                $isChoice: day.value === (valueMoment == null ? void 0 : valueMoment.valueOf()),
-                $isCurrentMonth: day.isCurrentMonth,
-                children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(Ripple, { color: theme.colors.date[props.genre].color.rest, isDisabled: day.isDisabled }),
-                  day.labelNumber
-                ]
-              },
-              day.value
-            ))
-          ] })
-        ] })
-      }
-    ),
-    isError || (props == null ? void 0 : props.error) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ErrorMessage,
-      {
-        ...isError ? {
-          isError: true,
-          size: ((_b = props == null ? void 0 : props.error) == null ? void 0 : _b.size) ?? props.size,
-          ...props.notValidDate
-        } : props.error,
-        size: ((_c = props == null ? void 0 : props.error) == null ? void 0 : _c.size) ?? props.size,
-        font: {
-          size: 12,
-          weight: 400,
-          family: ((_d = props.font) == null ? void 0 : _d.family) ?? theme.font.family
-        }
-      }
-    ) : null
-  ] });
-};
-const ISO_DATE_REGEX = /^\d{4}-\d{2}-\d{2}$/;
-const SLASH_DATE_REGEX = /^(\d{1,2})\/(\d{1,2})\/(\d{4})$/;
-function getDigitKey(key, activeSegment, input, dataDate) {
-  const digit = key;
-  const seg = activeSegment;
-  const current = input[seg] ?? "";
-  if (seg === DatePickerVariant.DD) {
-    if (current.length >= 2) {
-      dataDate.default[seg].setValue(digit);
-      return;
-    }
-    if (current === "") {
-      dataDate.default[seg].setValue(digit);
-      return;
-    }
-    const potential = current + digit;
-    const potentialNum = Number(potential);
-    if (potentialNum > 31) {
-      dataDate.default[seg].setValue(digit);
-      return;
-    }
-    if (potentialNum === 0) {
-      dataDate.default[seg].setValue(digit);
-      return;
-    }
-    dataDate.default[seg].setValue(potential);
-    dataDate.default[seg].onNextSegment();
-  } else if (seg === DatePickerVariant.MM) {
-    if (current.length >= 2) {
-      dataDate.default[seg].setValue(digit);
-      return;
-    }
-    if (current === "") {
-      dataDate.default[seg].setValue(digit);
-      return;
-    }
-    const potential = current + digit;
-    const potentialNum = Number(potential);
-    if (potentialNum > 12) {
-      dataDate.default[seg].setValue(digit);
-      return;
-    }
-    if (potentialNum === 0) {
-      dataDate.default[seg].setValue(digit);
-      return;
-    }
-    dataDate.default[seg].setValue(potential);
-    if (potential.length === 2 || potential.length === 1 && Number(potential) > 1) {
-      dataDate.default[seg].onNextSegment();
-    }
-  } else if (seg === DatePickerVariant.YYYY) {
-    if (current.length >= 4) {
-      dataDate.default[seg].setValue(digit);
-      return;
-    }
-    const nextValue = current + digit;
-    dataDate.default[seg].setValue(nextValue);
-  }
-}
-function getParseDateString(value) {
-  if (ISO_DATE_REGEX.test(value)) {
-    const [year, month, day] = value.split("-").map(Number);
-    return getValidateDate(year, month, day);
-  }
-  const match = SLASH_DATE_REGEX.exec(value);
-  if (match) {
-    const [_, p1, p2, p3] = match;
-    const num1 = Number(p1);
-    const num2 = Number(p2);
-    const year = Number(p3);
-    let month;
-    let day;
-    if (num1 > 12) {
-      day = num1;
-      month = num2;
-    } else {
-      month = num1;
-      day = num2;
-    }
-    return getValidateDate(year, month, day);
-  }
-  return null;
-}
-function getValidateDate(year, month, day) {
-  const date = new Date(year, month - 1, day);
-  if (date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day) {
-    return { year, month, day };
-  }
-  return null;
-}
-function getCountSevens(number) {
-  const divisor = 7;
-  const count = Math.floor(number / divisor);
-  const remainder = number % divisor;
-  return remainder > 0 ? count + 1 : count;
-}
-function getNextSegment(currentSegment, mode) {
-  const currentIndex = mode.indexOf(currentSegment);
-  return currentIndex < mode.length - 1 ? mode[currentIndex + 1] : mode[0];
-}
-function getPrevSegment(currentSegment, mode) {
-  const currentIndex = mode.indexOf(currentSegment);
-  return currentIndex > 0 ? mode[currentIndex - 1] : mode[mode.length - 1];
-}
-function getValidateInput(input, onSuccess, onFailure, onNan) {
-  const dayStr = input.DD;
-  const monthStr = input.MM;
-  const yearStr = input.YYYY;
-  const day = dayStr === "" ? NaN : Number(dayStr);
-  const month = monthStr === "" ? NaN : Number(monthStr);
-  const year = yearStr === "" ? NaN : Number(yearStr);
-  const isHasInput = dayStr !== "" || monthStr !== "" || yearStr !== "";
-  if (!Number.isNaN(day) && !Number.isNaN(month) && !Number.isNaN(year)) {
-    const m = hooks.utc(`${day}.${month}.${year}`, "D.M.YYYY", true).startOf("day");
-    if (m.isValid()) {
-      onSuccess == null ? void 0 : onSuccess(m.valueOf());
-    } else {
-      onFailure == null ? void 0 : onFailure();
-    }
-  } else {
-    onNan == null ? void 0 : onNan(isHasInput);
-  }
-}
-var DatePickerVariant = /* @__PURE__ */ ((DatePickerVariant2) => {
-  DatePickerVariant2["DD"] = "DD";
-  DatePickerVariant2["MM"] = "MM";
-  DatePickerVariant2["YYYY"] = "YYYY";
-  return DatePickerVariant2;
-})(DatePickerVariant || {});
-export {
-  DatePicker as D,
-  DatePickerVariant as a
-};
-//# sourceMappingURL=component.types-e2YpVj0l.js.map