rsuite 5.40.0 → 5.41.0

package/cjs/DatePicker/DatePicker.js

@@ -1,135 +1,107 @@
+'use client';
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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 _mapValues = _interopRequireDefault(require("lodash/mapValues"));
-
 var _pick = _interopRequireDefault(require("lodash/pick"));
-
 var _omit = _interopRequireDefault(require("lodash/omit"));
-
 var _Calendar = _interopRequireDefault(require("@rsuite/icons/legacy/Calendar"));
-
 var _ClockO = _interopRequireDefault(require("@rsuite/icons/legacy/ClockO"));
-
 var _CalendarContainer = _interopRequireDefault(require("../Calendar/CalendarContainer"));
-
 var _useCalendarDate2 = _interopRequireDefault(require("../Calendar/useCalendarDate"));
-
 var _MonthDropdown = require("../Calendar/MonthDropdown");
-
 var _Toolbar = _interopRequireDefault(require("./Toolbar"));
-
 var _Stack = _interopRequireDefault(require("../Stack"));
-
 var _PredefinedRanges = _interopRequireDefault(require("./PredefinedRanges"));
-
 var _utils = require("../utils");
-
 var _Picker = require("../Picker");
-
 var _OverlayTrigger = require("../Overlay/OverlayTrigger");
-
 var _deprecatePropType = require("../utils/deprecatePropType");
-
 var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      className = props.className,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,
