rsuite 5.76.0 → 6.0.0-canary-20241227

package/cjs/Calendar/MonthDropdown/MonthDropdown.js

@@ -5,7 +5,6 @@ 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 _MonthDropdownItem = _interopRequireDefault(require("./MonthDropdownItem"));
 var _date = require("../../internals/utils/date");
@@ -13,72 +12,70 @@ var _Windowing = require("../../internals/Windowing");
 var _hooks = require("../../internals/hooks");
 var _hooks2 = require("../hooks");
 var _utils = require("../utils");
-var _excluded = ["as", "className", "classPrefix", "limitStartYear", "limitEndYear", "show", "height", "width", "disabledMonth"],
-  _excluded2 = ["className", "itemClassName", "as", "itemAs"];
-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; }
 // Array representing the index of each month
-var MONTHS_INDEX = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
+const MONTHS_INDEX = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
 
 // The height of each item
-var ITEM_SIZE = 108;
-var MonthDropdown = /*#__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 ? '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 = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useCalendar = (0, _hooks2.useCalendar)(),
-    _useCalendar$date = _useCalendar.date,
-    date = _useCalendar$date === void 0 ? new Date() : _useCalendar$date,
-    targetId = _useCalendar.targetId,
-    monthDropdownProps = _useCalendar.monthDropdownProps;
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    prefix = _useClassNames.prefix,
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix;
-  var thisYear = (0, _date.getYear)(new Date());
-  var startYear = limitStartYear ? thisYear - limitStartYear + 1 : 1900;
-  var rowCount = (0, _react.useMemo)(function () {
-    var endYear = thisYear + limitEndYear;
+const ITEM_SIZE = 108;
+const MonthDropdown = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    as: Component = 'div',
+    className,
+    classPrefix = 'calendar-month-dropdown',
+    limitStartYear,
+    limitEndYear = 5,
+    show,
+    height: defaultHeight = 221,
+    width: defaultWidth = 256,
+    disabledMonth,
+    ...rest
+  } = props;
+  const {
+    date = new Date(),
+    targetId,
+    monthDropdownProps
+  } = (0, _hooks2.useCalendar)();
+  const {
+    prefix,
+    merge,
+    withClassPrefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const thisYear = (0, _date.getYear)(new Date());
+  const startYear = limitStartYear ? thisYear - limitStartYear + 1 : 1900;
+  const rowCount = (0, _react.useMemo)(() => {
+    const endYear = thisYear + limitEndYear;
     return endYear - startYear;
   }, [limitEndYear, startYear, thisYear]);
-  var isMonthDisabled = (0, _react.useCallback)(function (year, month) {
+  const isMonthDisabled = (0, _react.useCallback)((year, month) => {
     if (disabledMonth) {
       return (0, _utils.isEveryDateInMonth)(year, month, disabledMonth);
     }
     return false;
   }, [disabledMonth]);
-  var _ref = monthDropdownProps || {},
-    listClassName = _ref.className,
-    itemClassName = _ref.itemClassName,
-    List = _ref.as,
-    _ref$itemAs = _ref.itemAs,
-    Item = _ref$itemAs === void 0 ? 'div' : _ref$itemAs,
-    restListProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded2);
-  var rowRenderer = (0, _react.useCallback)(function (_ref2) {
-    var index = _ref2.index,
-      style = _ref2.style;
-    var selectedMonth = (0, _date.getMonth)(date);
-    var selectedYear = (0, _date.getYear)(date);
-    var year = startYear + index;
-    var isSelectedYear = year === selectedYear;
-    var titleClassName = prefix('year', {
+  const {
+    className: listClassName,
+    itemClassName,
+    as: List,
+    itemAs: Item = 'div',
+    ...restListProps
+  } = monthDropdownProps || {};
+  const rowRenderer = (0, _react.useCallback)(_ref => {
+    let {
+      index,
+      style
+    } = _ref;
+    const selectedMonth = (0, _date.getMonth)(date);
+    const selectedYear = (0, _date.getYear)(date);
+    const year = startYear + index;
+    const isSelectedYear = year === selectedYear;
+    const titleClassName = prefix('year', {
       'year-active': isSelectedYear
     });
     return /*#__PURE__*/_react.default.createElement(Item, {
       role: "row",
-      "aria-label": "" + year,
+      "aria-label": `${year}`,
       className: merge(itemClassName, prefix('row'), {
         'first-row': index === 0,
         'last-row': index === rowCount - 1
@@ -89,21 +86,21 @@ var MonthDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       role: "rowheader"
     }, year), /*#__PURE__*/_react.default.createElement("div", {
       className: prefix('list')
-    }, MONTHS_INDEX.map(function (item, month) {
+    }, MONTHS_INDEX.map((item, month) => {
       return /*#__PURE__*/_react.default.createElement(_MonthDropdownItem.default, {
         disabled: isMonthDisabled(year, month),
         active: isSelectedYear && month === selectedMonth,
-        key: month + "_" + item,
+        key: `${month}_${item}`,
         month: month + 1,
         year: year
       });
     })));
   }, [Item, date, isMonthDisabled, merge, prefix, itemClassName, rowCount, startYear]);
