rsuite 5.76.0 → 6.0.0-canary-20241227

package/cjs/DateRangeInput/DateRangeInput.js

@@ -5,9 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Input = _interopRequireDefault(require("../Input"));
 var _date = require("../internals/utils/date");
 var _hooks = require("../internals/hooks");
@@ -15,106 +13,103 @@ var _utils = require("../internals/utils");
 var _DateInput = require("../DateInput");
 var _CustomProvider = require("../CustomProvider");
 var _utils2 = require("./utils");
-var _excluded = ["className", "classPrefix", "character", "format", "value", "defaultValue", "placeholder", "onChange", "onKeyDown", "onBlur", "onFocus", "onPaste"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+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; }
 /**
  * The DateRangeInput component lets users select a date with the keyboard.
  * @version 5.59.0
  * @see https://rsuitejs.com/components/date-range-input/
  */
-var DateRangeInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _useCustom = (0, _CustomProvider.useCustom)('Calendar', props),
-    propsWithDefaults = _useCustom.propsWithDefaults,
-    parseDate = _useCustom.parseDate,
-    getLocale = _useCustom.getLocale;
-  var _getLocale = getLocale('DateTimeFormats'),
-    shortDateFormat = _getLocale.shortDateFormat,
-    dateLocale = _getLocale.dateLocale;
-  var className = propsWithDefaults.className,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'date-range-input' : _propsWithDefaults$cl,
-    _propsWithDefaults$ch = propsWithDefaults.character,
-    character = _propsWithDefaults$ch === void 0 ? ' ~ ' : _propsWithDefaults$ch,
-    _propsWithDefaults$fo = propsWithDefaults.format,
-    formatStr = _propsWithDefaults$fo === void 0 ? shortDateFormat : _propsWithDefaults$fo,
-    valueProp = propsWithDefaults.value,
-    _propsWithDefaults$de = propsWithDefaults.defaultValue,
-    defaultValue = _propsWithDefaults$de === void 0 ? [] : _propsWithDefaults$de,
-    placeholder = propsWithDefaults.placeholder,
-    onChange = propsWithDefaults.onChange,
-    onKeyDown = propsWithDefaults.onKeyDown,
-    onBlur = propsWithDefaults.onBlur,
-    onFocus = propsWithDefaults.onFocus,
-    onPaste = propsWithDefaults.onPaste,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge;
-  var classes = merge(className, withClassPrefix());
-  var inputRef = (0, _react.useRef)();
-  var _useSelectedState = (0, _DateInput.useSelectedState)(),
-    selectedState = _useSelectedState.selectedState,
-    setSelectedState = _useSelectedState.setSelectedState;
-  var rangeFormatStr = "" + formatStr + character + formatStr;
-  var _useControlled = (0, _hooks.useControlled)(valueProp, defaultValue),
-    value = _useControlled[0],
-    setValue = _useControlled[1],
-    isControlled = _useControlled[2];
-  var _useState = (0, _react.useState)(_utils2.DateType.Start),
-    dateType = _useState[0],
-    setDateType = _useState[1];
-  var dateInputOptions = {
-    formatStr: formatStr,
+const DateRangeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults,
+    parseDate,
+    getLocale
+  } = (0, _CustomProvider.useCustom)('Calendar', props);
+  const {
+    shortDateFormat,
+    dateLocale
+  } = getLocale('DateTimeFormats');
+  const {
+    className,
+    classPrefix = 'date-range-input',
+    character = ' ~ ',
+    format: formatStr = shortDateFormat,
+    value: valueProp,
+    defaultValue = [],
+    placeholder,
+    onChange,
+    onKeyDown,
+    onBlur,
+    onFocus,
+    onPaste,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    withClassPrefix,
+    merge
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, withClassPrefix());
+  const inputRef = (0, _react.useRef)();
+  const {
+    selectedState,
+    setSelectedState
+  } = (0, _DateInput.useSelectedState)();
+  const rangeFormatStr = `${formatStr}${character}${formatStr}`;
+  const [value, setValue, isControlled] = (0, _hooks.useControlled)(valueProp, defaultValue);
+  const [dateType, setDateType] = (0, _react.useState)(_utils2.DateType.Start);
+  const dateInputOptions = {
+    formatStr,
     locale: dateLocale,
     isControlledDate: isControlled
   };
