rsuite 5.40.0 → 5.41.0

package/esm/Calendar/MonthDropdown.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useCallback, useMemo } from 'react';
@@ -9,41 +10,36 @@ import { useCalendarContext } from './CalendarContext';
 var monthMap = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
 export function isEveryDateInMonth(year, month, predicate) {
   var days = DateUtils.getDaysInMonth(new Date(year, month));
-
   for (var i = 1; i <= days; i++) {
     if (!predicate(new Date(year, month, i))) {
       return false;
     }
   }
-
   return true;
 }
 var MonthDropdown = /*#__PURE__*/React.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 ? 'calendar-month-dropdown' : _props$classPrefix,
-      limitStartYear = props.limitStartYear,
-      _props$limitEndYear = props.limitEndYear,
-      limitEndYear = _props$limitEndYear === void 0 ? 5 : _props$limitEndYear,
-      show = props.show,
-      _props$height = props.height,
-      defaultHeight = _props$height === void 0 ? 221 : _props$height,
-      _props$width = props.width,
-      defaultWidth = _props$width === void 0 ? 256 : _props$width,
-      disabledMonth = props.disabledMonth,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "limitStartYear", "limitEndYear", "show", "height", "width", "disabledMonth"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'calendar-month-dropdown' : _props$classPrefix,
+    limitStartYear = props.limitStartYear,
+    _props$limitEndYear = props.limitEndYear,
+    limitEndYear = _props$limitEndYear === void 0 ? 5 : _props$limitEndYear,
+    show = props.show,
+    _props$height = props.height,
+    defaultHeight = _props$height === void 0 ? 221 : _props$height,
+    _props$width = props.width,
+    defaultWidth = _props$width === void 0 ? 256 : _props$width,
+    disabledMonth = props.disabledMonth,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "limitStartYear", "limitEndYear", "show", "height", "width", "disabledMonth"]);
   var _useCalendarContext = useCalendarContext(),
-      _useCalendarContext$d = _useCalendarContext.date,
-      date = _useCalendarContext$d === void 0 ? new Date() : _useCalendarContext$d;
-
+    _useCalendarContext$d = _useCalendarContext.date,
+    date = _useCalendarContext$d === void 0 ? new Date() : _useCalendarContext$d;
   var _useClassNames = useClassNames(classPrefix),
