@ncds/ui-admin 1.6.4-alpha.1 → 1.7.0

package/dist/cjs/src/components/button/Button.js

@@ -46,12 +46,14 @@ var dotSize = exports.dotSize = {
   sm: 'md',
   md: 'md'
 };
+var loadableHierarchies = ['primary', 'secondary', 'secondary-gray', 'destructive'];
 var Button = exports.Button = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _a = props.size,
-    size = _a === void 0 ? 'md' : _a,
+    size = _a === void 0 ? 'xs' : _a,
     children = props.children,
     onlyIcon = props.onlyIcon,
     disabled = props.disabled,
+    loading = props.loading,
     className = props.className,
     _b = props.hierarchy,
     hierarchy = _b === void 0 ? 'secondary-gray' : _b,
@@ -60,7 +62,9 @@ var Button = exports.Button = /*#__PURE__*/(0, _react.forwardRef)(function (prop
     trailingIcon = props.trailingIcon,
     _c = props.underline,
     underline = _c === void 0 ? false : _c,
-    restProps = __rest(props, ["size", "children", "onlyIcon", "disabled", "className", "hierarchy", "label", "leadingIcon", "trailingIcon", "underline"]);
+    restProps = __rest(props, ["size", "children", "onlyIcon", "disabled", "loading", "className", "hierarchy", "label", "leadingIcon", "trailingIcon", "underline"]);
+  var isLoading = loading && !onlyIcon && loadableHierarchies.includes(hierarchy);
+  var isDisabled = disabled || isLoading;
   var sideSlotRender = function (slot) {
     var _a, _b, _c;
     var iconSize = onlyIcon ? iconOnlySvgSize[size] : svgSize[size];
@@ -83,14 +87,18 @@ var Button = exports.Button = /*#__PURE__*/(0, _react.forwardRef)(function (prop
   return /*#__PURE__*/(0, _react.createElement)('button', __assign(__assign({
     className: (0, _classnames.default)('ncua-btn', "ncua-btn--".concat(size), {
       'only-icon': onlyIcon,
-      'is-disable': disabled,
+      'is-disable': isDisabled,
+      'is-loading': isLoading,
       'has-underline': underline
     }, className, hierarchy && "ncua-btn--".concat(hierarchy)),
-    disabled: disabled
+    disabled: isDisabled,
+    'aria-busy': isLoading || undefined
   }, restProps), {
     ref: ref
   }), (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [leadingIcon && sideSlotRender(leadingIcon), !onlyIcon && label && (0, _jsxRuntime.jsx)("span", __assign({
+    children: [isLoading ? (0, _jsxRuntime.jsx)("span", {
+      className: "ncua-btn__spinner"
+    }) : leadingIcon && sideSlotRender(leadingIcon), !onlyIcon && label && (0, _jsxRuntime.jsx)("span", __assign({
       className: "ncua-btn__label"
     }, {
       children: label

package/dist/cjs/src/components/button/ButtonGroup.js

@@ -9,8 +9,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 var _color = require("../../../constant/color");
 var _dot = require("../dot");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {
@@ -81,7 +80,8 @@ ButtonGroup.Item = function (_a) {
     disabled = _a.disabled,
     children = _a.children,
     isCurrent = _a.isCurrent,
-    props = __rest(_a, ["label", "size", "onlyIcon", "icon", "disabled", "children", "isCurrent"]);
+    className = _a.className,
+    props = __rest(_a, ["label", "size", "onlyIcon", "icon", "disabled", "children", "isCurrent", "className"]);
   var renderIcon = function () {
     var _a, _b, _c;
     if (!icon) return null;
@@ -107,7 +107,7 @@ ButtonGroup.Item = function (_a) {
       'is-only-icon': onlyIcon
     }, {
       'is-current': isCurrent
-    }),
+    }, className),
     disabled: disabled,
     type: 'button'
   }, props), (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {

package/dist/cjs/src/components/carousel/CarouselArrow.js

@@ -18,17 +18,17 @@ var __assign = void 0 && (void 0).__assign || function () {
   };
   return __assign.apply(this, arguments);
 };
+var SIZE = 'md';
 var CarouselArrow = function (_a) {
   var _b;
   var _c = _a.type,
     type = _c === void 0 ? 'default' : _c,
     className = _a.className,
-    size = _a.size,
     chevron = _a.chevron,
     onClick = _a.onClick;
   return (0, _jsxRuntime.jsx)("button", __assign({
     type: "button",
-    className: (0, _classnames.default)('ncua-carousel-arrow', (_b = {}, _b["ncua-carousel-arrow--".concat(type)] = type, _b["ncua-carousel-arrow--".concat(size)] = size, _b["ncua-carousel-arrow--".concat(chevron)] = chevron, _b), className),
+    className: (0, _classnames.default)('ncua-carousel-arrow', (_b = {}, _b["ncua-carousel-arrow--".concat(type)] = type, _b["ncua-carousel-arrow--".concat(SIZE)] = SIZE, _b["ncua-carousel-arrow--".concat(chevron)] = chevron, _b), className),
     onClick: onClick
   }, {
     children: chevron === 'left' ? (0, _jsxRuntime.jsx)(_uiAdminIcon.ChevronLeft, {

package/dist/cjs/src/components/carousel/CarouselNumberGroup.js

@@ -17,20 +17,19 @@ var __assign = void 0 && (void 0).__assign || function () {
   };
   return __assign.apply(this, arguments);
 };
+var SIZE = 'sm';
 var CarouselNumberGroup = function (_a) {
   var _b;
   var _c = _a.framed,
     framed = _c === void 0 ? true : _c,
-    _d = _a.size,
-    size = _d === void 0 ? 'sm' : _d,
-    _e = _a.color,
-    color = _e === void 0 ? 'light' : _e,
+    _d = _a.color,
+    color = _d === void 0 ? 'light' : _d,
     currentPage = _a.currentPage,
     totalPage = _a.totalPage;
   return (0, _jsxRuntime.jsxs)("div", __assign({
     className: (0, _classnames.default)('ncua-carousel-number-group', (_b = {
       framed: framed
-    }, _b["ncua-carousel-number-group--".concat(color)] = color, _b["ncua-carousel-number-group--".concat(size)] = size, _b))
+    }, _b["ncua-carousel-number-group--".concat(color)] = color, _b["ncua-carousel-number-group--".concat(SIZE)] = SIZE, _b))
   }, {
     children: [(0, _jsxRuntime.jsx)("span", __assign({
       className: "ncua-carousel-number-group__number"

package/dist/cjs/src/components/checkbox/CheckboxInput.js

@@ -60,7 +60,7 @@ var CheckboxInput = exports.CheckboxInput = /*#__PURE__*/(0, _react.forwardRef)(
           ref.current = node;
         }
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore - ref assignment is needed for internal tracking
+        // @ts-expect-error - ref assignment is needed for internal tracking
         inputRef.current = node;
       },
       onChange: onChange,

package/dist/cjs/src/components/combobox/ComboBox.js

@@ -44,6 +44,25 @@ var __spreadArray = void 0 && (void 0).__spreadArray || function (to, from, pack
   return to.concat(ar || Array.prototype.slice.call(from));
 };
 var defaultMaxHeight = exports.defaultMaxHeight = 275;
+var toggleMultiSelectValue = function (currentValue, optionId) {
+  var currentValues = Array.isArray(currentValue) ? currentValue : [];
+  if (currentValues.includes(optionId)) {
+    return currentValues.filter(function (v) {
+      return v !== optionId;
+    });
+  }
+  return __spreadArray(__spreadArray([], currentValues, true), [optionId], false);
+};
+var notifyFormChange = function (register, multiple, newValue) {
+  if (register === null || register === void 0 ? void 0 : register.onChange) {
+    register.onChange({
+      target: {
+        value: multiple ? JSON.stringify(newValue) : newValue,
+        name: register.name
+      }
+    });
+  }
+};
 var ComboBox = exports.ComboBox = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
   var _b = _a.placeholder,
     placeholder = _b === void 0 ? '검색하세요' : _b,
@@ -90,34 +109,20 @@ var ComboBox = exports.ComboBox = /*#__PURE__*/(0, _react.forwardRef)(function (
     setSelectedTags = _p[1];
   var handleOptionSelect = function (option) {
     if (disabled) return;
-    var newValue;
     if (multiple) {
-      var currentValues = Array.isArray(value) ? value : [];
-      if (currentValues.includes(option.id)) {
-        newValue = currentValues.filter(function (v) {
-          return v !== option.id;
-        });
-      } else {
-        newValue = __spreadArray(__spreadArray([], currentValues, true), [option.id], false);
-      }
-    } else {
-      newValue = option.id;
-      var tag = {
-        id: option.id,
-        label: option.label
-      };
-      setSelectedTags([tag]);
+      var newValue_1 = toggleMultiSelectValue(value !== null && value !== void 0 ? value : [], option.id);
+      onChange === null || onChange === void 0 ? void 0 : onChange(newValue_1);
+      notifyFormChange(register, multiple, newValue_1);
+      return;
     }
+    var newValue = option.id;
+    var tag = {
+      id: option.id,
+      label: option.label
+    };
+    setSelectedTags([tag]);
     onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
-    // react-hook-form 지원
-    if (register === null || register === void 0 ? void 0 : register.onChange) {
-      register.onChange({
-        target: {
-          value: multiple ? JSON.stringify(newValue) : newValue,
-          name: register.name
-        }
-      });
-    }
+    notifyFormChange(register, multiple, newValue);
   };
   var handleInputChange = function (e) {
     var newValue = e.target.value;
@@ -159,14 +164,13 @@ var ComboBox = exports.ComboBox = /*#__PURE__*/(0, _react.forwardRef)(function (
     isKeyboardNavigation = _q.isKeyboardNavigation;
   var showAllItem = function () {
     var _a;
-    if (!disabled) {
-      (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-      setInputValue('');
-      onSearch === null || onSearch === void 0 ? void 0 : onSearch('');
-      setShowAllItems(true);
-      if (!isOpen) {
-        toggleDropdown();
-      }
+    if (disabled) return;
+    (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    setInputValue('');
+    onSearch === null || onSearch === void 0 ? void 0 : onSearch('');
+    setShowAllItems(true);
+    if (!isOpen) {
+      toggleDropdown();
     }
   };
   var closeDropdown = function () {
@@ -241,11 +245,18 @@ var ComboBox = exports.ComboBox = /*#__PURE__*/(0, _react.forwardRef)(function (
           return tag.id !== tagId;
         });
       });
-    } else {
-      onChange('');
-      setSelectedTags([]);
+      return;
     }
+    onChange('');
+    setSelectedTags([]);
   };
+  var comboboxId = "combobox-options-".concat(id || 'default');
+  var hasVisibleOptions = showAllItems || inputValue;
+  var displayedOptions = hasVisibleOptions ? optionItems : [];
+  var showNoResults = !hasVisibleOptions || optionItems.length === 0;
+  var showFooter = multiple || showFooterButtons;
+  var hiddenInputValue = multiple ? JSON.stringify(value || []) : String(value || '');
+  var hasTags = selectedTags.length > 0;
   return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [(0, _jsxRuntime.jsxs)("div", __assign({
       ref: internalRef,
@@ -275,7 +286,7 @@ var ComboBox = exports.ComboBox = /*#__PURE__*/(0, _react.forwardRef)(function (
           role: "combobox",
           "aria-expanded": isOpen,
           "aria-haspopup": "listbox",
-          "aria-controls": "combobox-options-".concat(id || 'default'),
+          "aria-controls": comboboxId,
           "aria-disabled": disabled,
           autoComplete: "off",
           clearText: !!inputValue,
@@ -288,23 +299,23 @@ var ComboBox = exports.ComboBox = /*#__PURE__*/(0, _react.forwardRef)(function (
           isOpen: isOpen,
           direction: dropdownDirection,
           size: size,
-          options: showAllItems || inputValue ? optionItems : [],
+          options: displayedOptions,
           value: value,
           focusedIndex: focusedIndex,
           maxHeight: maxHeight,
-          listboxId: "combobox-options-".concat(id || 'default'),
+          listboxId: comboboxId,
           onOptionSelect: handleDropdownSelect,
           onMouseMove: handleMouseMove,
           isKeyboardNavigation: isKeyboardNavigation,
           multiple: multiple,
-          showFooterButtons: multiple || showFooterButtons,
+          showFooterButtons: showFooter,
           selectAllButtonText: selectAllButtonText,
           onSelectAll: handleSelectAll,
           onEdit: handleEdit,
           onComplete: handleComplete,
           componentType: "combobox"
         }, {
-          children: [!showAllItems && !inputValue || optionItems.length === 0 ? (0, _jsxRuntime.jsx)("li", __assign({
+          children: [showNoResults ? (0, _jsxRuntime.jsx)("li", __assign({
             className: "ncua-select-dropdown__no-results"
           }, {
             children: "\uC77C\uCE58\uD558\uB294 \uACB0\uACFC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4."
@@ -313,13 +324,13 @@ var ComboBox = exports.ComboBox = /*#__PURE__*/(0, _react.forwardRef)(function (
       })), register && (0, _jsxRuntime.jsx)("input", __assign({
         type: "hidden"
       }, register, {
-        value: multiple ? JSON.stringify(value || []) : String(value || '')
+        value: hiddenInputValue
       })), hintText && (0, _jsxRuntime.jsx)(_HintText.HintText, __assign({
         destructive: destructive
       }, {
         children: hintText
       }))]
-    })), selectedTags.length > 0 && (0, _jsxRuntime.jsx)("div", __assign({
+    })), hasTags && (0, _jsxRuntime.jsx)("div", __assign({
       className: "ncua-combobox__tags"
     }, {
       children: selectedTags.map(function (tag) {

package/dist/cjs/src/components/date-picker/CustomInput.js

@@ -25,12 +25,14 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   }
   return t;
 };
+var SVG_SIZE_XS = 14;
+var SVG_SIZE_SM = 16;
 var CustomInput = exports.CustomInput = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
   var disabled = _a.disabled,
     iconSize = _a.iconSize,
     iconName = _a.iconName,
     props = __rest(_a, ["disabled", "iconSize", "iconName"]);
-  var svgSize = iconSize === 'xs' ? 14 : 16;
+  var svgSize = iconSize === 'xs' ? SVG_SIZE_XS : SVG_SIZE_SM;
   return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [(0, _jsxRuntime.jsx)("input", __assign({
       ref: ref,

package/dist/cjs/src/components/date-picker/DatePicker.js

@@ -38,6 +38,25 @@ var isValidDate = function (dateString) {
   var date = new Date(dateString);
   return date instanceof Date && !isNaN(date.getTime());
 };
+var getTimeOnlyValue = function (hasSeconds, isEndDate) {
+  var endTime = hasSeconds ? '23:59:59' : '23:59';
+  var startTime = hasSeconds ? '00:00:00' : '00:00';
+  return isEndDate ? endTime : startTime;
+};
+var getDateTimeValue = function (currentDate, hasSeconds, isEndDate) {
+  var format = hasSeconds ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD HH:mm';
+  var momentDate = (0, _moment.default)(currentDate);
+  return isEndDate ? momentDate.endOf('day').format(format) : momentDate.startOf('day').format(format);
+};
+var processDate = function (currentDate, isEndDate, enableTime, noCalendar, enableSeconds) {
+  if (!enableTime && !noCalendar) return currentDate;
+  if (currentDate === null || currentDate === void 0 ? void 0 : currentDate.includes(':')) return currentDate;
+  if (noCalendar) {
+    return getTimeOnlyValue(enableSeconds, isEndDate);
+  }
+  if (!currentDate) return '';
+  return getDateTimeValue(currentDate, enableSeconds, isEndDate);
+};
 var DatePicker = exports.DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
   var _b = _a.shouldFocus,
     shouldFocus = _b === void 0 ? true : _b,
@@ -72,42 +91,52 @@ var DatePicker = exports.DatePicker = /*#__PURE__*/(0, _react.forwardRef)(functi
     }
     return violations;
   };
-  var onChangeDateHandler = function (dateTimeStamp, dateStr, instance) {
+  var isValidDateInstance = function (date) {
+    return date instanceof Date && !isNaN(date.getTime());
+  };
+  var handleInvalidSelectedDate = function (instance) {
+    var previousDate = instance === null || instance === void 0 ? void 0 : instance._previousDateBeforeInput;
+    if (isValidDateInstance(previousDate)) {
+      // 이전 값이 있으면 이전 값으로 복원
+      instance.selectedDates = [previousDate];
+      instance.setDate(previousDate, false);
+    } else {
+      // 이전 값이 없으면 빈 값으로 처리
+      restorePreviousDate(instance.input, instance);
+    }
+    return true;
+  };
+  var handleDateViolations = function (selectedDate, instance) {
     var _a;
+    var minDate = options.minDate,
+      maxDate = options.maxDate;
+    var violations = checkDateViolations(selectedDate, minDate, maxDate);
+    if (violations.length > 0 && onValidationError) {
+      var prevDate = (_a = instance === null || instance === void 0 ? void 0 : instance.selectedDates) === null || _a === void 0 ? void 0 : _a[0];
+      onValidationError({
+        date: selectedDate,
+        minDate: minDate,
+        maxDate: maxDate,
+        violations: violations,
+        previousDate: isValidDateInstance(prevDate) ? prevDate : undefined
+      });
+      return true; // onValidationError가 있으면 날짜 변경 안 함
+    }
+    return false;
+  };
+  var onChangeDateHandler = function (dateTimeStamp, dateStr, instance) {
     if (!dateTimeStamp || dateTimeStamp.length === 0) {
       restorePreviousDate(instance.input, instance);
       return;
     }
     var selectedDate = dateTimeStamp[0];
-    if (!selectedDate || !(selectedDate instanceof Date) || isNaN(selectedDate.getTime())) {
+    if (!isValidDateInstance(selectedDate)) {
       // 유효하지 않은 날짜 - 이전 값으로 복원하거나 빈 값으로 처리
-      var previousDate = instance === null || instance === void 0 ? void 0 : instance._previousDateBeforeInput;
-      if (previousDate && previousDate instanceof Date && !isNaN(previousDate.getTime())) {
-        // 이전 값이 있으면 이전 값으로 복원
-        instance.selectedDates = [previousDate];
-        instance.setDate(previousDate, false);
-      } else {
-        // 이전 값이 없으면 빈 값으로 처리
-        restorePreviousDate(instance.input, instance);
-      }
+      handleInvalidSelectedDate(instance);
       return;
     }
-    var minDate = options.minDate,
-      maxDate = options.maxDate;
-    var violations = checkDateViolations(selectedDate, minDate, maxDate);
-    if (violations.length > 0) {
-      var prevDate = (_a = instance === null || instance === void 0 ? void 0 : instance.selectedDates) === null || _a === void 0 ? void 0 : _a[0];
-      if (onValidationError) {
-        onValidationError({
-          date: selectedDate,
-          minDate: minDate,
-          maxDate: maxDate,
-          violations: violations,
-          previousDate: prevDate instanceof Date && !isNaN(prevDate.getTime()) ? prevDate : undefined
-        });
-        return; // onValidationError가 있으면 날짜 변경 안 함
-      }
-      // onValidationError가 없으면 범위를 벗어난 날짜도 허용 (계속 진행)
+    if (handleDateViolations(selectedDate, instance)) {
+      return;
     }
     // 유효한 날짜인 경우 이전 날짜로 저장
     instance._previousDateBeforeInput = selectedDate;
@@ -127,15 +156,31 @@ var DatePicker = exports.DatePicker = /*#__PURE__*/(0, _react.forwardRef)(functi
     target.value = '';
     instance.setDate('', false);
   };
+  var handleEmptyInput = function (target, instance) {
+    target.value = '';
+    instance.setDate('', false);
+    onChangeDate('');
+    return true;
+  };
+  var validateFormattedDate = function (formattedInput, target, instance) {
+    var parsedDate = (0, _moment.default)(formattedInput);
+    if (!parsedDate.isValid()) {
+      restorePreviousDate(target, instance);
+      return false;
+    }
+    var parsedDateObj = parsedDate.toDate();
+    var violations = checkDateViolations(parsedDateObj, minMaxDateRef.current.minDate, minMaxDateRef.current.maxDate);
+    // onInputHandler에서는 onValidationError를 호출하지 않음
+    // validation은 onChangeDateHandler에서만 처리
+    return violations.length === 0;
+  };
   var onInputHandler = function (e) {
     var target = e.target;
     var input = target.value;
     var instance = flatpickrInstanceRef.current;
     if (!instance) return;
     if (!input || input.trim() === '') {
-      target.value = '';
-      instance.setDate('', false);
-      onChangeDate('');
+      handleEmptyInput(target, instance);
       return;
     }
     // 숫자가 최소 하나는 포함되어야 함 (하이픈만 있는 경우 방지)
@@ -148,20 +193,8 @@ var DatePicker = exports.DatePicker = /*#__PURE__*/(0, _react.forwardRef)(functi
       target.value = formattedInput;
       return;
     }
-    if (formattedInput && formattedInput.length >= 10) {
-      var parsedDate = (0, _moment.default)(formattedInput);
-      if (!parsedDate.isValid()) {
-        restorePreviousDate(target, instance);
-        return;
-      }
-      var parsedDateObj = parsedDate.toDate();
-      var violations = checkDateViolations(parsedDateObj, minMaxDateRef.current.minDate, minMaxDateRef.current.maxDate);
-      if (violations.length > 0) {
-        // onInputHandler에서는 onValidationError를 호출하지 않음
-        // validation은 onChangeDateHandler에서만 처리
-        // onValidationError가 없으면 아무것도 하지 않음 (범위를 벗어난 날짜도 허용)
-        return;
-      }
+    if (formattedInput && formattedInput.length >= 10 && !validateFormattedDate(formattedInput, target, instance)) {
+      return;
     }
   };
   var onHourInputHandler = function (e) {
@@ -186,7 +219,7 @@ var DatePicker = exports.DatePicker = /*#__PURE__*/(0, _react.forwardRef)(functi
     dateFormat: 'Y-m-d',
     clickOpens: true,
     time_24hr: true,
-    formatDate: function (date, format, locale) {
+    formatDate: function (date, format, _locale) {
       try {
         // 유효한 날짜인지 확인
         if (!date || !(date instanceof Date) || isNaN(date.getTime())) {
@@ -207,7 +240,7 @@ var DatePicker = exports.DatePicker = /*#__PURE__*/(0, _react.forwardRef)(functi
     },
     onChange: onChangeDateHandler,
     allowInvalidPreload: true,
-    onReady: function (selectedDates, dateStr, instance) {
+    onReady: function (_selectedDates, _dateStr, instance) {
       var _a;
       var input = instance.input;
       if (!input) return;
@@ -218,7 +251,7 @@ var DatePicker = exports.DatePicker = /*#__PURE__*/(0, _react.forwardRef)(functi
         maxDate: (datePickerOptions === null || datePickerOptions === void 0 ? void 0 : datePickerOptions.maxDate) || options.maxDate
       };
       // blur 시점에 현재 selectedDates를 저장 (입력 전 상태)
-      var onBlurHandler = function (e) {
+      var onBlurHandler = function (_e) {
         if (instance && instance.selectedDates.length > 0) {
           // 이전 날짜를 별도로 저장 (onChange에서 사용)
           instance._previousDateBeforeInput = instance.selectedDates[0];
@@ -253,7 +286,7 @@ var DatePicker = exports.DatePicker = /*#__PURE__*/(0, _react.forwardRef)(functi
       instance._handleMouseDown = handleMouseDown;
       instance._onBlurHandler = onBlurHandler;
     },
-    onDestroy: function (selectedDates, dateStr, instance) {
+    onDestroy: function (_selectedDates, _dateStr, instance) {
       var _a;
       var input = instance.input;
       if (!input) return;
@@ -283,23 +316,10 @@ var DatePicker = exports.DatePicker = /*#__PURE__*/(0, _react.forwardRef)(functi
       }
     }
   }, datePickerOptions);
-  var hasTimeOption = datePickerOptions === null || datePickerOptions === void 0 ? void 0 : datePickerOptions.hasOwnProperty('enableTime');
-  var iconName = hasTimeOption && (datePickerOptions === null || datePickerOptions === void 0 ? void 0 : datePickerOptions.hasOwnProperty('noCalendar')) ? 'clock' : 'calendar';
+  var hasTimeOption = datePickerOptions ? Object.hasOwn(datePickerOptions, 'enableTime') : false;
+  var iconName = hasTimeOption && datePickerOptions && Object.hasOwn(datePickerOptions, 'noCalendar') ? 'clock' : 'calendar';
   var processedCurrentDate = (0, _react.useMemo)(function () {
-    var hasTime = options.enableTime;
-    var isTimeOnly = options.noCalendar;
-    var hasSeconds = options.enableSeconds;
-    if (!hasTime && !isTimeOnly) return currentDate;
-    if (currentDate === null || currentDate === void 0 ? void 0 : currentDate.includes(':')) return currentDate;
-    if (isTimeOnly) {
-      var endTime = hasSeconds ? '23:59:59' : '23:59';
-      var startTime = hasSeconds ? '00:00:00' : '00:00';
-      return isEndDate ? endTime : startTime;
-    }
-    if (!currentDate) return '';
-    var format = hasSeconds ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD HH:mm';
-    var momentDate = (0, _moment.default)(currentDate);
-    return isEndDate ? momentDate.endOf('day').format(format) : momentDate.startOf('day').format(format);
+    return processDate(currentDate, isEndDate, options.enableTime, options.noCalendar, options.enableSeconds);
   }, [currentDate, isEndDate, options.enableSeconds, options.enableTime, options.noCalendar]);
   return (0, _jsxRuntime.jsxs)("div", __assign({
     className: (0, _classnames.default)('ncua-date-picker', "ncua-date-picker--".concat(size), {
@@ -315,7 +335,7 @@ var DatePicker = exports.DatePicker = /*#__PURE__*/(0, _react.forwardRef)(functi
       value: processedCurrentDate,
       render: function (_a, ref) {
         var defaultValue = _a.defaultValue,
-          value = _a.value,
+          _value = _a.value,
           props = __rest(_a, ["defaultValue", "value"]);
         // input에 반영 되면 안되는 attribute 제외
         var _b = props,