-  var startDateState = (0, _DateInput.useDateInputState)((0, _extends2.default)({}, dateInputOptions, {
+  const startDateState = (0, _DateInput.useDateInputState)({
+    ...dateInputOptions,
     date: (value === null || value === void 0 ? void 0 : value[0]) || null
-  }));
-  var endDateState = (0, _DateInput.useDateInputState)((0, _extends2.default)({}, dateInputOptions, {
+  });
+  const endDateState = (0, _DateInput.useDateInputState)({
+    ...dateInputOptions,
     date: (value === null || value === void 0 ? void 0 : value[1]) || null
-  }));
-  var _useFieldCursor = (0, _DateInput.useFieldCursor)(formatStr, valueProp),
-    isMoveCursor = _useFieldCursor.isMoveCursor,
-    isResetValue = _useFieldCursor.isResetValue,
-    increment = _useFieldCursor.increment,
-    reset = _useFieldCursor.reset;
-  var getActiveState = function getActiveState(type) {
+  });
+  const {
+    isMoveCursor,
+    isResetValue,
+    increment,
+    reset
+  } = (0, _DateInput.useFieldCursor)(formatStr, valueProp);
+  const getActiveState = function (type) {
     if (type === void 0) {
       type = dateType;
     }
     return type === _utils2.DateType.Start ? startDateState : endDateState;
   };
-  var _useIsFocused = (0, _DateInput.useIsFocused)({
-      onBlur: onBlur,
-      onFocus: onFocus
-    }),
-    focused = _useIsFocused[0],
-    focusEventProps = _useIsFocused[1];
-  var renderedValue = (0, _react.useMemo)(function () {
-    var dateString = startDateState.toDateString() + character + endDateState.toDateString();
+  const [focused, focusEventProps] = (0, _DateInput.useIsFocused)({
+    onBlur,
+    onFocus
+  });
+  const renderedValue = (0, _react.useMemo)(() => {
+    const dateString = startDateState.toDateString() + character + endDateState.toDateString();
     if (!startDateState.isEmptyValue() || !endDateState.isEmptyValue()) {
       return dateString;
     }
     return !focused ? '' : dateString;
   }, [character, endDateState, focused, startDateState]);
-  var keyPressOptions = {
-    formatStr: formatStr,
-    rangeFormatStr: rangeFormatStr,
+  const keyPressOptions = {
+    formatStr,
+    rangeFormatStr,
     localize: dateLocale.localize,
     selectedMonth: getActiveState().dateField.month,
     dateString: renderedValue,
-    dateType: dateType,
-    character: character
+    dateType,
+    character
   };
-  var setSelectionRange = (0, _DateInput.useInputSelection)(inputRef);
-  var handleChange = (0, _hooks.useEventCallback)(function (date, event) {
-    var nextValue = dateType === _utils2.DateType.Start ? [date, value === null || value === void 0 ? void 0 : value[1]] : [value === null || value === void 0 ? void 0 : value[0], date];
+  const setSelectionRange = (0, _DateInput.useInputSelection)(inputRef);
+  const handleChange = (0, _hooks.useEventCallback)((date, event) => {
+    const nextValue = dateType === _utils2.DateType.Start ? [date, value === null || value === void 0 ? void 0 : value[1]] : [value === null || value === void 0 ? void 0 : value[0], date];
     onChange === null || onChange === void 0 || onChange(nextValue, event);
     setValue(nextValue);
   });
-  var handleClear = (0, _hooks.useEventCallback)(function (event) {
+  const handleClear = (0, _hooks.useEventCallback)(event => {
     startDateState.setNewDate(null);
     endDateState.setNewDate(null);
     setSelectionRange(0, 0);
@@ -122,25 +117,26 @@ var DateRangeInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     setValue(null);
     onChange === null || onChange === void 0 || onChange(null, event);
   });
-  var onSegmentChange = (0, _hooks.useEventCallback)(function (event, nextDirection) {
-    var input = event.target;
-    var key = event.key;
-    var direction = nextDirection || (key === 'ArrowRight' ? 'right' : 'left');
+  const onSegmentChange = (0, _hooks.useEventCallback)((event, nextDirection) => {
+    const input = event.target;
+    const key = event.key;
+    const direction = nextDirection || (key === 'ArrowRight' ? 'right' : 'left');
     if (input.selectionEnd === null || input.selectionStart === null) {
       return;
     }
-    var cursorIndex = direction === 'right' ? input.selectionEnd : input.selectionStart;
-    var nextDateType = dateType;
+    const cursorIndex = direction === 'right' ? input.selectionEnd : input.selectionStart;
+    let nextDateType = dateType;
     if ((0, _utils2.isSwitchDateType)(renderedValue, character, cursorIndex, direction)) {
       nextDateType = dateType === _utils2.DateType.Start ? _utils2.DateType.End : _utils2.DateType.Start;
       setDateType(nextDateType);
     }
-    var state = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {
+    const state = (0, _utils2.getInputSelectedState)({
+      ...keyPressOptions,
       dateType: nextDateType,
       selectedMonth: getActiveState(nextDateType).dateField.month,
-      input: input,
-      direction: direction
-    }));
+      input,
+      direction
+    });
     setSelectedState(state);
     setSelectionRange(state.selectionStart, state.selectionEnd);
 
@@ -149,47 +145,45 @@ var DateRangeInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       reset();
     }
   });
-  var onSegmentValueChange = (0, _hooks.useEventCallback)(function (event) {
-    var input = event.target;
-    var key = event.key;
-    var offset = key === 'ArrowUp' ? 1 : -1;
-    var state = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {
-      input: input,
+  const onSegmentValueChange = (0, _hooks.useEventCallback)(event => {
+    const input = event.target;
+    const key = event.key;
+    const offset = key === 'ArrowUp' ? 1 : -1;
+    const state = (0, _utils2.getInputSelectedState)({
+      ...keyPressOptions,
+      input,
       valueOffset: offset
-    }));
-    setSelectedState(state);
-    getActiveState().setDateOffset(state.selectedPattern, offset, function (date) {
-      return handleChange(date, event);
     });
+    setSelectedState(state);
+    getActiveState().setDateOffset(state.selectedPattern, offset, date => handleChange(date, event));
     setSelectionRange(state.selectionStart, state.selectionEnd);
   });
-  var onSegmentValueChangeWithNumericKeys = (0, _hooks.useEventCallback)(function (event) {
-    var input = event.target;
-    var key = event.key;
-    var pattern = selectedState.selectedPattern;
+  const onSegmentValueChangeWithNumericKeys = (0, _hooks.useEventCallback)(event => {
+    const input = event.target;
+    const key = event.key;
+    const pattern = selectedState.selectedPattern;
     if (!pattern) {
       return;
     }
-    var field = getActiveState().getDateField(pattern);
-    var value = parseInt(key, 10);
-    var padValue = parseInt("" + (field.value || '') + key, 10);
-    var newValue = value;
+    const field = getActiveState().getDateField(pattern);
+    const value = parseInt(key, 10);
+    const padValue = parseInt(`${field.value || ''}${key}`, 10);
+    let newValue = value;
 
     // Check if the value entered by the user is a valid date
     if ((0, _DateInput.validateDateTime)(field.name, padValue) && !isResetValue()) {
       newValue = padValue;
     }
-    getActiveState().setDateField(pattern, newValue, function (date) {
-      return handleChange(date, event);
-    });
+    getActiveState().setDateField(pattern, newValue, date => handleChange(date, event));
 
     // The currently selected month will be retained as a parameter of getInputSelectedState,
     // but if the user enters a month, the month value will be replaced with the value entered by the user.
-    var selectedMonth = pattern === 'M' ? newValue : getActiveState().dateField.month;
-    var nextState = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {
-      input: input,
-      selectedMonth: selectedMonth
-    }));
+    const selectedMonth = pattern === 'M' ? newValue : getActiveState().dateField.month;
+    const nextState = (0, _utils2.getInputSelectedState)({
+      ...keyPressOptions,
+      input,
+      selectedMonth
+    });
     setSelectedState(nextState);
     setSelectionRange(nextState.selectionStart, nextState.selectionEnd);
     increment();
@@ -199,36 +193,36 @@ var DateRangeInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       onSegmentChange(event, 'right');
     }
   });
-  var onSegmentValueRemove = (0, _hooks.useEventCallback)(function (event) {
-    var input = event.target;
-    var value = input.value;
+  const onSegmentValueRemove = (0, _hooks.useEventCallback)(event => {
+    const input = event.target;
+    const value = input.value;
     if (input.selectionStart === 0 && value && input.selectionEnd === value.length) {
       handleClear(event);
     } else if (selectedState.selectedPattern) {
-      var nextState = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {
-        input: input,
+      const nextState = (0, _utils2.getInputSelectedState)({
+        ...keyPressOptions,
+        input,
         valueOffset: null
-      }));
+      });
       setSelectedState(nextState);
       setSelectionRange(nextState.selectionStart, nextState.selectionEnd);
-      getActiveState().setDateField(selectedState.selectedPattern, null, function (date) {
-        return handleChange(date, event);
-      });
+      getActiveState().setDateField(selectedState.selectedPattern, null, date => handleChange(date, event));
       reset();
     }
   });
-  var handleClick = (0, _hooks.useEventCallback)(function (event) {
-    var input = event.target;
+  const handleClick = (0, _hooks.useEventCallback)(event => {
+    const input = event.target;
     if (input.selectionStart === null) {
       return;
     }
-    var cursorIndex = input.selectionStart === renderedValue.length ? 0 : input.selectionStart;
-    var dateType = (0, _utils2.getDateType)(renderedValue || rangeFormatStr, character, cursorIndex);
-    var state = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {
-      dateType: dateType,
+    const cursorIndex = input.selectionStart === renderedValue.length ? 0 : input.selectionStart;
+    const dateType = (0, _utils2.getDateType)(renderedValue || rangeFormatStr, character, cursorIndex);
+    const state = (0, _utils2.getInputSelectedState)({
+      ...keyPressOptions,
+      dateType,
       selectedMonth: getActiveState(dateType).dateField.month,
-      input: input
-    }));
+      input
+    });
     setDateType(dateType);
     setSelectedState(state);
     setSelectionRange(state.selectionStart, state.selectionEnd);
@@ -236,17 +230,13 @@ var DateRangeInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       reset();
     }
   });
-  var handlePaste = (0, _hooks.useEventCallback)(function (event) {
+  const handlePaste = (0, _hooks.useEventCallback)(event => {
     var _event$clipboardData;
     event.preventDefault();
-    var pasteText = (_event$clipboardData = event.clipboardData) === null || _event$clipboardData === void 0 ? void 0 : _event$clipboardData.getData('text');
-    var _ref = pasteText.split(character).map(function (date) {
-        return parseDate(date, formatStr);
-      }),
-      start = _ref[0],
-      end = _ref[1];
+    const pasteText = (_event$clipboardData = event.clipboardData) === null || _event$clipboardData === void 0 ? void 0 : _event$clipboardData.getData('text');
+    const [start, end] = pasteText.split(character).map(date => parseDate(date, formatStr));
     if ((0, _date.isValid)(start) && (0, _date.isValid)(end)) {
-      var nextValue = [start, end];
+      const nextValue = [start, end];
       onChange === null || onChange === void 0 || onChange(nextValue, event);
       setValue(nextValue);
       startDateState.setNewDate(start);
@@ -254,12 +244,12 @@ var DateRangeInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     }
     onPaste === null || onPaste === void 0 || onPaste(event);
   });
-  var onKeyboardInput = (0, _DateInput.useKeyboardInputEvent)({
-    onSegmentChange: onSegmentChange,
-    onSegmentValueChange: onSegmentValueChange,
-    onSegmentValueChangeWithNumericKeys: onSegmentValueChangeWithNumericKeys,
-    onSegmentValueRemove: onSegmentValueRemove,
-    onKeyDown: onKeyDown
+  const onKeyboardInput = (0, _DateInput.useKeyboardInputEvent)({
+    onSegmentChange,
+    onSegmentValueChange,
+    onSegmentValueChangeWithNumericKeys,
+    onSegmentValueRemove,
+    onKeyDown
   });
   return /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({
     inputMode: focused ? 'numeric' : 'text',
@@ -276,15 +266,4 @@ var DateRangeInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref
   }, focusEventProps, rest));
 });
 DateRangeInput.displayName = 'DateRangeInput';
-DateRangeInput.propTypes = {
-  character: _propTypes.default.string,
-  className: _propTypes.default.string,
-  classPrefix: _propTypes.default.string,
-  format: _propTypes.default.string,
-  placeholder: _propTypes.default.string,
-  onChange: _propTypes.default.func,
-  onKeyDown: _propTypes.default.func,
-  onFocus: _propTypes.default.func,
-  onBlur: _propTypes.default.func
-};
 var _default = exports.default = DateRangeInput;

package/cjs/DateRangeInput/utils.js

@@ -1,69 +1,68 @@
 'use client';
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.DateType = void 0;
 exports.getDateType = getDateType;
 exports.getInputSelectedState = getInputSelectedState;
 exports.isSwitchDateType = isSwitchDateType;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _DateInput = require("../DateInput");
-var DateType = exports.DateType = /*#__PURE__*/function (DateType) {
+let DateType = exports.DateType = /*#__PURE__*/function (DateType) {
   DateType["Start"] = "Start";
   DateType["End"] = "End";
   return DateType;
 }({});
 function getInputSelectedState(options) {
-  var input = options.input,
-    direction = options.direction,
-    formatStr = options.formatStr,
-    rangeFormatStr = options.rangeFormatStr,
-    localize = options.localize,
-    selectedMonth = options.selectedMonth,
-    _options$valueOffset = options.valueOffset,
-    valueOffset = _options$valueOffset === void 0 ? 0 : _options$valueOffset,
-    character = options.character,
-    dateType = options.dateType,
-    dateString = options.dateString;
-  var getPatternSelectedIndexes = function getPatternSelectedIndexes(pattern) {
-    var selectionStart = 0;
-    var selectionEnd = 0;
+  const {
+    input,
+    direction,
+    formatStr,
+    rangeFormatStr,
+    localize,
+    selectedMonth,
+    valueOffset = 0,
+    character,
+    dateType,
+    dateString
+  } = options;
+  const getPatternSelectedIndexes = pattern => {
+    let selectionStart = 0;
+    let selectionEnd = 0;
     if (dateType === DateType.Start) {
       selectionStart = rangeFormatStr.indexOf(pattern);
       selectionEnd = rangeFormatStr.split(character)[0].lastIndexOf(pattern) + 1;
     } else if (dateType === DateType.End) {
-      var position = rangeFormatStr.indexOf(character) + character.length;
+      const position = rangeFormatStr.indexOf(character) + character.length;
       selectionStart = rangeFormatStr.indexOf(pattern, position);
       selectionEnd = rangeFormatStr.lastIndexOf(pattern) + 1;
     }
-    var endDateGap = dateString.indexOf(character) - rangeFormatStr.indexOf(character);
+    const endDateGap = dateString.indexOf(character) - rangeFormatStr.indexOf(character);
 
     // If the date type is end, and the end date is not selected, the selection range needs to be adjusted.
     if (dateType === DateType.End && endDateGap > 0) {
       selectionStart += endDateGap;
       selectionEnd += endDateGap;
     }
-    var gap = (0, _DateInput.getSelectIndexGap)({
-      pattern: pattern,
-      formatStr: formatStr,
-      valueOffset: valueOffset,
-      selectedMonth: selectedMonth,
-      localize: localize
+    const gap = (0, _DateInput.getSelectIndexGap)({
+      pattern,
+      formatStr,
+      valueOffset,
+      selectedMonth,
+      localize
     });
-    var isSelectedMonth = pattern === 'M';
-    var isNullMonth = selectedMonth === null && !(isSelectedMonth && valueOffset !== 0);
+    const isSelectedMonth = pattern === 'M';
+    const isNullMonth = selectedMonth === null && !(isSelectedMonth && valueOffset !== 0);
 
     // If the month is null and the valueOffset is 0, the month will not be updated, and the gap is 0 at this time.
     if (isNullMonth) {
       return {
-        selectionStart: selectionStart,
-        selectionEnd: selectionEnd
+        selectionStart,
+        selectionEnd
       };
     }
     if (isSelectedMonth) {
       return {
-        selectionStart: selectionStart,
+        selectionStart,
         selectionEnd: selectionEnd + gap
       };
     }
@@ -74,13 +73,13 @@ function getInputSelectedState(options) {
       };
     }
     return {
-      selectionStart: selectionStart,
-      selectionEnd: selectionEnd
+      selectionStart,
+      selectionEnd
     };
   };
   if (typeof input.selectionEnd === 'number' && typeof input.selectionStart === 'number') {
-    var index = input.selectionStart;
-    var positionOffset = -1;
+    let index = input.selectionStart;
+    let positionOffset = -1;
     if (direction === 'left') {
       index = input.selectionStart - 1;
     } else if (direction === 'right') {
@@ -89,20 +88,21 @@ function getInputSelectedState(options) {
     }
 
     // The start position of the index of the end date
-    var endDateIndex = dateString.indexOf(character) + character.length;
-    var datePattern = (0, _DateInput.getDatePattern)({
+    const endDateIndex = dateString.indexOf(character) + character.length;
+    const datePattern = (0, _DateInput.getDatePattern)({
       selectionIndex: dateType === DateType.End ? index - endDateIndex : index,
-      positionOffset: positionOffset,
-      formatStr: formatStr,
-      dateString: dateString,
-      valueOffset: valueOffset,
-      selectedMonth: selectedMonth,
-      localize: localize
+      positionOffset,
+      formatStr,
+      dateString,
+      valueOffset,
+      selectedMonth,
+      localize
     });
-    var indexes = getPatternSelectedIndexes(datePattern);
-    return (0, _extends2.default)({
-      selectedPattern: datePattern
-    }, indexes);
+    const indexes = getPatternSelectedIndexes(datePattern);
+    return {
+      selectedPattern: datePattern,
+      ...indexes
+    };
   }
   return {
     selectedPattern: 'y',
@@ -111,16 +111,16 @@ function getInputSelectedState(options) {
   };
 }
 function getDateType(dateString, character, cursorIndex) {
-  var splitIndex = dateString.indexOf(character);
+  const splitIndex = dateString.indexOf(character);
   if (cursorIndex > splitIndex) {
     return DateType.End;
   }
   return DateType.Start;
 }
 function isSwitchDateType(dateString, character, cursorIndex, direction) {
-  var characterIndex = dateString.indexOf(character);
-  var startIndex = cursorIndex;
-  var endIndex = startIndex + character.length;
+  const characterIndex = dateString.indexOf(character);
+  let startIndex = cursorIndex;
+  let endIndex = startIndex + character.length;
   if (direction === 'left') {
     endIndex = cursorIndex;
     startIndex = endIndex - character.length;

package/cjs/DateRangePicker/Calendar.js

@@ -5,45 +5,40 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _CalendarContainer = _interopRequireDefault(require("../Calendar/CalendarContainer"));
 var _date = require("../internals/utils/date");
 var _constants = require("../internals/constants");
 var _hooks = require("./hooks");
-var _excluded = ["as", "calendarDateRange", "format", "disabledDate", "index", "limitEndYear", "limitStartYear", "onChangeCalendarMonth", "onChangeCalendarTime", "onSelect", "value"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+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; }
-var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? _CalendarContainer.default : _props$as,
-    _props$calendarDateRa = props.calendarDateRange,
-    calendarDateRange = _props$calendarDateRa === void 0 ? [(0, _date.startOfToday)(), (0, _date.addMonths)((0, _date.startOfToday)(), 1)] : _props$calendarDateRa,
-    _props$format = props.format,
-    format = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,
-    disabledDate = props.disabledDate,
-    _props$index = props.index,
-    index = _props$index === void 0 ? 0 : _props$index,
-    limitEndYear = props.limitEndYear,
-    limitStartYear = props.limitStartYear,
-    onChangeCalendarMonth = props.onChangeCalendarMonth,
-    onChangeCalendarTime = props.onChangeCalendarTime,
-    onSelect = props.onSelect,
-    _props$value = props.value,
-    value = _props$value === void 0 ? [] : _props$value,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var calendarHandlers = (0, _hooks.useCalendarHandlers)({
-    index: index,
-    calendarDateRange: calendarDateRange,
-    onChangeCalendarMonth: onChangeCalendarMonth,
-    onChangeCalendarTime: onChangeCalendarTime,
-    onSelect: onSelect
+const Calendar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    as: Component = _CalendarContainer.default,
+    calendarDateRange = [(0, _date.startOfToday)(), (0, _date.addMonths)((0, _date.startOfToday)(), 1)],
+    format = 'yyyy-MM-dd',
+    disabledDate,
+    index = 0,
+    limitEndYear,
+    limitStartYear,
+    onChangeCalendarMonth,
+    onChangeCalendarTime,
+    onSelect,
+    value = [],
+    ...rest
+  } = props;
+  const calendarHandlers = (0, _hooks.useCalendarHandlers)({
+    index,
+    calendarDateRange,
+    onChangeCalendarMonth,
+    onChangeCalendarTime,
+    onSelect
   });
-  var disableCalendarDate = (0, _react.useCallback)(function (date) {
+  const disableCalendarDate = (0, _react.useCallback)(date => {
     return disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date, value, _constants.DATERANGE_DISABLED_TARGET.CALENDAR);
   }, [disabledDate, value]);
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
-    "data-testid": "calendar-" + (index === 0 ? 'start' : 'end')
+    "data-testid": `calendar-${index === 0 ? 'start' : 'end'}`
   }, rest, calendarHandlers, {
     index: index,
     format: format,