-      prefix = _useClassNames.prefix,
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    prefix = _useClassNames.prefix,
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var thisYear = DateUtils.getYear(new Date());
   var startYear = limitStartYear ? thisYear - limitStartYear + 1 : 1900;
   var rowCount = useMemo(function () {
@@ -54,12 +50,11 @@ var MonthDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (disabledMonth) {
       return isEveryDateInMonth(year, month, disabledMonth);
     }
-
     return false;
   }, [disabledMonth]);
   var rowRenderer = useCallback(function (_ref) {
     var index = _ref.index,
-        style = _ref.style;
+      style = _ref.style;
     var selectedMonth = DateUtils.getMonth(date);
     var selectedYear = DateUtils.getYear(date);
     var year = startYear + index;
@@ -111,7 +106,7 @@ var MonthDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     defaultWidth: defaultWidth
   }, function (_ref2) {
     var height = _ref2.height,
-        width = _ref2.width;
+      width = _ref2.width;
     return /*#__PURE__*/React.createElement(FixedSizeList, {
       className: prefix('row-wrapper'),
       width: width || defaultWidth,

package/esm/Calendar/MonthDropdownItem.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useCallback } from 'react';
@@ -7,26 +8,23 @@ import { setMonth, setYear } from '../utils/dateUtils';
 import { useCalendarContext } from './CalendarContext';
 var MonthDropdownItem = /*#__PURE__*/React.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 ? 'calendar-month-dropdown-cell' : _props$classPrefix,
-      active = props.active,
-      disabled = props.disabled,
-      _props$month = props.month,
-      month = _props$month === void 0 ? 0 : _props$month,
-      year = props.year,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "active", "disabled", "month", "year"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'calendar-month-dropdown-cell' : _props$classPrefix,
+    active = props.active,
+    disabled = props.disabled,
+    _props$month = props.month,
+    month = _props$month === void 0 ? 0 : _props$month,
+    year = props.year,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "active", "disabled", "month", "year"]);
   var _useCalendarContext = useCalendarContext(),
-      date = _useCalendarContext.date,
-      onSelect = _useCalendarContext.onChangeMonth;
-
+    date = _useCalendarContext.date,
+    onSelect = _useCalendarContext.onChangeMonth;
   var handleClick = useCallback(function (event) {
     if (disabled) {
       return;
     }
-
     if (year && month && date) {
       var nextMonth = composeFunctions(function (d) {
         return setYear(d, year);
@@ -36,12 +34,10 @@ var MonthDropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextMonth, event);
     }
   }, [date, disabled, month, onSelect, year]);
-
   var _useClassNames = useClassNames(classPrefix),
-      prefix = _useClassNames.prefix,
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    prefix = _useClassNames.prefix,
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var classes = merge(className, withClassPrefix({
     active: active
   }), {

package/esm/Calendar/Table.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
@@ -7,18 +8,16 @@ import TableHeaderRow from './TableHeaderRow';
 import { useClassNames } from '../utils';
 var Table = /*#__PURE__*/React.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 ? 'calendar-table' : _props$classPrefix,
-      _props$rows = props.rows,
-      rows = _props$rows === void 0 ? [] : _props$rows,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "rows"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'calendar-table' : _props$classPrefix,
+    _props$rows = props.rows,
+    rows = _props$rows === void 0 ? [] : _props$rows,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "rows"]);
   var _useClassNames = useClassNames(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var classes = merge(className, withClassPrefix());
   return /*#__PURE__*/React.createElement(Component, _extends({
     role: "grid"

package/esm/Calendar/TableHeaderRow.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
@@ -7,31 +8,26 @@ import { useCalendarContext } from './CalendarContext';
 var weekKeys = ['sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday'];
 var TableHeaderRow = /*#__PURE__*/React.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 ? 'calendar-table' : _props$classPrefix,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'calendar-table' : _props$classPrefix,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix"]);
   var _useCalendarContext = useCalendarContext(),
-      locale = _useCalendarContext.locale,
-      showWeekNumbers = _useCalendarContext.showWeekNumbers,
-      isoWeek = _useCalendarContext.isoWeek;
-
+    locale = _useCalendarContext.locale,
+    showWeekNumbers = _useCalendarContext.showWeekNumbers,
+    isoWeek = _useCalendarContext.isoWeek;
   var _useClassNames = useClassNames(classPrefix),
-      merge = _useClassNames.merge,
-      prefix = _useClassNames.prefix;
-
+    merge = _useClassNames.merge,
+    prefix = _useClassNames.prefix;
   var classes = merge(className, prefix('row', 'header-row'));
   var items = weekKeys;
-
   if (isoWeek) {
     items = weekKeys.filter(function (v) {
       return v !== 'sunday';
     });
     items.push('sunday');
   }
-
   return /*#__PURE__*/React.createElement(Component, _extends({
     role: "row"
   }, rest, {

package/esm/Calendar/TableRow.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useCallback } from 'react';
@@ -7,60 +8,50 @@ import { DateUtils, useClassNames, DATERANGE_DISABLED_TARGET, useCustom } from '
 import { useCalendarContext } from './CalendarContext';
 var TableRow = /*#__PURE__*/React.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 ? 'calendar-table' : _props$classPrefix,
-      _props$weekendDate = props.weekendDate,
-      weekendDate = _props$weekendDate === void 0 ? new Date() : _props$weekendDate,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "weekendDate"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'calendar-table' : _props$classPrefix,
+    _props$weekendDate = props.weekendDate,
+    weekendDate = _props$weekendDate === void 0 ? new Date() : _props$weekendDate,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "weekendDate"]);
   var _useCalendarContext = useCalendarContext(),
-      _useCalendarContext$d = _useCalendarContext.date,
-      selected = _useCalendarContext$d === void 0 ? new Date() : _useCalendarContext$d,
-      dateRange = _useCalendarContext.dateRange,
-      disabledDate = _useCalendarContext.disabledDate,
-      hoverRangeValue = _useCalendarContext.hoverRangeValue,
-      inSameMonth = _useCalendarContext.inSameMonth,
-      isoWeek = _useCalendarContext.isoWeek,
-      onMouseMove = _useCalendarContext.onMouseMove,
-      onSelect = _useCalendarContext.onSelect,
-      cellClassName = _useCalendarContext.cellClassName,
-      renderCell = _useCalendarContext.renderCell,
-      overrideLocale = _useCalendarContext.locale,
-      showWeekNumbers = _useCalendarContext.showWeekNumbers;
-
+    _useCalendarContext$d = _useCalendarContext.date,
+    selected = _useCalendarContext$d === void 0 ? new Date() : _useCalendarContext$d,
+    dateRange = _useCalendarContext.dateRange,
+    disabledDate = _useCalendarContext.disabledDate,
+    hoverRangeValue = _useCalendarContext.hoverRangeValue,
+    inSameMonth = _useCalendarContext.inSameMonth,
+    isoWeek = _useCalendarContext.isoWeek,
+    onMouseMove = _useCalendarContext.onMouseMove,
+    onSelect = _useCalendarContext.onSelect,
+    cellClassName = _useCalendarContext.cellClassName,
+    renderCell = _useCalendarContext.renderCell,
+    overrideLocale = _useCalendarContext.locale,
+    showWeekNumbers = _useCalendarContext.showWeekNumbers;
   var _useCustom = useCustom('Calendar', overrideLocale),
-      locale = _useCustom.locale,
-      formatDate = _useCustom.formatDate;
-
+    locale = _useCustom.locale,
+    formatDate = _useCustom.formatDate;
   var _useClassNames = useClassNames(classPrefix),
-      prefix = _useClassNames.prefix,
-      merge = _useClassNames.merge;
-
+    prefix = _useClassNames.prefix,
+    merge = _useClassNames.merge;
   var handleSelect = useCallback(function (date, disabled, event) {
     if (disabled) {
       return;
     }
-
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);
   }, [onSelect]);
-
   var renderDays = function renderDays() {
     var formatStr = locale.formattedDayPattern;
     var days = [];
-
     var _ref = dateRange || [],
-        selectedStartDate = _ref[0],
-        selectedEndDate = _ref[1];
-
+      selectedStartDate = _ref[0],
+      selectedEndDate = _ref[1];
     var _ref2 = hoverRangeValue !== null && hoverRangeValue !== void 0 ? hoverRangeValue : [],
-        hoverStartDate = _ref2[0],
-        hoverEndDate = _ref2[1];
-
+      hoverStartDate = _ref2[0],
+      hoverEndDate = _ref2[1];
     var isRangeSelectionMode = typeof dateRange !== 'undefined';
     var todayDate = new Date();
-
     for (var i = 0; i < 7; i += 1) {
       var thisDate = DateUtils.addDays(weekendDate, i);
       var disabled = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(thisDate, dateRange, DATERANGE_DISABLED_TARGET.CALENDAR);
@@ -68,32 +59,30 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (props, ref) {
       var unSameMonth = !(inSameMonth !== null && inSameMonth !== void 0 && inSameMonth(thisDate));
       var isStartSelected = !unSameMonth && selectedStartDate && DateUtils.isSameDay(thisDate, selectedStartDate);
       var isEndSelected = !unSameMonth && selectedEndDate && DateUtils.isSameDay(thisDate, selectedEndDate);
-      var isSelected = isRangeSelectionMode ? isStartSelected || isEndSelected : DateUtils.isSameDay(thisDate, selected); // TODO-Doma Move those logic that's for DatePicker/DateRangePicker to a separate component
-      //           Calendar is not supposed to be reused this way
-
-      var inRange = false; // for Selected
+      var isSelected = isRangeSelectionMode ? isStartSelected || isEndSelected : DateUtils.isSameDay(thisDate, selected);
 
+      // TODO-Doma Move those logic that's for DatePicker/DateRangePicker to a separate component
+      //           Calendar is not supposed to be reused this way
+      var inRange = false;
+      // for Selected
       if (selectedStartDate && selectedEndDate) {
         if (DateUtils.isBefore(thisDate, selectedEndDate) && DateUtils.isAfter(thisDate, selectedStartDate)) {
           inRange = true;
         }
-
         if (DateUtils.isBefore(thisDate, selectedStartDate) && DateUtils.isAfter(thisDate, selectedEndDate)) {
           inRange = true;
         }
-      } // for Hovering
-
+      }
 
+      // for Hovering
       if (!isSelected && hoverStartDate && hoverEndDate) {
         if (!DateUtils.isAfter(thisDate, hoverEndDate) && !DateUtils.isBefore(thisDate, hoverStartDate)) {
           inRange = true;
         }
-
         if (!DateUtils.isAfter(thisDate, hoverStartDate) && !DateUtils.isBefore(thisDate, hoverEndDate)) {
           inRange = true;
         }
       }
-
       var _classes = merge(prefix('cell', {
         'cell-un-same-month': unSameMonth,
         'cell-is-today': isToday,
@@ -103,7 +92,6 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (props, ref) {
         'cell-in-range': !unSameMonth && inRange,
         'cell-disabled': disabled
       }), cellClassName === null || cellClassName === void 0 ? void 0 : cellClassName(thisDate));
-
       var title = formatDate ? formatDate(thisDate, formatStr) : DateUtils.format(thisDate, formatStr);
       days.push( /*#__PURE__*/React.createElement("div", {
         role: "gridcell",
@@ -122,10 +110,8 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (props, ref) {
         className: prefix('cell-day')
       }, DateUtils.getDate(thisDate)), renderCell && renderCell(thisDate))));
     }
-
     return days;
   };
-
   var classes = merge(className, prefix('row'));
   return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: ref,

package/esm/Calendar/TimeDropdown.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useEffect, useRef } from 'react';
@@ -9,7 +10,6 @@ import camelCase from 'lodash/camelCase';
 import isNumber from 'lodash/isNumber';
 import { DateUtils, scrollTopAnimation, useClassNames } from '../utils';
 import { useCalendarContext } from './CalendarContext';
-
 /**
  * Get the effective range of hours, minutes and seconds
  * @param meridian
@@ -30,130 +30,108 @@ export function getRanges(meridian) {
     }
   };
 }
+
 /**
  * Convert the 24-hour clock to the 12-hour clock
  * @param hours
  */
-
 export function getMeridianHours(hours) {
   return hours >= 12 ? hours - 12 : hours;
 }
-
 var getTime = function getTime(props) {
   var format = props.format,
-      date = props.date,
-      showMeridian = props.showMeridian;
+    date = props.date,
+    showMeridian = props.showMeridian;
   var time = date || new Date();
   var nextTime = {};
-
   if (!format) {
     return nextTime;
   }
-
   if (/(H|h)/.test(format)) {
     var hours = DateUtils.getHours(time);
     nextTime.hours = showMeridian ? getMeridianHours(hours) : hours;
   }
-
   if (/m/.test(format)) {
     nextTime.minutes = DateUtils.getMinutes(time);
   }
-
   if (/s/.test(format)) {
     nextTime.seconds = DateUtils.getSeconds(time);
   }
-
   return nextTime;
 };
-
 var scrollTo = function scrollTo(time, row) {
   if (!row) {
     return;
   }
-
   Object.entries(time).forEach(function (_ref) {
     var type = _ref[0],
-        value = _ref[1];
+      value = _ref[1];
     var container = row.querySelector("[data-type=\"" + type + "\"]");
     var node = container === null || container === void 0 ? void 0 : container.querySelector("[data-key=\"" + type + "-" + value + "\"]");
-
     if (node && container) {
       var position = getPosition(node, container);
-
       if (position) {
         scrollTopAnimation(container, position.top, scrollTop(container) !== 0);
       }
     }
   });
 };
-
 var TimeDropdown = /*#__PURE__*/React.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 ? 'calendar-time-dropdown' : _props$classPrefix,
-      show = props.show,
-      _props$showMeridian = props.showMeridian,
-      showMeridian = _props$showMeridian === void 0 ? false : _props$showMeridian,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "show", "showMeridian"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'calendar-time-dropdown' : _props$classPrefix,
+    show = props.show,
+    _props$showMeridian = props.showMeridian,
+    showMeridian = _props$showMeridian === void 0 ? false : _props$showMeridian,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "show", "showMeridian"]);
   var _useCalendarContext = useCalendarContext(),
-      locale = _useCalendarContext.locale,
-      format = _useCalendarContext.format,
-      date = _useCalendarContext.date,
-      onSelect = _useCalendarContext.onChangeTime;
-
+    locale = _useCalendarContext.locale,
+    format = _useCalendarContext.format,
+    date = _useCalendarContext.date,
+    onSelect = _useCalendarContext.onChangeTime;
   var rowRef = useRef(null);
   useEffect(function () {
     var time = getTime({
       format: format,
       date: date,
       showMeridian: showMeridian
-    }); // The currently selected time scrolls to the visible range.
-
+    });
+    // The currently selected time scrolls to the visible range.
     if (show && rowRef.current) {
       scrollTo(time, rowRef.current);
     }
   }, [date, format, show, showMeridian]);