-      calendarDefaultDate = props.calendarDefaultDate,
-      _props$cleanable = props.cleanable,
-      cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
-      _props$editable = props.editable,
-      editable = _props$editable === void 0 ? true : _props$editable,
-      defaultValue = props.defaultValue,
-      disabled = props.disabled,
-      _props$format = props.format,
-      formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,
-      isoWeek = props.isoWeek,
-      _props$limitEndYear = props.limitEndYear,
-      limitEndYear = _props$limitEndYear === void 0 ? 1000 : _props$limitEndYear,
-      limitStartYear = props.limitStartYear,
-      overrideLocale = props.locale,
-      menuClassName = props.menuClassName,
-      _props$appearance = props.appearance,
-      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
-      _props$placement = props.placement,
-      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
-      oneTap = props.oneTap,
-      _props$placeholder = props.placeholder,
-      placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,
-      ranges = props.ranges,
-      valueProp = props.value,
-      showMeridian = props.showMeridian,
-      showWeekNumbers = props.showWeekNumbers,
-      style = props.style,
-      toggleAs = props.toggleAs,
-      caretAsProp = props.caretAs,
-      DEPRECATED_disabledDate = props.disabledDate,
-      DEPRECATED_disabledHours = props.disabledHours,
-      DEPRECATED_disabledMinutes = props.disabledMinutes,
-      DEPRECATED_disabledSeconds = props.disabledSeconds,
-      shouldDisableDate = props.shouldDisableDate,
-      shouldDisableHour = props.shouldDisableHour,
-      shouldDisableMinute = props.shouldDisableMinute,
-      shouldDisableSecond = props.shouldDisableSecond,
-      renderValue = props.renderValue,
-      onChange = props.onChange,
-      onChangeCalendarDate = props.onChangeCalendarDate,
-      onClean = props.onClean,
-      onClose = props.onClose,
-      onEntered = props.onEntered,
-      onExited = props.onExited,
-      onNextMonth = props.onNextMonth,
-      onOk = props.onOk,
-      onOpen = props.onOpen,
-      onPrevMonth = props.onPrevMonth,
-      onSelect = props.onSelect,
-      onToggleMonthDropdown = props.onToggleMonthDropdown,
-      onToggleTimeDropdown = props.onToggleTimeDropdown,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "calendarDefaultDate", "cleanable", "editable", "defaultValue", "disabled", "format", "isoWeek", "limitEndYear", "limitStartYear", "locale", "menuClassName", "appearance", "placement", "oneTap", "placeholder", "ranges", "value", "showMeridian", "showWeekNumbers", "style", "toggleAs", "caretAs", "disabledDate", "disabledHours", "disabledMinutes", "disabledSeconds", "shouldDisableDate", "shouldDisableHour", "shouldDisableMinute", "shouldDisableSecond", "renderValue", "onChange", "onChangeCalendarDate", "onClean", "onClose", "onEntered", "onExited", "onNextMonth", "onOk", "onOpen", "onPrevMonth", "onSelect", "onToggleMonthDropdown", "onToggleTimeDropdown"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,
+    calendarDefaultDate = props.calendarDefaultDate,
+    _props$cleanable = props.cleanable,
+    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
+    _props$editable = props.editable,
+    editable = _props$editable === void 0 ? true : _props$editable,
+    defaultValue = props.defaultValue,
+    disabled = props.disabled,
+    _props$format = props.format,
+    formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,
+    isoWeek = props.isoWeek,
+    _props$limitEndYear = props.limitEndYear,
+    limitEndYear = _props$limitEndYear === void 0 ? 1000 : _props$limitEndYear,
+    limitStartYear = props.limitStartYear,
+    overrideLocale = props.locale,
+    menuClassName = props.menuClassName,
+    _props$appearance = props.appearance,
+    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
+    oneTap = props.oneTap,
+    _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,
+    ranges = props.ranges,
+    valueProp = props.value,
+    showMeridian = props.showMeridian,
+    showWeekNumbers = props.showWeekNumbers,
+    style = props.style,
+    toggleAs = props.toggleAs,
+    caretAsProp = props.caretAs,
+    DEPRECATED_disabledDate = props.disabledDate,
+    DEPRECATED_disabledHours = props.disabledHours,
+    DEPRECATED_disabledMinutes = props.disabledMinutes,
+    DEPRECATED_disabledSeconds = props.disabledSeconds,
+    shouldDisableDate = props.shouldDisableDate,
+    shouldDisableHour = props.shouldDisableHour,
+    shouldDisableMinute = props.shouldDisableMinute,
+    shouldDisableSecond = props.shouldDisableSecond,
+    renderValue = props.renderValue,
+    onChange = props.onChange,
+    onChangeCalendarDate = props.onChangeCalendarDate,
+    onClean = props.onClean,
+    onClose = props.onClose,
+    onEntered = props.onEntered,
+    onExited = props.onExited,
+    onNextMonth = props.onNextMonth,
+    onOk = props.onOk,
+    onOpen = props.onOpen,
+    onPrevMonth = props.onPrevMonth,
+    onSelect = props.onSelect,
+    onToggleMonthDropdown = props.onToggleMonthDropdown,
+    onToggleTimeDropdown = props.onToggleTimeDropdown,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "calendarDefaultDate", "cleanable", "editable", "defaultValue", "disabled", "format", "isoWeek", "limitEndYear", "limitStartYear", "locale", "menuClassName", "appearance", "placement", "oneTap", "placeholder", "ranges", "value", "showMeridian", "showWeekNumbers", "style", "toggleAs", "caretAs", "disabledDate", "disabledHours", "disabledMinutes", "disabledSeconds", "shouldDisableDate", "shouldDisableHour", "shouldDisableMinute", "shouldDisableSecond", "renderValue", "onChange", "onChangeCalendarDate", "onClean", "onClose", "onEntered", "onExited", "onNextMonth", "onOk", "onOpen", "onPrevMonth", "onSelect", "onToggleMonthDropdown", "onToggleTimeDropdown"]);
   var _useCustom = (0, _utils.useCustom)('DatePicker', overrideLocale),
-      locale = _useCustom.locale,
-      formatDate = _useCustom.formatDate,
-      parseDate = _useCustom.parseDate;
-
+    locale = _useCustom.locale,
+    formatDate = _useCustom.formatDate,
+    parseDate = _useCustom.parseDate;
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      merge = _useClassNames.merge,
-      prefix = _useClassNames.prefix;
-
+    merge = _useClassNames.merge,
+    prefix = _useClassNames.prefix;
   var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),
-      value = _useControlled[0],
-      setValue = _useControlled[1];
-
+    value = _useControlled[0],
+    setValue = _useControlled[1];
   var _useCalendarDate = (0, _useCalendarDate2.default)(value, calendarDefaultDate),
