rsuite 5.76.0 → 6.0.0-canary-20241227

package/cjs/Calendar/CalendarHeader.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 _PagePrevious = _interopRequireDefault(require("@rsuite/icons/PagePrevious"));
 var _PageNext = _interopRequireDefault(require("@rsuite/icons/PageNext"));
@@ -16,79 +15,80 @@ var _date = require("../internals/utils/date");
 var _CustomProvider = require("../CustomProvider");
 var _hooks2 = require("./hooks");
 var _hooks3 = require("../DateRangePicker/hooks");
-var _excluded = ["as", "className", "classPrefix", "disabledBackward", "disabledForward", "showDate", "showMonth", "showTime", "disabledTime", "onMoveBackward", "onMoveForward", "onToggleMonthDropdown", "onToggleTimeDropdown", "renderTitle", "renderToolbar"];
-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 CalendarHeader = /*#__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-header' : _props$classPrefix,
-    disabledBackward = props.disabledBackward,
-    disabledForward = props.disabledForward,
-    showDate = props.showDate,
-    showMonth = props.showMonth,
-    showTime = props.showTime,
-    disabledTime = props.disabledTime,
-    onMoveBackward = props.onMoveBackward,
-    onMoveForward = props.onMoveForward,
-    onToggleMonthDropdown = props.onToggleMonthDropdown,
-    onToggleTimeDropdown = props.onToggleTimeDropdown,
-    renderTitleProp = props.renderTitle,
-    renderToolbar = props.renderToolbar,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useCalendar = (0, _hooks2.useCalendar)(),
-    locale = _useCalendar.locale,
-    _useCalendar$date = _useCalendar.date,
-    date = _useCalendar$date === void 0 ? new Date() : _useCalendar$date,
-    format = _useCalendar.format,
-    inline = _useCalendar.inline,
-    disabledDate = _useCalendar.disabledDate,
-    targetId = _useCalendar.targetId;
-  var _useDateRangePicker = (0, _hooks3.useDateRangePicker)(),
-    isSelectedIdle = _useDateRangePicker.isSelectedIdle;
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    prefix = _useClassNames.prefix,
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge;
-  var btnProps = {
+const CalendarHeader = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    as: Component = 'div',
+    className,
+    classPrefix = 'calendar-header',
+    disabledBackward,
+    disabledForward,
+    showDate,
+    showMonth,
+    showTime,
+    disabledTime,
+    onMoveBackward,
+    onMoveForward,
+    onToggleMonthDropdown,
+    onToggleTimeDropdown,
+    renderTitle: renderTitleProp,
+    renderToolbar,
+    ...rest
+  } = props;
+  const {
+    locale,
+    date = new Date(),
+    format,
+    inline,
+    disabledDate,
+    targetId
+  } = (0, _hooks2.useCalendar)();
+  const {
+    isSelectedIdle
+  } = (0, _hooks3.useDateRangePicker)();
+  const {
+    prefix,
+    withClassPrefix,
+    merge
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const btnProps = {
     appearance: 'subtle',
     size: inline ? 'sm' : 'xs'
   };
-  var timeFormat = (0, _react.useMemo)(function () {
-    var defaultTimeFormat = (locale === null || locale === void 0 ? void 0 : locale.shortTimeFormat) || 'HH:mm';
+  const timeFormat = (0, _react.useMemo)(() => {
+    const defaultTimeFormat = (locale === null || locale === void 0 ? void 0 : locale.shortTimeFormat) || 'HH:mm';
     if (!format) {
       return defaultTimeFormat;
     }
     return (0, _date.extractTimeFormat)(format) || defaultTimeFormat;
   }, [format, locale]);
-  var dateFormat = (0, _react.useMemo)(function () {
+  const dateFormat = (0, _react.useMemo)(() => {
     if (showMonth) {
       return (locale === null || locale === void 0 ? void 0 : locale.formattedMonthPattern) || 'yyyy-MM';
     }
     return 'yyyy';
   }, [locale, showMonth]);
-  var renderTitle = function renderTitle() {
+  const renderTitle = () => {
     var _renderTitleProp;
     return (_renderTitleProp = renderTitleProp === null || renderTitleProp === void 0 ? void 0 : renderTitleProp(date)) !== null && _renderTitleProp !== void 0 ? _renderTitleProp : date && /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {
       date: date,
       formatStr: dateFormat
     });
   };
-  var dateTitleClasses = prefix('title', 'title-date', {
+  const dateTitleClasses = prefix('title', 'title-date', {
     error: disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date)
   });
-  var timeTitleClasses = prefix('title', 'title-time', {
+  const timeTitleClasses = prefix('title', 'title-time', {
     error: disabledTime === null || disabledTime === void 0 ? void 0 : disabledTime(date)
   });
-  var backwardClass = prefix('backward', {
+  const backwardClass = prefix('backward', {
     'btn-disabled': disabledBackward
   });
-  var forwardClass = prefix('forward', {
+  const forwardClass = prefix('forward', {
     'btn-disabled': disabledForward
   });
-  var monthToolbar = /*#__PURE__*/_react.default.createElement("div", {
+  const monthToolbar = /*#__PURE__*/_react.default.createElement("div", {
     className: prefix('month-toolbar')
   }, /*#__PURE__*/_react.default.createElement(_IconButton.default, (0, _extends2.default)({}, btnProps, {
     // TODO: aria-label should be translated by i18n
@@ -98,7 +98,7 @@ var CalendarHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     icon: /*#__PURE__*/_react.default.createElement(_PagePrevious.default, null)
   })), /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, btnProps, {
     "aria-label": "Select month",
-    id: targetId ? targetId + "-grid-label" : undefined,
+    id: targetId ? `${targetId}-grid-label` : undefined,
     className: dateTitleClasses,
     onClick: onToggleMonthDropdown
   }), renderTitle()), /*#__PURE__*/_react.default.createElement(_IconButton.default, (0, _extends2.default)({}, btnProps, {
@@ -107,14 +107,14 @@ var CalendarHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     onClick: disabledForward ? undefined : onMoveForward,
     icon: /*#__PURE__*/_react.default.createElement(_PageNext.default, null)
   })));