-
   var handleClick = function handleClick(type, d, event) {
     var nextDate = date || new Date();
-
     switch (type) {
       case 'hours':
         nextDate = DateUtils.setHours(date, showMeridian && DateUtils.getHours(nextDate) >= 12 ? d + 12 : d);
         break;
-
       case 'minutes':
         nextDate = DateUtils.setMinutes(date, d);
         break;
-
       case 'seconds':
         nextDate = DateUtils.setSeconds(date, d);
         break;
     }
-
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextDate, event);
   };
-
   var _useClassNames = useClassNames(classPrefix),
-      prefix = _useClassNames.prefix,
-      rootPrefix = _useClassNames.rootPrefix,
-      merge = _useClassNames.merge;
-
+    prefix = _useClassNames.prefix,
+    rootPrefix = _useClassNames.rootPrefix,
+    merge = _useClassNames.merge;
   var renderColumn = function renderColumn(type, active) {
     if (!isNumber(active)) {
       return null;
     }
-
     var _getRanges$type = getRanges(showMeridian)[type],
-        start = _getRanges$type.start,
-        end = _getRanges$type.end;
+      start = _getRanges$type.start,
+      end = _getRanges$type.end;
     var items = [];
     var hideFunc = props[camelCase("hide_" + type)];
     var disabledFunc = props[camelCase("disabled_" + type)];
-
     for (var i = start; i <= end; i += 1) {
       if (!(hideFunc !== null && hideFunc !== void 0 && hideFunc(i, date))) {
         var disabled = disabledFunc === null || disabledFunc === void 0 ? void 0 : disabledFunc(i, date);
@@ -173,7 +151,6 @@ var TimeDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
         }, showMeridian && type === 'hours' && i === 0 ? '12' : i)));
       }
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: prefix('column'),
       role: "listitem"