-      calendarDate = _useCalendarDate.calendarDate,
-      setCalendarDate = _useCalendarDate.setCalendarDate,
-      resetCalendarDate = _useCalendarDate.resetCalendarDate;
-
+    calendarDate = _useCalendarDate.calendarDate,
+    setCalendarDate = _useCalendarDate.setCalendarDate,
+    resetCalendarDate = _useCalendarDate.resetCalendarDate;
   var _useState = (0, _react.useState)(),
-      inputState = _useState[0],
-      setInputState = _useState[1];
-
+    inputState = _useState[0],
+    setInputState = _useState[1];
   var _useState2 = (0, _react.useState)(false),
-      active = _useState2[0],
-      setActive = _useState2[1];
-
+    active = _useState2[0],
+    setActive = _useState2[1];
   var triggerRef = (0, _react.useRef)(null);
   var rootRef = (0, _react.useRef)(null);
   var targetRef = (0, _react.useRef)(null);
@@ -140,120 +112,114 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     overlayRef: overlayRef,
     targetRef: targetRef
   });
+
   /**
    * Switch to the callback triggered after the next month.
    */
-
   var handleMoveForward = (0, _react.useCallback)(function (nextPageDate) {
     setCalendarDate(nextPageDate);
     onNextMonth === null || onNextMonth === void 0 ? void 0 : onNextMonth(nextPageDate);
     onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextPageDate);
   }, [onChangeCalendarDate, onNextMonth, setCalendarDate]);
+
   /**
    * Switch to the callback triggered after the previous month.
    */
-
   var handleMoveBackward = (0, _react.useCallback)(function (nextPageDate) {
     setCalendarDate(nextPageDate);
     onPrevMonth === null || onPrevMonth === void 0 ? void 0 : onPrevMonth(nextPageDate);
     onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextPageDate);
   }, [onChangeCalendarDate, onPrevMonth, setCalendarDate]);
+
   /**
    * The callback triggered when the date changes.
    */
-
   var handleDateChange = (0, _react.useCallback)(function (nextValue, event) {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextValue, event);
     onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextValue, event);
   }, [onChangeCalendarDate, onSelect]);
+
   /**
    *  A callback triggered when the time on the calendar changes.
    */
-
   var handleChangeTime = (0, _react.useCallback)(function (nextPageTime) {
     setCalendarDate(nextPageTime);
     handleDateChange(nextPageTime);
   }, [handleDateChange, setCalendarDate]);
   var handleClose = (0, _react.useCallback)(function () {
     var _triggerRef$current, _triggerRef$current$c;
-
     (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : (_triggerRef$current$c = _triggerRef$current.close) === null || _triggerRef$current$c === void 0 ? void 0 : _triggerRef$current$c.call(_triggerRef$current);
   }, []);
+
   /**
    * The callback triggered when PM/AM is switched.
    */
-
   var handleToggleMeridian = (0, _react.useCallback)(function () {
     var hours = _utils.DateUtils.getHours(calendarDate);
-
     var nextHours = hours >= 12 ? hours - 12 : hours + 12;
-
     var nextDate = _utils.DateUtils.setHours(calendarDate, nextHours);
-
     handleChangeTime(nextDate);
   }, [calendarDate, handleChangeTime]);
   var updateValue = (0, _react.useCallback)(function (event, nextPageDate, closeOverlay) {
     if (closeOverlay === void 0) {
       closeOverlay = true;
     }
-
     var nextValue = typeof nextPageDate !== 'undefined' ? nextPageDate : calendarDate;
     setCalendarDate(nextValue || new Date());
     setValue(nextValue);
-
     if (nextValue !== value) {
       onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
-    } // `closeOverlay` default value is `true`
-
+    }
 
+    // `closeOverlay` default value is `true`
     if (closeOverlay !== false) {
       handleClose();
     }
   }, [handleClose, onChange, calendarDate, setCalendarDate, setValue, value]);
+
   /**
    * The callback triggered after the date in the shortcut area is clicked.
    */
-
   var handleShortcutPageDate = (0, _react.useCallback)(function (value, closeOverlay, event) {
     updateValue(event, value, closeOverlay);
     handleDateChange(value, event);
   }, [handleDateChange, updateValue]);
+
   /**
    * The callback triggered after clicking the OK button.
    */