-  var classes = merge(className, withClassPrefix(), {
-    show: show
+  const classes = merge(className, withClassPrefix(), {
+    show
   });
-  var initialItemIndex = (0, _date.getYear)(date) - startYear;
-  var initialScrollOffset = ITEM_SIZE * initialItemIndex;
+  const initialItemIndex = (0, _date.getYear)(date) - startYear;
+  const initialScrollOffset = ITEM_SIZE * initialItemIndex;
   if (!show) {
     return null;
   }
@@ -112,17 +109,19 @@ var MonthDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     role: "grid",
     tabIndex: -1,
     className: classes,
-    "aria-labelledby": targetId ? targetId + "-grid-label" : undefined,
-    id: targetId ? targetId + "-calendar-month-dropdown" : undefined,
+    "aria-labelledby": targetId ? `${targetId}-grid-label` : undefined,
+    id: targetId ? `${targetId}-calendar-month-dropdown` : undefined,
     "data-testid": "calendar-month-dropdown"
   }, rest), /*#__PURE__*/_react.default.createElement("div", {
     className: prefix('scroll')
   }, /*#__PURE__*/_react.default.createElement(_Windowing.AutoSizer, {
     defaultHeight: defaultHeight,
     defaultWidth: defaultWidth
-  }, function (_ref3) {
-    var height = _ref3.height,
-      width = _ref3.width;
+  }, _ref2 => {
+    let {
+      height,
+      width
+    } = _ref2;
     return /*#__PURE__*/_react.default.createElement(_Windowing.FixedSizeList, (0, _extends2.default)({
       className: merge(prefix('row-wrapper'), listClassName),
       width: width || defaultWidth,

package/cjs/Calendar/MonthDropdown/MonthDropdownItem.js

@@ -5,7 +5,6 @@ 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 _date = require("../../internals/utils/date");
 var _hooks = require("../../internals/hooks");
@@ -13,56 +12,54 @@ var _utils = require("../../internals/utils");
 var _CustomProvider = require("../../CustomProvider");
 var _hooks2 = require("../hooks");
 var _utils2 = require("../utils");
-var _excluded = ["as", "className", "classPrefix", "active", "disabled", "month", "year"];
-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 MonthDropdownItem = /*#__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 ? '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 = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useCalendar = (0, _hooks2.useCalendar)(),
-    date = _useCalendar.date,
-    onSelect = _useCalendar.onChangeMonth,
-    overrideLocale = _useCalendar.locale;
-  var _useCustom = (0, _CustomProvider.useCustom)('Calendar'),
-    getLocale = _useCustom.getLocale,
-    formatDate = _useCustom.formatDate;
-  var _getLocale = getLocale('Calendar', overrideLocale),
-    formatStr = _getLocale.formattedMonthPattern;
-  var currentMonth = (0, _react.useMemo)(function () {
+const MonthDropdownItem = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    as: Component = 'div',
+    className,
+    classPrefix = 'calendar-month-dropdown-cell',
+    active,
+    disabled,
+    month = 0,
+    year,
+    ...rest
+  } = props;
+  const {
+    date,
+    onChangeMonth: onSelect,
+    locale: overrideLocale
+  } = (0, _hooks2.useCalendar)();
+  const {
+    getLocale,
+    formatDate
+  } = (0, _CustomProvider.useCustom)('Calendar');
+  const {
+    formattedMonthPattern: formatStr
+  } = getLocale('Calendar', overrideLocale);
+  const currentMonth = (0, _react.useMemo)(() => {
     if (year && month) {
-      return (0, _utils.composeFunctions)(function (d) {
-        return (0, _date.setYear)(d, year);
-      }, function (d) {
-        return (0, _date.setMonth)(d, month - 1);
-      })(date);
+      return (0, _utils.composeFunctions)(d => (0, _date.setYear)(d, year), d => (0, _date.setMonth)(d, month - 1))(date);
     }
     return date;
   }, [date, month, year]);
-  var handleClick = (0, _hooks.useEventCallback)(function (event) {
+  const handleClick = (0, _hooks.useEventCallback)(event => {
     if (disabled) {
       return;
     }
     onSelect === null || onSelect === void 0 || onSelect(currentMonth, event);
   });
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    prefix = _useClassNames.prefix,
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix;
-  var classes = merge(className, withClassPrefix({
-    active: active
+  const {
+    prefix,
+    merge,
+    withClassPrefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, withClassPrefix({
+    active
   }), {
-    disabled: disabled
+    disabled
   });
-  var ariaLabel = currentMonth ? (0, _utils2.getAriaLabel)(currentMonth, formatStr, formatDate) : '';
+  const ariaLabel = currentMonth ? (0, _utils2.getAriaLabel)(currentMonth, formatStr, formatDate) : '';
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     key: month,
     role: "gridcell",

package/cjs/Calendar/TimeDropdown/TimeColumn.js

@@ -5,15 +5,15 @@ 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 = _interopRequireDefault(require("react"));
 var _ScrollView = _interopRequireDefault(require("../../internals/ScrollView"));
-var _excluded = ["prefix", "title", "children"];
-var TimeColumn = function TimeColumn(props) {
-  var prefix = props.prefix,
-    title = props.title,
-    children = props.children,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+const TimeColumn = props => {
+  const {
+    prefix,
+    title,
+    children,
+    ...rest
+  } = props;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: prefix('column')
   }, /*#__PURE__*/_react.default.createElement("div", {

package/cjs/Calendar/TimeDropdown/TimeDropdown.js

@@ -5,7 +5,6 @@ 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 _partial = _interopRequireDefault(require("lodash/partial"));
 var _camelCase = _interopRequireDefault(require("lodash/camelCase"));
@@ -15,39 +14,38 @@ var _date = require("../../internals/utils/date");
 var _hooks2 = require("../hooks");
 var _TimeColumn = _interopRequireDefault(require("./TimeColumn"));
 var _utils = require("./utils");
-var _excluded = ["as", "className", "classPrefix", "show", "showMeridiem"];
-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 TimeDropdown = /*#__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 ? 'calendar-time-dropdown' : _props$classPrefix,
-    show = props.show,
-    _props$showMeridiem = props.showMeridiem,
-    showMeridiem = _props$showMeridiem === void 0 ? false : _props$showMeridiem,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useCalendar = (0, _hooks2.useCalendar)(),
-    locale = _useCalendar.locale,
-    format = _useCalendar.format,
-    date = _useCalendar.date,
-    onSelect = _useCalendar.onChangeTime,
-    targetId = _useCalendar.targetId;
-  var rowRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    var time = (0, _utils.getClockTime)({
-      format: format,
-      date: date,
-      showMeridiem: showMeridiem
+const TimeDropdown = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    as: Component = 'div',
+    className,
+    classPrefix = 'calendar-time-dropdown',
+    show,
+    showMeridiem = false,
+    ...rest
+  } = props;
+  const {
+    locale,
+    format,
+    date,
+    onChangeTime: onSelect,
+    targetId
+  } = (0, _hooks2.useCalendar)();
+  const rowRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    const time = (0, _utils.getClockTime)({
+      format,
+      date,
+      showMeridiem
     });
     // The currently selected time scrolls to the visible range.
     if (show && rowRef.current) {
       (0, _utils.scrollToTime)(time, rowRef.current);
     }
   }, [date, format, show, showMeridiem]);
-  var handleClick = (0, _hooks.useEventCallback)(function (type, d, event) {
-    var nextDate = date || (0, _date.startOfToday)();
+  const handleClick = (0, _hooks.useEventCallback)((type, d, event) => {
+    let nextDate = date || (0, _date.startOfToday)();
     switch (type) {
       case 'hours':
         nextDate = (0, _date.setHours)(nextDate, showMeridiem && (0, _date.getHours)(nextDate) >= 12 ? d + 12 : d);
@@ -61,38 +59,40 @@ var TimeDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     }
     onSelect === null || onSelect === void 0 || onSelect(nextDate, event);
   });
-  var handleClickMeridiem = (0, _hooks.useEventCallback)(function (meridiem, event) {
-    var tempDate = date || (0, _date.startOfToday)();
-    var hours = (0, _date.getHours)(tempDate);
-    var isAM = hours < 12;
-    var adjustHours = function adjustHours(meridiem, hours) {
+  const handleClickMeridiem = (0, _hooks.useEventCallback)((meridiem, event) => {
+    const tempDate = date || (0, _date.startOfToday)();
+    const hours = (0, _date.getHours)(tempDate);
+    const isAM = hours < 12;
+    const adjustHours = (meridiem, hours) => {
       if (meridiem === 'AM') {
         return isAM ? hours : hours - 12;
       }
       return isAM ? hours + 12 : hours;
     };
-    var nextHours = adjustHours(meridiem, hours);
-    var nextDate = (0, _date.setHours)(tempDate, nextHours);
+    const nextHours = adjustHours(meridiem, hours);
+    const nextDate = (0, _date.setHours)(tempDate, nextHours);
     onSelect === null || onSelect === void 0 || onSelect(nextDate, event);
   });
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    prefix = _useClassNames.prefix,
-    rootPrefix = _useClassNames.rootPrefix,
-    merge = _useClassNames.merge;
-  var renderColumn = function renderColumn(type, value) {
+  const {
+    prefix,
+    rootPrefix,
+    merge
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const renderColumn = (type, value) => {
     if (!(0, _isNumber.default)(value)) {
       return null;
     }
-    var _getTimeLimits$type = (0, _utils.getTimeLimits)(showMeridiem)[type],
-      start = _getTimeLimits$type.start,
-      end = _getTimeLimits$type.end;
-    var items = [];
-    var hideFunc = props[(0, _camelCase.default)("hide_" + type)];
-    var disabledFunc = props[(0, _camelCase.default)("disabled_" + type)];
-    for (var i = start; i <= end; i += 1) {
+    const {
+      start,
+      end
+    } = (0, _utils.getTimeLimits)(showMeridiem)[type];
+    const items = [];
+    const hideFunc = props[(0, _camelCase.default)(`hide_${type}`)];
+    const disabledFunc = props[(0, _camelCase.default)(`disabled_${type}`)];
+    for (let 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);
-        var itemClasses = prefix('cell', {
+        const disabled = disabledFunc === null || disabledFunc === void 0 ? void 0 : disabledFunc(i, date);
+        const itemClasses = prefix('cell', {
           'cell-active': value === i,
           'cell-disabled': disabled
         });
@@ -100,10 +100,10 @@ var TimeDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
           key: i,
           role: "option",
           tabIndex: -1,
-          "aria-label": i + " " + type,
+          "aria-label": `${i} ${type}`,
           "aria-selected": value === i,
           "aria-disabled": disabled,
-          "data-key": type + "-" + i,
+          "data-key": `${type}-${i}`,
           onClick: !disabled ? (0, _partial.default)(handleClick, type, i) : undefined
         }, /*#__PURE__*/_react.default.createElement("span", {
           className: itemClasses
@@ -114,19 +114,19 @@ var TimeDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       prefix: prefix,
       title: locale === null || locale === void 0 ? void 0 : locale[type],
       "data-type": type,
-      "aria-label": "Select " + type
+      "aria-label": `Select ${type}`
     }, items);
   };
-  var renderMeridiemColumn = function renderMeridiemColumn() {
-    var columns = ['AM', 'PM'];
+  const renderMeridiemColumn = () => {
+    const columns = ['AM', 'PM'];
     return /*#__PURE__*/_react.default.createElement(_TimeColumn.default, {
       prefix: prefix,
       title: 'AM/PM',
       "data-type": "meridiem",
       "aria-label": "Select meridiem"
-    }, columns.map(function (meridiem, index) {
-      var ampm = date && ((0, _date.getHours)(date) >= 12 ? 'PM' : 'AM');
-      var itemClasses = prefix('cell', {
+    }, columns.map((meridiem, index) => {
+      const ampm = date && ((0, _date.getHours)(date) >= 12 ? 'PM' : 'AM');
+      const itemClasses = prefix('cell', {
         'cell-active': ampm === meridiem
       });
       return /*#__PURE__*/_react.default.createElement("li", {
@@ -135,25 +135,25 @@ var TimeDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
         tabIndex: -1,
         "aria-label": meridiem,
         "aria-selected": ampm === meridiem,
-        "data-key": "meridiem-" + meridiem,
+        "data-key": `meridiem-${meridiem}`,
         onClick: (0, _partial.default)(handleClickMeridiem, meridiem)
       }, /*#__PURE__*/_react.default.createElement("span", {
         className: itemClasses
       }, meridiem));
     }));
   };
-  var time = (0, _utils.getClockTime)({
-    format: format,
-    date: date,
-    showMeridiem: showMeridiem
+  const time = (0, _utils.getClockTime)({
+    format,
+    date,
+    showMeridiem
   });
-  var classes = merge(className, rootPrefix(classPrefix), {
-    show: show
+  const classes = merge(className, rootPrefix(classPrefix), {
+    show
   });
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     role: "group",
     tabIndex: -1,
-    id: targetId ? targetId + "-" + classPrefix : undefined
+    id: targetId ? `${targetId}-${classPrefix}` : undefined
   }, (0, _date.omitHideDisabledProps)(rest), {
     ref: ref,
     className: classes

package/cjs/Calendar/TimeDropdown/utils/formatWithLeadingZero.js

@@ -3,6 +3,7 @@
 
 exports.__esModule = true;
 exports.formatWithLeadingZero = void 0;
-var formatWithLeadingZero = exports.formatWithLeadingZero = function formatWithLeadingZero(number) {
+const formatWithLeadingZero = number => {
   return String(number).padStart(2, '0');
-};
+};
+exports.formatWithLeadingZero = formatWithLeadingZero;

package/cjs/Calendar/TimeDropdown/utils/getClockTime.js

@@ -12,10 +12,12 @@ function getMeridiemHours(hours) {
   return hours >= 12 ? hours - 12 : hours;
 }
 function getClockTime(props) {
-  var format = props.format,
-    date = props.date,
-    showMeridiem = props.showMeridiem;
-  var clockTime = {
+  const {
+    format,
+    date,
+    showMeridiem
+  } = props;
+  const clockTime = {
     hours: null,
     minutes: null,
     seconds: null,
@@ -27,7 +29,7 @@ function getClockTime(props) {
 
   // If date is provided, extract hours and meridiem
   if (/(H|h)/.test(format) && date) {
-    var hours = (0, _date.getHours)(date);
+    const hours = (0, _date.getHours)(date);
     clockTime.hours = showMeridiem ? getMeridiemHours(hours) : hours;
     clockTime.meridiem = hours >= 12 ? 'PM' : 'AM';
   }

package/cjs/Calendar/TimeDropdown/utils/getTimeLimits.js

@@ -4,15 +4,15 @@
 exports.__esModule = true;
 exports.getTimeLimits = getTimeLimits;
 function getTimeLimits(isMeridiem) {
-  var HOURS_24H = {
+  const HOURS_24H = {
     start: 0,
     end: 23
   };
-  var HOURS_12H = {
+  const HOURS_12H = {
     start: 0,
     end: 11
   };
-  var MINUTES_SECONDS = {
+  const MINUTES_SECONDS = {
     start: 0,
     end: 59
   };

package/cjs/Calendar/TimeDropdown/utils/scrollToTime.js

@@ -8,19 +8,18 @@ var _getPosition = _interopRequireDefault(require("dom-lib/getPosition"));
 var _scrollTop = _interopRequireDefault(require("dom-lib/scrollTop"));
 function scrollToTime(time, row) {
   if (!row) return;
-  var scrollToPosition = function scrollToPosition(container, value, type) {
-    var node = container.querySelector("[data-key=\"" + type + "-" + value + "\"]");
+  const scrollToPosition = (container, value, type) => {
+    const node = container.querySelector(`[data-key="${type}-${value}"]`);
     if (node) {
-      var position = (0, _getPosition.default)(node, container);
+      const position = (0, _getPosition.default)(node, container);
       if (position) {
         (0, _scrollTop.default)(container, position.top);
       }
     }
   };
-  Object.entries(time).forEach(function (_ref) {
-    var type = _ref[0],
-      value = _ref[1];
-    var container = row.querySelector("[data-type=\"" + type + "\"]");
+  Object.entries(time).forEach(_ref => {
+    let [type, value] = _ref;
+    const container = row.querySelector(`[data-type="${type}"]`);
     if (container) {
       scrollToPosition(container, value, type);
     }

package/cjs/Calendar/hooks/useCalendar.js

@@ -5,6 +5,7 @@ exports.__esModule = true;
 exports.useCalendar = void 0;
 var _react = require("react");
 var _CalendarProvider = require("../CalendarProvider");
-var useCalendar = exports.useCalendar = function useCalendar() {
+const useCalendar = () => {
   return (0, _react.useContext)(_CalendarProvider.CalendarContext);
-};
+};
+exports.useCalendar = useCalendar;

package/cjs/Calendar/hooks/useCalendarDate.d.ts

@@ -1,5 +1,5 @@
 export declare const useCalendarDate: (value: Date | null | undefined, defaultDate: Date | undefined) => {
     calendarDate: Date;
     setCalendarDate: (date: React.SetStateAction<Date> | undefined) => void;
-    resetCalendarDate: (nextValue?: any) => void;
+    resetCalendarDate: (nextValue?: Date | null | undefined) => void;
 };