-  var hasMonth = showDate || showMonth;
-  var classes = merge(className, withClassPrefix({
+  const hasMonth = showDate || showMonth;
+  const classes = merge(className, withClassPrefix({
     'has-month': hasMonth,
     'has-time': showTime
   }));
 
   // If the date is not selected, the time cannot be selected (it only works in DateRangePicker).
-  var disableSelectTime = typeof isSelectedIdle === 'undefined' ? false : !isSelectedIdle;
+  const disableSelectTime = typeof isSelectedIdle === 'undefined' ? false : !isSelectedIdle;
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,
     className: classes

package/cjs/Calendar/CalendarProvider.js

@@ -9,5 +9,5 @@ var _react = _interopRequireDefault(require("react"));
  * Represents the inner context value for the Calendar component.
  */
 
-var CalendarContext = exports.CalendarContext = /*#__PURE__*/_react.default.createContext({});
-var CalendarProvider = exports.CalendarProvider = CalendarContext.Provider;
+const CalendarContext = exports.CalendarContext = /*#__PURE__*/_react.default.createContext({});
+const CalendarProvider = exports.CalendarProvider = CalendarContext.Provider;

package/cjs/Calendar/Grid/Grid.js

@@ -5,42 +5,39 @@ 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 _GridRow = _interopRequireDefault(require("./GridRow"));
 var _GridHeaderRow = _interopRequireDefault(require("./GridHeaderRow"));
 var _hooks = require("../../internals/hooks");
 var _hooks2 = require("../hooks");
-var _excluded = ["as", "className", "classPrefix", "rows"];
-var Grid = /*#__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-table' : _props$classPrefix,
-    _props$rows = props.rows,
-    rows = _props$rows === void 0 ? [] : _props$rows,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix;
-  var classes = merge(className, withClassPrefix());
-  var _useCalendar = (0, _hooks2.useCalendar)(),
-    targetId = _useCalendar.targetId;
+const Grid = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    as: Component = 'div',
+    className,
+    classPrefix = 'calendar-table',
+    rows = [],
+    ...rest
+  } = props;
+  const {
+    merge,
+    withClassPrefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, withClassPrefix());
+  const {
+    targetId
+  } = (0, _hooks2.useCalendar)();
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     role: "grid",
     tabIndex: -1,
-    id: targetId ? targetId + "-" + classPrefix : undefined
+    id: targetId ? `${targetId}-${classPrefix}` : undefined
   }, rest, {
     ref: ref,
     className: classes
-  }), /*#__PURE__*/_react.default.createElement(_GridHeaderRow.default, null), rows.map(function (week, index) {
-    return /*#__PURE__*/_react.default.createElement(_GridRow.default, {
-      key: index,
-      weekendDate: week,
-      rowIndex: index + 1
-    });
-  }));
+  }), /*#__PURE__*/_react.default.createElement(_GridHeaderRow.default, null), rows.map((week, index) => /*#__PURE__*/_react.default.createElement(_GridRow.default, {
+    key: index,
+    weekendDate: week,
+    rowIndex: index + 1
+  })));
 });
 Grid.displayName = 'CalendarGrid';
 var _default = exports.default = Grid;