-
   var handleOK = (0, _react.useCallback)(function (event) {
     updateValue(event);
     onOk === null || onOk === void 0 ? void 0 : onOk(calendarDate, event);
   }, [updateValue, onOk, calendarDate]);
+
   /**
    * Callback after clicking the clear button.
    */
-
   var handleClean = (0, _react.useCallback)(function (event) {
     updateValue(event, null);
     resetCalendarDate(null);
   }, [resetCalendarDate, updateValue]);
+
   /**
    * Handle keyboard events.
    */
-
   var onPickerKeyDown = (0, _Picker.useToggleKeyDownEvent)((0, _extends2.default)({
     triggerRef: triggerRef,
     targetRef: targetRef,
     active: active,
     onExit: handleClean
   }, rest));
+
   /**
    * Callback after the date is selected.
    */
-
   var handleSelect = (0, _react.useCallback)(function (nextValue, event, updatableValue) {
     if (updatableValue === void 0) {
       updatableValue = true;
     }
-
-    setCalendarDate( // Determine whether the current value contains time, if not, use calendarDate.
+    setCalendarDate(
+    // Determine whether the current value contains time, if not, use calendarDate.
     _utils.DateUtils.shouldRenderTime(formatStr) ? nextValue : (0, _utils.composeFunctions)(function (d) {
       return _utils.DateUtils.setHours(d, _utils.DateUtils.getHours(calendarDate));
     }, function (d) {
@@ -262,21 +228,20 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       return _utils.DateUtils.setSeconds(d, _utils.DateUtils.getSeconds(calendarDate));
     })(nextValue));
     handleDateChange(nextValue);
-
     if (oneTap && updatableValue) {
       updateValue(event, nextValue);
     }
   }, [formatStr, handleDateChange, oneTap, calendarDate, setCalendarDate, updateValue]);
+
   /**
    *  A callback triggered when the date on the calendar changes.
    */
-
   var handleChangeMonth = (0, _react.useCallback)(function (nextPageDate, event) {
     setCalendarDate(nextPageDate);
-    handleDateChange(nextPageDate); // Show only the calendar month panel. formatStr = 'yyyy-MM'
+    handleDateChange(nextPageDate);
 
+    // Show only the calendar month panel. formatStr = 'yyyy-MM'
     var onlyShowMonth = _utils.DateUtils.shouldRenderMonth(formatStr) && !_utils.DateUtils.shouldRenderDate(formatStr);
-
     if (oneTap && onlyShowMonth) {
       updateValue(event, nextPageDate);
     }
@@ -285,55 +250,50 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     if (typeof shouldDisableDate === 'function') {
       return shouldDisableDate(date);
     }
-
     if (typeof DEPRECATED_disabledDate === 'function') {
       return DEPRECATED_disabledDate(date);
     }
-
     return false;
   }, [DEPRECATED_disabledDate, shouldDisableDate]);
+
   /**
    * Callback after the input box value is changed.
    */
-
   var handleInputChange = (0, _react.useCallback)(function (value, event) {
-    setInputState('Typing'); // isMatch('01/11/2020', 'MM/dd/yyyy') ==> true
-    // isMatch('2020-11-01', 'MM/dd/yyyy') ==> false
+    setInputState('Typing');
 
+    // isMatch('01/11/2020', 'MM/dd/yyyy') ==> true
+    // isMatch('2020-11-01', 'MM/dd/yyyy') ==> false
     if (!_utils.DateUtils.isMatch(value, formatStr, {
       locale: locale.dateLocale
     })) {
       setInputState('Error');
       return;
     }
+    var date = parseDate(value, formatStr);
 
-    var date = parseDate(value, formatStr); // If only the time is included in the characters, it will default to today.
-
+    // If only the time is included in the characters, it will default to today.
     if (_utils.DateUtils.shouldOnlyRenderTime(formatStr)) {
       date = new Date(_utils.DateUtils.format(new Date(), 'yyyy-MM-dd') + " " + value);
     }
-
     if (!_utils.DateUtils.isValid(date)) {
       setInputState('Error');
       return;
     }
-
     if (isDateDisabled(date)) {
       setInputState('Error');
       return;
     }
-
     handleSelect(date, event, false);
   }, [formatStr, locale, parseDate, isDateDisabled, handleSelect]);
+
   /**
    * The callback after the enter key is triggered on the input
    */
-
   var handleInputPressEnd = (0, _react.useCallback)(function (event) {
     if (inputState === 'Typing') {
       updateValue(event, calendarDate);
     }
-
     setInputState('Initial');
   }, [inputState, calendarDate, updateValue]);
   var handleEntered = (0, _react.useCallback)(function () {
@@ -343,41 +303,36 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var handleExited = (0, _react.useCallback)(function () {
     onClose === null || onClose === void 0 ? void 0 : onClose();
     setActive(false);
-  }, [onClose]); // Check whether the time is within the time range of the shortcut option in the toolbar.
+  }, [onClose]);
 
+  // Check whether the time is within the time range of the shortcut option in the toolbar.
   var disabledToolbarHandle = (0, _react.useCallback)(function (date) {
     var _DEPRECATED_disabledD;
-
     var allowDate = (_DEPRECATED_disabledD = DEPRECATED_disabledDate === null || DEPRECATED_disabledDate === void 0 ? void 0 : DEPRECATED_disabledDate(date)) !== null && _DEPRECATED_disabledD !== void 0 ? _DEPRECATED_disabledD : false;
-
     var allowTime = _utils.DateUtils.disabledTime(props, date);
-
     return allowDate || allowTime;
   }, [DEPRECATED_disabledDate, props]);
+
   /**
    * Whether "OK" button is disabled
    *
    * - If format is date, disable ok button if selected date is disabled
    * - If format is month, disable ok button if all dates in the month of selected date are disabled
    */
-
   var isOKButtonDisabled = (0, _react.useCallback)(function (selectedDate) {
     if (_utils.DateUtils.shouldRenderMonth(formatStr) && !_utils.DateUtils.shouldRenderDate(formatStr)) {
       return (0, _MonthDropdown.isEveryDateInMonth)(selectedDate.getFullYear(), selectedDate.getMonth(), disabledToolbarHandle);
     }
-
     return disabledToolbarHandle(selectedDate);
   }, [disabledToolbarHandle, formatStr]);
   var calendarProps = (0, _react.useMemo)(function () {
     return (0, _mapValues.default)((0, _pick.default)(props, _utils.DateUtils.calendarOnlyProps), function (disabledOrHiddenTimeFunc) {
       return function (next, date) {
         var _disabledOrHiddenTime;
-
         return (_disabledOrHiddenTime = disabledOrHiddenTimeFunc === null || disabledOrHiddenTimeFunc === void 0 ? void 0 : disabledOrHiddenTimeFunc(next, date)) !== null && _disabledOrHiddenTime !== void 0 ? _disabledOrHiddenTime : false;
       };
     });
   }, [props]);
-
   var calendar = /*#__PURE__*/_react.default.createElement(_CalendarContainer.default, (0, _extends2.default)({}, calendarProps, {
     locale: locale,
     showWeekNumbers: showWeekNumbers,
@@ -400,18 +355,16 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onChangeTime: handleChangeTime,
     onToggleMeridian: handleToggleMeridian
   }));
-
   var sideRanges = (ranges === null || ranges === void 0 ? void 0 : ranges.filter(function (range) {
     return (range === null || range === void 0 ? void 0 : range.placement) === 'left';
   })) || [];
   var bottomRanges = (ranges === null || ranges === void 0 ? void 0 : ranges.filter(function (range) {
     return (range === null || range === void 0 ? void 0 : range.placement) === 'bottom' || (range === null || range === void 0 ? void 0 : range.placement) === undefined;
   })) || [];
-
   var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {
     var left = positionProps.left,
-        top = positionProps.top,
-        className = positionProps.className;
+      top = positionProps.top,
+      className = positionProps.className;
     var classes = merge(menuClassName, className, prefix('date-menu'));
     var styles = {
       left: left,
@@ -445,26 +398,21 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       hideOkBtn: oneTap
     }))));
   };
