@ncds/ui-admin 1.7.0 → 1.8.0

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

@@ -1,349 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaultMaxHeight = exports.ComboBox = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _uiAdminIcon = require("@ncds/ui-admin-icon");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react = require("react");
-var _dropdown = require("../../hooks/dropdown");
-var _multiSelect = require("../../utils/dropdown/multiSelect");
-var _button = require("../button");
-var _InputBase = require("../input/InputBase");
-var _selectDropdown = require("../select-dropdown");
-var _HintText = require("../shared/hintText/HintText");
-var _tag = require("../tag");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var __assign = void 0 && (void 0).__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-var __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-var __spreadArray = void 0 && (void 0).__spreadArray || function (to, from, pack) {
-  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-    if (ar || !(i in from)) {
-      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-      ar[i] = from[i];
-    }
-  }
-  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,
-    id = _a.id,
-    className = _a.className,
-    hintText = _a.hintText,
-    children = _a.children,
-    _c = _a.size,
-    size = _c === void 0 ? 'xs' : _c,
-    _d = _a.destructive,
-    destructive = _d === void 0 ? false : _d,
-    value = _a.value,
-    _e = _a.optionItems,
-    optionItems = _e === void 0 ? [] : _e,
-    onChange = _a.onChange,
-    onSearch = _a.onSearch,
-    _f = _a.disabled,
-    disabled = _f === void 0 ? false : _f,
-    register = _a.register,
-    _g = _a.maxHeight,
-    maxHeight = _g === void 0 ? defaultMaxHeight : _g,
-    _h = _a.searchValue,
-    searchValue = _h === void 0 ? '' : _h,
-    label = _a.label,
-    _j = _a.required,
-    required = _j === void 0 ? false : _j,
-    _k = _a.multiple,
-    multiple = _k === void 0 ? false : _k,
-    _l = _a.showFooterButtons,
-    showFooterButtons = _l === void 0 ? false : _l,
-    onEdit = _a.onEdit,
-    props = __rest(_a, ["placeholder", "id", "className", "hintText", "children", "size", "destructive", "value", "optionItems", "onChange", "onSearch", "disabled", "register", "maxHeight", "searchValue", "label", "required", "multiple", "showFooterButtons", "onEdit"]);
-  var internalRef = (0, _react.useRef)(null);
-  var dropdownRef = (0, _react.useRef)(null);
-  var inputRef = (0, _react.useRef)(null);
-  var _m = (0, _react.useState)(searchValue),
-    inputValue = _m[0],
-    setInputValue = _m[1];
-  var _o = (0, _react.useState)(false),
-    showAllItems = _o[0],
-    setShowAllItems = _o[1];
-  var _p = (0, _react.useState)([]),
-    selectedTags = _p[0],
-    setSelectedTags = _p[1];
-  var handleOptionSelect = function (option) {
-    if (disabled) return;
-    if (multiple) {
-      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);
-    notifyFormChange(register, multiple, newValue);
-  };
-  var handleInputChange = function (e) {
-    var newValue = e.target.value;
-    setInputValue(newValue);
-    onSearch === null || onSearch === void 0 ? void 0 : onSearch(newValue);
-    setShowAllItems(false);
-    if (!isOpen && !disabled) {
-      toggleDropdown();
-    }
-  };
-  var handleInputClick = function () {
-    var _a;
-    if (!disabled) {
-      (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-    if (inputValue) {
-      toggleDropdown();
-    }
-  };
-  // useDropdown 훅 사용
-  var _q = (0, _dropdown.useDropdown)({
-      triggerRef: internalRef,
-      dropdownRef: dropdownRef,
-      maxHeight: maxHeight,
-      itemCount: optionItems.length,
-      optionItems: optionItems,
-      disabled: disabled,
-      multiple: multiple,
-      onSelect: handleOptionSelect
-    }),
-    isOpen = _q.isOpen,
-    dropdownDirection = _q.direction,
-    focusedIndex = _q.focusedIndex,
-    toggleDropdown = _q.toggleDropdown,
-    dropdownClose = _q.closeDropdown,
-    dropdownHandleKeyDown = _q.handleKeyDown,
-    handleDropdownSelect = _q.handleOptionSelect,
-    handleMouseMove = _q.handleMouseMove,
-    isKeyboardNavigation = _q.isKeyboardNavigation;
-  var showAllItem = function () {
-    var _a;
-    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 () {
-    setShowAllItems(false);
-    dropdownClose();
-  };
-  // 키보드 이벤트 처리는 useDropdown 훅에서 처리됨
-  var handleKeyDown = function (e) {
-    // input 전용 키보드 이벤트 처리
-    if (e.key === 'Escape' && isOpen) {
-      closeDropdown();
-      e.preventDefault();
-      return;
-    }
-    // 나머지는 useDropdown 훅에서 처리
-    dropdownHandleKeyDown(e);
-  };
-  (0, _react.useImperativeHandle)(ref, function () {
-    return internalRef.current;
-  }, []);
-  var trailingElement = {
-    type: 'custom',
-    children: (0, _jsxRuntime.jsx)("div", __assign({
-      className: "ncua-input__icon-wrap ncua-input__right-icon",
-      onClick: showAllItem
-    }, {
-      children: (0, _jsxRuntime.jsx)(_button.Button, {
-        label: "\uC804\uCCB4",
-        hierarchy: "text",
-        size: "xxs",
-        leadingIcon: {
-          type: 'icon',
-          icon: _uiAdminIcon.ChevronSelectorVertical
-        }
-      })
-    }))
-  };
-  var leadingElement = {
-    type: 'icon',
-    icon: _uiAdminIcon.SearchLg,
-    size: 14,
-    color: 'gray300'
-  };
-  var currentSelectedValues = multiple && Array.isArray(value) ? value : [];
-  var _r = (0, _multiSelect.useMultiSelect)(currentSelectedValues, optionItems),
-    selectAllButtonText = _r.buttonText,
-    toggleSelectAll = _r.toggleSelectAll,
-    getSelectedTagsData = _r.getSelectedTagsData,
-    removeTag = _r.removeTag;
-  var handleSelectAll = function () {
-    if (!multiple || !onChange) return;
-    var newSelectedValues = toggleSelectAll();
-    onChange(newSelectedValues);
-  };
-  var handleEdit = function () {
-    onEdit === null || onEdit === void 0 ? void 0 : onEdit();
-  };
-  var handleComplete = function () {
-    if (!multiple) return;
-    var tags = getSelectedTagsData();
-    setSelectedTags(tags);
-    setInputValue('');
-    closeDropdown();
-  };
-  var handleRemoveTag = function (tagId) {
-    if (!onChange) return;
-    if (multiple) {
-      var newSelectedValues = removeTag(tagId);
-      onChange(newSelectedValues);
-      setSelectedTags(function (prev) {
-        return prev.filter(function (tag) {
-          return tag.id !== tagId;
-        });
-      });
-      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,
-      className: (0, _classnames.default)('ncua-combobox', "ncua-combobox--".concat(size), {
-        'ncua-combobox--open': isOpen,
-        'ncua-combobox--disabled': disabled,
-        destructive: destructive
-      }, className)
-    }, props, {
-      children: [(0, _jsxRuntime.jsxs)("div", __assign({
-        className: "ncua-combobox__content"
-      }, {
-        children: [(0, _jsxRuntime.jsx)(_InputBase.InputBase, {
-          ref: inputRef,
-          size: size,
-          label: label,
-          required: required,
-          placeholder: placeholder,
-          value: inputValue,
-          onChange: handleInputChange,
-          onKeyDown: handleKeyDown,
-          onClick: handleInputClick,
-          disabled: disabled,
-          destructive: destructive,
-          leadingElement: leadingElement,
-          trailingElement: trailingElement,
-          role: "combobox",
-          "aria-expanded": isOpen,
-          "aria-haspopup": "listbox",
-          "aria-controls": comboboxId,
-          "aria-disabled": disabled,
-          autoComplete: "off",
-          clearText: !!inputValue,
-          onClearText: function () {
-            setInputValue('');
-            onSearch === null || onSearch === void 0 ? void 0 : onSearch('');
-          }
-        }), (0, _jsxRuntime.jsxs)(_selectDropdown.SelectDropdown, __assign({
-          ref: dropdownRef,
-          isOpen: isOpen,
-          direction: dropdownDirection,
-          size: size,
-          options: displayedOptions,
-          value: value,
-          focusedIndex: focusedIndex,
-          maxHeight: maxHeight,
-          listboxId: comboboxId,
-          onOptionSelect: handleDropdownSelect,
-          onMouseMove: handleMouseMove,
-          isKeyboardNavigation: isKeyboardNavigation,
-          multiple: multiple,
-          showFooterButtons: showFooter,
-          selectAllButtonText: selectAllButtonText,
-          onSelectAll: handleSelectAll,
-          onEdit: handleEdit,
-          onComplete: handleComplete,
-          componentType: "combobox"
-        }, {
-          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."
-          })) : null, children]
-        }))]
-      })), register && (0, _jsxRuntime.jsx)("input", __assign({
-        type: "hidden"
-      }, register, {
-        value: hiddenInputValue
-      })), hintText && (0, _jsxRuntime.jsx)(_HintText.HintText, __assign({
-        destructive: destructive
-      }, {
-        children: hintText
-      }))]
-    })), hasTags && (0, _jsxRuntime.jsx)("div", __assign({
-      className: "ncua-combobox__tags"
-    }, {
-      children: selectedTags.map(function (tag) {
-        return (0, _jsxRuntime.jsx)(_tag.Tag, {
-          text: tag.label,
-          size: "sm",
-          close: true,
-          onButtonClick: function () {
-            return handleRemoveTag(tag.id);
-          }
-        }, tag.id);
-      })
-    }))]
-  });
-});
-ComboBox.displayName = 'ComboBox';

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