package/cjs/Calendar/Grid/GridCell.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 = _interopRequireDefault(require("react"));
 var _partial = _interopRequireDefault(require("lodash/partial"));
 var _date = require("../../internals/utils/date");
@@ -13,41 +12,44 @@ var _hooks = require("../../internals/hooks");
 var _CustomProvider = require("../../CustomProvider");
 var _hooks2 = require("../hooks");
 var _utils = require("../utils");
-var _excluded = ["as", "classPrefix", "disabled", "selected", "date", "onSelect", "unSameMonth", "rangeStart", "rangeEnd", "inRange"];
-var GridCell = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'calendar-table' : _props$classPrefix,
-    disabled = props.disabled,
-    selected = props.selected,
-    date = props.date,
-    onSelect = props.onSelect,
-    unSameMonth = props.unSameMonth,
-    rangeStart = props.rangeStart,
-    rangeEnd = props.rangeEnd,
-    inRange = props.inRange,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useCalendar = (0, _hooks2.useCalendar)(),
-    onMouseMove = _useCalendar.onMouseMove,
-    cellClassName = _useCalendar.cellClassName,
-    renderCell = _useCalendar.renderCell,
-    renderCellOnPicker = _useCalendar.renderCellOnPicker,
-    overrideLocale = _useCalendar.locale;
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    prefix = _useClassNames.prefix,
-    merge = _useClassNames.merge;
-  var _useCustom = (0, _CustomProvider.useCustom)(),
-    getLocale = _useCustom.getLocale,
-    formatDate = _useCustom.formatDate;
-  var _getLocale = getLocale('Calendar', overrideLocale),
-    formattedDayPattern = _getLocale.formattedDayPattern,
-    today = _getLocale.today;
-  var formatStr = formattedDayPattern;
-  var ariaLabel = (0, _utils.getAriaLabel)(date, formatStr, formatDate);
-  var todayDate = new Date();
-  var isToday = (0, _date.isSameDay)(date, todayDate);
-  var classes = merge(prefix('cell', {
+const GridCell = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    as: Component = 'div',
+    classPrefix = 'calendar-table',
+    disabled,
+    selected,
+    date,
+    onSelect,
+    unSameMonth,
+    rangeStart,
+    rangeEnd,
+    inRange,
+    ...rest
+  } = props;
+  const {
+    onMouseMove,
+    cellClassName,
+    renderCell,
+    renderCellOnPicker,
+    locale: overrideLocale
+  } = (0, _hooks2.useCalendar)();
+  const {
+    prefix,
+    merge
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const {
+    getLocale,
+    formatDate
+  } = (0, _CustomProvider.useCustom)();
+  const {
+    formattedDayPattern,
+    today
+  } = getLocale('Calendar', overrideLocale);
+  const formatStr = formattedDayPattern;
+  const ariaLabel = (0, _utils.getAriaLabel)(date, formatStr, formatDate);
+  const todayDate = new Date();
+  const isToday = (0, _date.isSameDay)(date, todayDate);
+  const classes = merge(prefix('cell', {
     'cell-un-same-month': unSameMonth,
     'cell-is-today': isToday,
     'cell-selected': selected,
@@ -63,7 +65,7 @@ var GridCell = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     "aria-selected": selected || undefined,
     "aria-disabled": disabled || undefined,
     tabIndex: selected ? 0 : -1,
-    title: isToday ? ariaLabel + " (" + today + ")" : ariaLabel,
+    title: isToday ? `${ariaLabel} (${today})` : ariaLabel,
     className: classes,
     onMouseEnter: !disabled && onMouseMove ? onMouseMove.bind(null, date) : undefined,
     onClick: onSelect ? (0, _partial.default)(onSelect, date, disabled) : undefined

package/cjs/Calendar/Grid/GridHeaderRow.js

@@ -5,30 +5,30 @@ 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 _upperFirst = _interopRequireDefault(require("lodash/upperFirst"));
 var _date = require("../../internals/utils/date");
 var _hooks = require("../../internals/hooks");
 var _hooks2 = require("../hooks");
-var _excluded = ["as", "className", "classPrefix"];
-var GridHeaderRow = /*#__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-table' : _props$classPrefix,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useCalendar = (0, _hooks2.useCalendar)(),
-    locale = _useCalendar.locale,
-    showWeekNumbers = _useCalendar.showWeekNumbers,
-    isoWeek = _useCalendar.isoWeek,
-    weekStart = _useCalendar.weekStart;
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    merge = _useClassNames.merge,
-    prefix = _useClassNames.prefix;
-  var classes = merge(className, prefix('row', 'header-row'));
-  var weeks = (0, _date.getWeekKeys)(isoWeek ? 1 : weekStart);
+const GridHeaderRow = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    as: Component = 'div',
+    className,
+    classPrefix = 'calendar-table',
+    ...rest
+  } = props;
+  const {
+    locale,
+    showWeekNumbers,
+    isoWeek,
+    weekStart
+  } = (0, _hooks2.useCalendar)();
+  const {
+    merge,
+    prefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, prefix('row', 'header-row'));
+  const weeks = (0, _date.getWeekKeys)(isoWeek ? 1 : weekStart);
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     role: "row"
   }, rest, {
@@ -37,16 +37,14 @@ var GridHeaderRow = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   }), showWeekNumbers && /*#__PURE__*/_react.default.createElement("div", {
     className: prefix('header-cell'),
     role: "columnheader"
-  }), weeks.map(function (key) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: key,
-      className: prefix('header-cell'),
-      role: "columnheader",
-      "aria-label": (0, _upperFirst.default)(key)
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: prefix('header-cell-content')
-    }, locale === null || locale === void 0 ? void 0 : locale[key]));
-  }));
+  }), weeks.map(key => /*#__PURE__*/_react.default.createElement("div", {
+    key: key,
+    className: prefix('header-cell'),
+    role: "columnheader",
+    "aria-label": (0, _upperFirst.default)(key)
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: prefix('header-cell-content')
+  }, locale === null || locale === void 0 ? void 0 : locale[key]))));
 });
 GridHeaderRow.displayName = 'CalendarGridHeaderRow';
 var _default = exports.default = GridHeaderRow;