-
   var hasValue = !!value;
-
   var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {
-    classPrefix: classPrefix,
-    name: 'date',
-    appearance: appearance,
-    hasValue: hasValue,
-    cleanable: cleanable
-  })),
-      classes = _usePickerClassName[0],
-      usedClassNamePropKeys = _usePickerClassName[1];
-
+      classPrefix: classPrefix,
+      name: 'date',
+      appearance: appearance,
+      hasValue: hasValue,
+      cleanable: cleanable
+    })),
+    classes = _usePickerClassName[0],
+    usedClassNamePropKeys = _usePickerClassName[1];
   var renderDate = (0, _react.useCallback)(function () {
     var _renderValue;
-
     if (!value) {
       return placeholder || formatStr;
     }
-
     return (_renderValue = renderValue === null || renderValue === void 0 ? void 0 : renderValue(value, formatStr)) !== null && _renderValue !== void 0 ? _renderValue : formatDate(value, formatStr);
   }, [formatStr, formatDate, placeholder, renderValue, value]);
   var caretAs = (0, _react.useMemo)(function () {
@@ -514,7 +462,6 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     "aria-haspopup": "dialog"
   }), renderDate())));
 });
-
 DatePicker.displayName = 'DatePicker';
 DatePicker.propTypes = (0, _extends2.default)({}, _Picker.pickerPropTypes, {
   calendarDefaultDate: _propTypes.default.instanceOf(Date),

package/cjs/DatePicker/PredefinedRanges.js

@@ -1,39 +1,28 @@
+'use client';
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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 _Button = _interopRequireDefault(require("../Button"));
-
 var _Stack = _interopRequireDefault(require("../Stack"));
-
 var _utils = require("../utils");
-
 var _utils2 = require("./utils");
-
 var PredefinedRanges = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var className = props.className,
-      disabledShortcut = props.disabledShortcut,
-      onClickShortcut = props.onClickShortcut,
-      calendarDate = props.calendarDate,
-      rangesProp = props.ranges,
-      locale = props.locale,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["className", "disabledShortcut", "onClickShortcut", "calendarDate", "ranges", "locale"]);
-
+    disabledShortcut = props.disabledShortcut,
+    onClickShortcut = props.onClickShortcut,
+    calendarDate = props.calendarDate,
+    rangesProp = props.ranges,
+    locale = props.locale,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["className", "disabledShortcut", "onClickShortcut", "calendarDate", "ranges", "locale"]);
   var _useState = (0, _react.useState)((0, _utils2.getRanges)(props)),