@@ -1,154 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RangeDatePicker = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _moment = _interopRequireDefault(require("moment"));
-var _react = require("react");
-var _DatePicker = require("./DatePicker");
-var _utils = require("./utils");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var __assign = void 0 && (void 0).__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-var RangeDatePicker = exports.RangeDatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
-  var startDateOptions = _a.startDateOptions,
-    endDateOptions = _a.endDateOptions,
-    validationOption = _a.validationOption,
-    onDateValidation = _a.onDateValidation,
-    _b = _a.size,
-    size = _b === void 0 ? 'xs' : _b;
-  var getOverlapResult = (0, _react.useCallback)(function (type) {
-    if (type === 'start' && (0, _moment.default)(startDateOptions.currentDate).isAfter(endDateOptions.currentDate)) {
-      return {
-        newDate: endDateOptions.currentDate,
-        currentDate: startDateOptions.currentDate
-      };
-    }
-    if (type === 'end' && (0, _moment.default)(endDateOptions.currentDate).isBefore(startDateOptions.currentDate)) {
-      return {
-        newDate: startDateOptions.currentDate,
-        currentDate: endDateOptions.currentDate
-      };
-    }
-    return null;
-  }, [startDateOptions.currentDate, endDateOptions.currentDate]);
-  var getSettingNewDate = (0, _react.useCallback)(function (type, isOverPeriod, unit, period) {
-    if (type === 'start') {
-      if (isOverPeriod) {
-        return (0, _utils.getDateFormat)((0, _moment.default)(endDateOptions.currentDate).subtract(period, unit).toDate());
-      }
-      if ((0, _moment.default)(startDateOptions.currentDate).isAfter(endDateOptions.currentDate)) {
-        return endDateOptions.currentDate;
-      }
-    } else {
-      if (isOverPeriod) {
-        return (0, _utils.getDateFormat)((0, _moment.default)(startDateOptions.currentDate).add(period, unit).toDate());
-      }
-      if ((0, _moment.default)(endDateOptions.currentDate).isBefore(startDateOptions.currentDate)) {
-        return startDateOptions.currentDate;
-      }
-    }
-    return '';
-  }, [startDateOptions.currentDate, endDateOptions.currentDate]);
-  var changeSettingDateAndAlert = (0, _react.useCallback)(function (type, isOverPeriod) {
-    if (isOverPeriod === void 0) {
-      isOverPeriod = false;
-    }
-    if (!(validationOption === null || validationOption === void 0 ? void 0 : validationOption.setting)) {
-      var result = getOverlapResult(type);
-      if (result) {
-        onDateValidation === null || onDateValidation === void 0 ? void 0 : onDateValidation(__assign({
-          type: type,
-          errorType: 'overlap'
-        }, result));
-      }
-      return;
-    }
-    var _a = validationOption.setting,
-      unit = _a.unit,
-      period = _a.period;
-    var newDate = getSettingNewDate(type, isOverPeriod, unit, period);
-    if (newDate) {
-      onDateValidation === null || onDateValidation === void 0 ? void 0 : onDateValidation({
-        type: type,
-        errorType: isOverPeriod ? 'period' : 'overlap',
-        newDate: newDate,
-        currentDate: type === 'start' ? startDateOptions.currentDate : endDateOptions.currentDate
-      });
-    }
-  }, [startDateOptions, endDateOptions, validationOption, onDateValidation, getOverlapResult, getSettingNewDate]);
-  (0, _react.useEffect)(function () {
-    var isOverDate = (0, _moment.default)(startDateOptions.currentDate).isAfter(endDateOptions.currentDate);
-    if (isOverDate) {
-      changeSettingDateAndAlert('start');
-      return;
-    }
-    if (!(validationOption === null || validationOption === void 0 ? void 0 : validationOption.setting)) {
-      return;
-    }
-    var _a = validationOption.setting,
-      unit = _a.unit,
-      period = _a.period;
-    var isValidPeriod = (0, _moment.default)(startDateOptions.currentDate).isSameOrAfter((0, _moment.default)(endDateOptions.currentDate).subtract(period, unit));
-    if (isValidPeriod) {
-      onDateValidation === null || onDateValidation === void 0 ? void 0 : onDateValidation({
-        type: 'start',
-        errorType: null,
-        newDate: startDateOptions.currentDate,
-        currentDate: startDateOptions.currentDate
-      });
-    } else {
-      changeSettingDateAndAlert('start', true);
-    }
-  }, [startDateOptions.currentDate]);
-  (0, _react.useEffect)(function () {
-    var isNotTodayEndDate = !(0, _moment.default)(endDateOptions.currentDate).isSame((0, _moment.default)(), 'day');
-    if (!(validationOption === null || validationOption === void 0 ? void 0 : validationOption.setting) || !isNotTodayEndDate) {
-      return;
-    }
-    var isOverDate = (0, _moment.default)(endDateOptions.currentDate).isBefore(startDateOptions.currentDate);
-    if (isOverDate) {
-      changeSettingDateAndAlert('end');
-      return;
-    }
-    var _a = validationOption.setting,
-      unit = _a.unit,
-      period = _a.period;
-    var isValidPeriod = (0, _moment.default)(endDateOptions.currentDate).isSameOrBefore((0, _moment.default)(startDateOptions.currentDate).add(period, unit));
-    if (isValidPeriod) {
-      onDateValidation === null || onDateValidation === void 0 ? void 0 : onDateValidation({
-        type: 'end',
-        errorType: null,
-        newDate: endDateOptions.currentDate,
-        currentDate: endDateOptions.currentDate
-      });
-    } else {
-      changeSettingDateAndAlert('end', true);
-    }
-  }, [endDateOptions.currentDate]);
-  return (0, _jsxRuntime.jsxs)("div", __assign({
-    className: "ncua-range-date-picker",
-    ref: ref || undefined
-  }, {
-    children: [(0, _jsxRuntime.jsx)(_DatePicker.DatePicker, __assign({}, startDateOptions, {
-      ref: undefined,
-      size: size
-    })), "~", (0, _jsxRuntime.jsx)(_DatePicker.DatePicker, __assign({
-      isEndDate: true
-    }, endDateOptions, {
-      ref: undefined,
-      size: size
-    }))]
-  }));
-});
-RangeDatePicker.displayName = 'RangeDatePicker';

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