package/cjs/Calendar/Grid/GridRow.js

@@ -5,68 +5,62 @@ 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 _constants = require("../../internals/constants");
 var _hooks = require("../../internals/hooks");
 var _hooks2 = require("../hooks");
 var _GridCell = _interopRequireDefault(require("./GridCell"));
-var _excluded = ["as", "className", "classPrefix", "weekendDate", "rowIndex"];
-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 GridRow = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+const GridRow = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   var _locale$dateLocale$op, _locale$dateLocale;
-  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,
-    rowIndex = props.rowIndex,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useCalendar = (0, _hooks2.useCalendar)(),
-    _useCalendar$date = _useCalendar.date,
-    selected = _useCalendar$date === void 0 ? new Date() : _useCalendar$date,
-    dateRange = _useCalendar.dateRange,
-    hoverRangeValue = _useCalendar.hoverRangeValue,
-    isoWeek = _useCalendar.isoWeek,
-    weekStart = _useCalendar.weekStart,
-    showWeekNumbers = _useCalendar.showWeekNumbers,
-    locale = _useCalendar.locale,
-    inSameMonth = _useCalendar.inSameMonth,
-    disabledDate = _useCalendar.disabledDate,
-    onSelect = _useCalendar.onSelect;
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    prefix = _useClassNames.prefix,
-    merge = _useClassNames.merge;
-  var handleSelect = (0, _react.useCallback)(function (date, disabled, event) {
+  const {
+    as: Component = 'div',
+    className,
+    classPrefix = 'calendar-table',
+    weekendDate = new Date(),
+    rowIndex,
+    ...rest
+  } = props;
+  const {
+    date: selected = new Date(),
+    dateRange,
+    hoverRangeValue,
+    isoWeek,
+    weekStart,
+    showWeekNumbers,
+    locale,
+    inSameMonth,
+    disabledDate,
+    onSelect
+  } = (0, _hooks2.useCalendar)();
+  const {
+    prefix,
+    merge
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const handleSelect = (0, _react.useCallback)((date, disabled, event) => {
     if (disabled) {
       return;
     }
     onSelect === null || onSelect === void 0 || onSelect(date, event);
   }, [onSelect]);
-  var renderDays = function renderDays() {
-    var days = [];
-    var _ref = dateRange || [],
-      selectedStartDate = _ref[0],
-      selectedEndDate = _ref[1];
-    var _ref2 = hoverRangeValue !== null && hoverRangeValue !== void 0 ? hoverRangeValue : [],
-      hoverStartDate = _ref2[0],
-      hoverEndDate = _ref2[1];
-    var isRangeSelectionMode = typeof dateRange !== 'undefined';
-    for (var i = 0; i < 7; i += 1) {
-      var thisDate = (0, _date.addDays)(weekendDate, i);
-      var disabled = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(thisDate, dateRange, _constants.DATERANGE_DISABLED_TARGET.CALENDAR);
-      var unSameMonth = !(inSameMonth !== null && inSameMonth !== void 0 && inSameMonth(thisDate));
-      var rangeStart = !unSameMonth && selectedStartDate && (0, _date.isSameDay)(thisDate, selectedStartDate);
-      var rangeEnd = !unSameMonth && selectedEndDate && (0, _date.isSameDay)(thisDate, selectedEndDate);
-      var isSelected = isRangeSelectionMode ? rangeStart || rangeEnd : (0, _date.isSameDay)(thisDate, selected);
+  const renderDays = () => {
+    const days = [];
+    const [selectedStartDate, selectedEndDate] = dateRange || [];
+    const [hoverStartDate, hoverEndDate] = hoverRangeValue !== null && hoverRangeValue !== void 0 ? hoverRangeValue : [];
+    const isRangeSelectionMode = typeof dateRange !== 'undefined';
+    for (let i = 0; i < 7; i += 1) {
+      const thisDate = (0, _date.addDays)(weekendDate, i);
+      const disabled = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(thisDate, dateRange, _constants.DATERANGE_DISABLED_TARGET.CALENDAR);
+      const unSameMonth = !(inSameMonth !== null && inSameMonth !== void 0 && inSameMonth(thisDate));
+      const rangeStart = !unSameMonth && selectedStartDate && (0, _date.isSameDay)(thisDate, selectedStartDate);
+      const rangeEnd = !unSameMonth && selectedEndDate && (0, _date.isSameDay)(thisDate, selectedEndDate);
+      const isSelected = isRangeSelectionMode ? rangeStart || rangeEnd : (0, _date.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;
+      let inRange = false;
       // for Selected
       if (selectedStartDate && selectedEndDate) {
         if ((0, _date.isBefore)(thisDate, selectedEndDate) && (0, _date.isAfter)(thisDate, selectedStartDate)) {
@@ -100,13 +94,14 @@ var GridRow = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
     return days;
   };
-  var classes = merge(className, prefix('row'));
-  var _ref3 = (_locale$dateLocale$op = locale === null || locale === void 0 || (_locale$dateLocale = locale.dateLocale) === null || _locale$dateLocale === void 0 ? void 0 : _locale$dateLocale.options) !== null && _locale$dateLocale$op !== void 0 ? _locale$dateLocale$op : {},
-    firstWeekContainsDate = _ref3.firstWeekContainsDate,
-    weekStartsOn = _ref3.weekStartsOn;
-  var week = (0, _date.format)(weekendDate, isoWeek ? 'I' : 'w', {
+  const classes = merge(className, prefix('row'));
+  const {
+    firstWeekContainsDate,
+    weekStartsOn
+  } = (_locale$dateLocale$op = locale === null || locale === void 0 || (_locale$dateLocale = locale.dateLocale) === null || _locale$dateLocale === void 0 ? void 0 : _locale$dateLocale.options) !== null && _locale$dateLocale$op !== void 0 ? _locale$dateLocale$op : {};
+  const week = (0, _date.format)(weekendDate, isoWeek ? 'I' : 'w', {
     locale: locale === null || locale === void 0 ? void 0 : locale.dateLocale,
-    firstWeekContainsDate: firstWeekContainsDate,
+    firstWeekContainsDate,
     weekStartsOn: weekStart || weekStartsOn
   });
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
@@ -116,7 +111,7 @@ var GridRow = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     className: classes
   }), showWeekNumbers && /*#__PURE__*/_react.default.createElement("div", {
     role: "rowheader",
-    "aria-label": "Week " + week,
+    "aria-label": `Week ${week}`,
     className: prefix('cell-week-number')
   }, week), renderDays());
 });