-      ranges = _useState[0],
-      setRanges = _useState[1];
-
+    ranges = _useState[0],
+    setRanges = _useState[1];
   (0, _utils.useUpdateEffect)(function () {
     setRanges((0, _utils2.getRanges)({
       ranges: rangesProp,
@@ -45,11 +34,9 @@ var PredefinedRanges = /*#__PURE__*/_react.default.forwardRef(function (props, r
       return item.label === key;
     });
   }, [calendarDate]);
-
   if (ranges.length === 0) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement(_Stack.default, (0, _extends2.default)({
     className: className,
     ref: ref,
@@ -57,19 +44,16 @@ var PredefinedRanges = /*#__PURE__*/_react.default.forwardRef(function (props, r
     spacing: 4
   }, rest), ranges.map(function (_ref, index) {
     var value = _ref.value,
-        closeOverlay = _ref.closeOverlay,
-        label = _ref.label,
-        rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["value", "closeOverlay", "label"]);
+      closeOverlay = _ref.closeOverlay,
+      label = _ref.label,
+      rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["value", "closeOverlay", "label"]);
     var disabled = disabledShortcut === null || disabledShortcut === void 0 ? void 0 : disabledShortcut(value);
-
     var handleClickShortcut = function handleClickShortcut(event) {
       if (disabled) {
         return;
       }
-
       onClickShortcut === null || onClickShortcut === void 0 ? void 0 : onClickShortcut(value, closeOverlay !== false ? true : false, event);
     };
-
     return /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
       appearance: "link",
       size: "sm",
@@ -79,6 +63,5 @@ var PredefinedRanges = /*#__PURE__*/_react.default.forwardRef(function (props, r
     }, rest), hasLocaleKey(label) && typeof label === 'string' ? locale === null || locale === void 0 ? void 0 : locale[label] : label);
   }));
 });
-
 var _default = PredefinedRanges;
 exports.default = _default;