@@ -1,99 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RangeDatePickerWithButtons = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
-var _datePicker = require("../../constant/date-picker");
-var _datePicker2 = require("../../utils/date-picker");
-var _button = require("../button");
-var _RangeDatePicker = require("./RangeDatePicker");
-var __assign = void 0 && (void 0).__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-var RangeDatePickerWithButtons = function (_a) {
-  var _b = _a.useYesterdayAsEndDate,
-    useYesterdayAsEndDate = _b === void 0 ? false : _b,
-    _c = _a.size,
-    size = _c === void 0 ? 'xs' : _c,
-    currentButtonId = _a.currentButtonId,
-    setCurrentButtonId = _a.setCurrentButtonId,
-    startDateOptions = _a.startDateOptions,
-    endDateOptions = _a.endDateOptions,
-    validationOption = _a.validationOption,
-    periodKeys = _a.periodKeys,
-    periodItems = _a.periodItems,
-    onDateValidation = _a.onDateValidation;
-  var items = periodItems !== null && periodItems !== void 0 ? periodItems : _datePicker.PERIOD_ITEM;
-  var setCalculatedDate = function () {
-    var currentPeriodItem = items[currentButtonId];
-    if (!currentPeriodItem) {
-      return;
-    }
-    if (currentButtonId === 'ENTIRE') {
-      startDateOptions.onChangeDate('');
-      endDateOptions.onChangeDate('');
-      return;
-    }
-    var startDate = (0, _datePicker2.getDateFormat)((0, _datePicker2.getSubtractDate)({
-      period: currentPeriodItem.period,
-      unit: currentPeriodItem.unit
-    }));
-    startDateOptions.onChangeDate(startDate);
-    var endDate = useYesterdayAsEndDate ? (0, _datePicker2.getDateFormat)((0, _datePicker2.getSubtractDate)({
-      period: 1,
-      unit: 'days'
-    })) : (0, _datePicker2.getDateFormat)();
-    endDateOptions.onChangeDate(endDate);
-  };
-  var handleOnChangeDate = function (date, type) {
-    type === 'START' ? startDateOptions.onChangeDate(date) : endDateOptions.onChangeDate(date);
-    currentButtonId && setCurrentButtonId('NONE');
-  };
-  (0, _react.useEffect)(function () {
-    if (currentButtonId !== 'NONE') {
-      setCalculatedDate();
-    }
-  }, [currentButtonId]);
-  return (0, _jsxRuntime.jsxs)("div", __assign({
-    className: "ncua-range-date-picker-with-buttons"
-  }, {
-    children: [(0, _jsxRuntime.jsx)(_button.ButtonGroup, __assign({
-      size: size
-    }, {
-      children: periodKeys.map(function (key) {
-        return (0, _jsxRuntime.jsx)(_button.ButtonGroup.Item, {
-          isCurrent: currentButtonId === key,
-          label: items[key].text,
-          onClick: function () {
-            return setCurrentButtonId(key);
-          }
-        }, key);
-      })
-    })), (0, _jsxRuntime.jsx)(_RangeDatePicker.RangeDatePicker, {
-      startDateOptions: __assign(__assign({}, startDateOptions), {
-        onChangeDate: function (date) {
-          return handleOnChangeDate(date, 'START');
-        }
-      }),
-      endDateOptions: __assign(__assign({}, endDateOptions), {
-        onChangeDate: function (date) {
-          return handleOnChangeDate(date, 'END');
-        }
-      }),
-      validationOption: validationOption,
-      onDateValidation: onDateValidation,
-      size: size
-    })]
-  }));
-};
-exports.RangeDatePickerWithButtons = RangeDatePickerWithButtons;