@@ -184,7 +161,6 @@ var TimeDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
       role: "menu"
     }, items));
   };
-
   var time = getTime({
     format: format,
     date: date,

package/esm/Calendar/index.js

@@ -1,3 +1,4 @@
+'use client';
 import Calendar from './Calendar';
 import CalendarContainer from './CalendarContainer';
 import { CalendarState } from './useCalendarState';

package/esm/Calendar/types.js

@@ -0,0 +1 @@
+'use client';

package/esm/Calendar/useCalendarDate.js

@@ -1,15 +1,12 @@
+'use client';
 import { useState, useCallback, useRef } from 'react';
 import { useUpdateEffect } from '../utils';
-
 var useCalendarDate = function useCalendarDate(value, defaultDate) {
   var _ref;
-
   var valueRef = useRef(value);
-
   var _useState = useState((_ref = value !== null && value !== void 0 ? value : defaultDate) !== null && _ref !== void 0 ? _ref : new Date()),
-      calendarDate = _useState[0],
-      setValue = _useState[1];
-
+    calendarDate = _useState[0],
+    setValue = _useState[1];
   var setCalendarDate = useCallback(function (date) {
     if (date && (date === null || date === void 0 ? void 0 : date.valueOf()) !== (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.valueOf())) {
       setValue(date);
@@ -17,19 +14,15 @@ var useCalendarDate = function useCalendarDate(value, defaultDate) {
   }, [calendarDate]);
   var resetCalendarDate = useCallback(function (nextValue) {
     var _ref2, _nextValue;
-
     if (nextValue === void 0) {
       nextValue = value;
     }
-
     setValue((_ref2 = (_nextValue = nextValue) !== null && _nextValue !== void 0 ? _nextValue : defaultDate) !== null && _ref2 !== void 0 ? _ref2 : new Date());
   }, [defaultDate, value]);
   useUpdateEffect(function () {
     var _valueRef$current;
-
     if ((value === null || value === void 0 ? void 0 : value.valueOf()) !== ((_valueRef$current = valueRef.current) === null || _valueRef$current === void 0 ? void 0 : _valueRef$current.valueOf())) {
       var _ref3;
-
       setCalendarDate((_ref3 = value !== null && value !== void 0 ? value : defaultDate) !== null && _ref3 !== void 0 ? _ref3 : new Date());
       valueRef.current = value;
     }
@@ -40,5 +33,4 @@ var useCalendarDate = function useCalendarDate(value, defaultDate) {
     resetCalendarDate: resetCalendarDate
   };
 };
-
 export default useCalendarDate;

package/esm/Calendar/useCalendarState.js

@@ -1,16 +1,14 @@
+'use client';
 import { useCallback, useState } from 'react';
 export var CalendarState;
-
 (function (CalendarState) {
   CalendarState["TIME"] = "TIME";
   CalendarState["MONTH"] = "MONTH";
 })(CalendarState || (CalendarState = {}));
-
 var useCalendarState = function useCalendarState(defaultState) {
   var _useState = useState(defaultState),
-      calendarState = _useState[0],
-      setCalendarState = _useState[1];
-
+    calendarState = _useState[0],
+    setCalendarState = _useState[1];
   var reset = useCallback(function () {
     setCalendarState(undefined);
   }, []);
@@ -27,5 +25,4 @@ var useCalendarState = function useCalendarState(defaultState) {
     openTime: openTime
   };
 };
-
 export default useCalendarState;