rsuite 5.40.0 → 5.42.0

package/esm/Button/Button.js

@@ -1,9 +1,8 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-
 var _templateObject, _templateObject2, _templateObject3;
-
 import React, { useCallback, useContext } from 'react';
 import PropTypes from 'prop-types';
 import { ButtonGroupContext } from '../ButtonGroup';
@@ -12,33 +11,30 @@ import Ripple from '../Ripple';
 import { isOneOf, useClassNames } from '../utils';
 var Button = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var as = props.as,
-      active = props.active,
-      _props$appearance = props.appearance,
-      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
-      block = props.block,
-      className = props.className,
-      children = props.children,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'btn' : _props$classPrefix,
-      color = props.color,
-      disabled = props.disabled,
-      loading = props.loading,
-      _props$ripple = props.ripple,
-      ripple = _props$ripple === void 0 ? true : _props$ripple,
-      sizeProp = props.size,
-      startIcon = props.startIcon,
-      endIcon = props.endIcon,
-      typeProp = props.type,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "active", "appearance", "block", "className", "children", "classPrefix", "color", "disabled", "loading", "ripple", "size", "startIcon", "endIcon", "type"]);
-
+    active = props.active,
+    _props$appearance = props.appearance,
+    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
+    block = props.block,
+    className = props.className,
+    children = props.children,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'btn' : _props$classPrefix,
+    color = props.color,
+    disabled = props.disabled,
+    loading = props.loading,
+    _props$ripple = props.ripple,
+    ripple = _props$ripple === void 0 ? true : _props$ripple,
+    sizeProp = props.size,
+    startIcon = props.startIcon,
+    endIcon = props.endIcon,
+    typeProp = props.type,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "active", "appearance", "block", "className", "children", "classPrefix", "color", "disabled", "loading", "ripple", "size", "startIcon", "endIcon", "type"]);
   var buttonGroup = useContext(ButtonGroupContext);
   var size = sizeProp !== null && sizeProp !== void 0 ? sizeProp : buttonGroup === null || buttonGroup === void 0 ? void 0 : buttonGroup.size;
-
   var _useClassNames = useClassNames(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      prefix = _useClassNames.prefix,
-      merge = _useClassNames.merge;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    prefix = _useClassNames.prefix,
+    merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix(appearance, color, size, {
     active: active,
     disabled: disabled,
@@ -56,7 +52,6 @@ var Button = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: prefix(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["end-icon"])))
     }, endIcon) : null, rippleElement);
   }, [appearance, children, endIcon, loading, prefix, ripple, startIcon]);
-
   if (rest.href) {
     return /*#__PURE__*/React.createElement(SafeAnchor, _extends({}, rest, {
       as: as,
@@ -66,7 +61,6 @@ var Button = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: classes
     }), renderButtonContent());
   }
-
   var Component = as || 'button';
   var type = typeProp || (Component === 'button' ? 'button' : undefined);
   var role = rest.role || (Component !== 'button' ? 'button' : undefined);

package/esm/Button/index.js

@@ -1,2 +1,3 @@
+'use client';
 import Button from './Button';
 export default Button;

package/esm/ButtonGroup/ButtonGroup.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, { useMemo } from 'react';
@@ -6,23 +7,21 @@ import { useClassNames } from '../utils';
 import ButtonGroupContext from './ButtonGroupContext';
 var ButtonGroup = /*#__PURE__*/React.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 ? 'btn-group' : _props$classPrefix,
-      _props$role = props.role,
-      role = _props$role === void 0 ? 'group' : _props$role,
-      className = props.className,
-      children = props.children,
-      block = props.block,
-      vertical = props.vertical,
-      justified = props.justified,
-      size = props.size,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "role", "className", "children", "block", "vertical", "justified", "size"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'btn-group' : _props$classPrefix,
+    _props$role = props.role,
+    role = _props$role === void 0 ? 'group' : _props$role,
+    className = props.className,
+    children = props.children,
+    block = props.block,
+    vertical = props.vertical,
+    justified = props.justified,
+    size = props.size,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "role", "className", "children", "block", "vertical", "justified", "size"]);
   var _useClassNames = useClassNames(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix(size, {
     block: block,
     vertical: vertical,

package/esm/ButtonGroup/ButtonGroupContext.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 var ButtonGroupContext = /*#__PURE__*/React.createContext(null);
 export default ButtonGroupContext;

package/esm/ButtonGroup/index.js

@@ -1,3 +1,4 @@
+'use client';
 import ButtonGroup from './ButtonGroup';
 import ButtonGroupContext from './ButtonGroupContext';
 export { ButtonGroupContext };

package/esm/ButtonToolbar/ButtonToolbar.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';
@@ -6,24 +7,21 @@ import { useClassNames } from '../utils';
 import Stack from '../Stack';
 var ButtonToolbar = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var className = props.className,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'btn-toolbar' : _props$classPrefix,
-      _props$as = props.as,
-      Component = _props$as === void 0 ? Stack : _props$as,
-      _props$role = props.role,
-      role = _props$role === void 0 ? 'toolbar' : _props$role,
-      rest = _objectWithoutPropertiesLoose(props, ["className", "classPrefix", "as", "role"]);
-
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'btn-toolbar' : _props$classPrefix,
+    _props$as = props.as,
+    Component = _props$as === void 0 ? Stack : _props$as,
+    _props$role = props.role,
+    role = _props$role === void 0 ? 'toolbar' : _props$role,
+    rest = _objectWithoutPropertiesLoose(props, ["className", "classPrefix", "as", "role"]);
   var stackProps = Component === Stack ? {
     wrap: true,
     spacing: 10,
     childrenRenderMode: 'clone'
   } : null;
-
   var _useClassNames = useClassNames(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix());
   return /*#__PURE__*/React.createElement(Component, _extends({}, stackProps, rest, {
     role: role,

package/esm/ButtonToolbar/index.js

@@ -1,2 +1,3 @@
+'use client';
 import ButtonToolbar from './ButtonToolbar';
 export default ButtonToolbar;

package/esm/Calendar/Calendar.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';
@@ -10,35 +11,31 @@ import { useClassNames, useCustom } from '../utils';
 import useCalendarDate from './useCalendarDate';
 var Calendar = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? CalendarContainer : _props$as,
-      bordered = props.bordered,
-      className = props.className,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'calendar' : _props$classPrefix,
-      compact = props.compact,
-      _props$defaultValue = props.defaultValue,
-      defaultValue = _props$defaultValue === void 0 ? new Date() : _props$defaultValue,
-      isoWeek = props.isoWeek,
-      overrideLocale = props.locale,
-      onChange = props.onChange,
-      onMonthChange = props.onMonthChange,
-      onSelect = props.onSelect,
-      renderCell = props.renderCell,
-      value = props.value,
-      cellClassName = props.cellClassName,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "bordered", "className", "classPrefix", "compact", "defaultValue", "isoWeek", "locale", "onChange", "onMonthChange", "onSelect", "renderCell", "value", "cellClassName"]);
-
+    Component = _props$as === void 0 ? CalendarContainer : _props$as,
+    bordered = props.bordered,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'calendar' : _props$classPrefix,
+    compact = props.compact,
+    _props$defaultValue = props.defaultValue,
+    defaultValue = _props$defaultValue === void 0 ? new Date() : _props$defaultValue,
+    isoWeek = props.isoWeek,
+    overrideLocale = props.locale,
+    onChange = props.onChange,
+    onMonthChange = props.onMonthChange,
+    onSelect = props.onSelect,
+    renderCell = props.renderCell,
+    value = props.value,
+    cellClassName = props.cellClassName,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "bordered", "className", "classPrefix", "compact", "defaultValue", "isoWeek", "locale", "onChange", "onMonthChange", "onSelect", "renderCell", "value", "cellClassName"]);
   var _useCalendarDate = useCalendarDate(value, defaultValue),
-      calendarDate = _useCalendarDate.calendarDate,
-      setCalendarDate = _useCalendarDate.setCalendarDate;
-
+    calendarDate = _useCalendarDate.calendarDate,
+    setCalendarDate = _useCalendarDate.setCalendarDate;
   var _useCustom = useCustom('Calendar', overrideLocale),
-      locale = _useCustom.locale;
-
+    locale = _useCustom.locale;
   var handleChange = useCallback(function (nextValue) {
     setCalendarDate(nextValue);
     onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);
-
     if (!isSameMonth(nextValue, calendarDate)) {
       onMonthChange === null || onMonthChange === void 0 ? void 0 : onMonthChange(nextValue);
     }
@@ -50,12 +47,10 @@ var Calendar = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextValue);
     handleChange(nextValue);
   }, [handleChange, onSelect]);
-
   var _useClassNames = useClassNames(classPrefix),
-      prefix = _useClassNames.prefix,
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    prefix = _useClassNames.prefix,
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var renderToolbar = useCallback(function () {
     return /*#__PURE__*/React.createElement(Button, {
       className: prefix('btn-today'),

package/esm/Calendar/CalendarBody.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,28 +8,23 @@ import Table from './Table';
 import { useCalendarContext } from './CalendarContext';
 var CalendarBody = /*#__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-body' : _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-body' : _props$classPrefix,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix"]);
   var _useCalendarContext = useCalendarContext(),
-      _useCalendarContext$d = _useCalendarContext.date,
-      date = _useCalendarContext$d === void 0 ? new Date() : _useCalendarContext$d,
-      isoWeek = _useCalendarContext.isoWeek,
-      overrideLocale = _useCalendarContext.locale;
-
+    _useCalendarContext$d = _useCalendarContext.date,
+    date = _useCalendarContext$d === void 0 ? new Date() : _useCalendarContext$d,
+    isoWeek = _useCalendarContext.isoWeek,
+    overrideLocale = _useCalendarContext.locale;
   var _useCustom = useCustom('Calendar', overrideLocale),
-      locale = _useCustom.locale,
-      formatDate = _useCustom.formatDate;
-
+    locale = _useCustom.locale,
+    formatDate = _useCustom.formatDate;
   var thisMonthDate = DateUtils.setDate(date, 1);
-
   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({}, rest, {
     ref: ref,

package/esm/Calendar/CalendarContainer.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';
@@ -14,86 +15,80 @@ import useCalendarState, { CalendarState } from './useCalendarState';
 import AngleUpIcon from '@rsuite/icons/legacy/AngleUp';
 var CalendarContainer = /*#__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' : _props$classPrefix,
-      dateRange = props.dateRange,
-      disabledBackward = props.disabledBackward,
-      defaultState = props.defaultState,
-      disabledDate = props.disabledDate,
-      disabledForward = props.disabledForward,
-      format = props.format,
-      hoverRangeValue = props.hoverRangeValue,
-      _props$isoWeek = props.isoWeek,
-      isoWeek = _props$isoWeek === void 0 ? false : _props$isoWeek,
-      limitEndYear = props.limitEndYear,
-      limitStartYear = props.limitStartYear,
-      locale = props.locale,
-      onChangeMonth = props.onChangeMonth,
-      onChangeTime = props.onChangeTime,
-      onMouseMove = props.onMouseMove,
-      onMoveBackward = props.onMoveBackward,
-      onMoveForward = props.onMoveForward,
-      onSelect = props.onSelect,
-      onToggleMeridian = props.onToggleMeridian,
-      onToggleMonthDropdown = props.onToggleMonthDropdown,
-      onToggleTimeDropdown = props.onToggleTimeDropdown,
-      calendarDate = props.calendarDate,
-      cellClassName = props.cellClassName,
-      renderCell = props.renderCell,
-      renderTitle = props.renderTitle,
-      renderToolbar = props.renderToolbar,
-      showMeridian = props.showMeridian,
-      showWeekNumbers = props.showWeekNumbers,
-      inline = props.inline,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "dateRange", "disabledBackward", "defaultState", "disabledDate", "disabledForward", "format", "hoverRangeValue", "isoWeek", "limitEndYear", "limitStartYear", "locale", "onChangeMonth", "onChangeTime", "onMouseMove", "onMoveBackward", "onMoveForward", "onSelect", "onToggleMeridian", "onToggleMonthDropdown", "onToggleTimeDropdown", "calendarDate", "cellClassName", "renderCell", "renderTitle", "renderToolbar", "showMeridian", "showWeekNumbers", "inline"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'calendar' : _props$classPrefix,
+    dateRange = props.dateRange,
+    disabledBackward = props.disabledBackward,
+    defaultState = props.defaultState,
+    disabledDate = props.disabledDate,
+    disabledForward = props.disabledForward,
+    format = props.format,
+    hoverRangeValue = props.hoverRangeValue,
+    _props$isoWeek = props.isoWeek,
+    isoWeek = _props$isoWeek === void 0 ? false : _props$isoWeek,
+    limitEndYear = props.limitEndYear,
+    limitStartYear = props.limitStartYear,
+    locale = props.locale,
+    onChangeMonth = props.onChangeMonth,
+    onChangeTime = props.onChangeTime,
+    onMouseMove = props.onMouseMove,
+    onMoveBackward = props.onMoveBackward,
+    onMoveForward = props.onMoveForward,
+    onSelect = props.onSelect,
+    onToggleMeridian = props.onToggleMeridian,
+    onToggleMonthDropdown = props.onToggleMonthDropdown,
+    onToggleTimeDropdown = props.onToggleTimeDropdown,
+    calendarDate = props.calendarDate,
+    cellClassName = props.cellClassName,
+    renderCell = props.renderCell,
+    renderTitle = props.renderTitle,
+    renderToolbar = props.renderToolbar,
+    showMeridian = props.showMeridian,
+    showWeekNumbers = props.showWeekNumbers,
+    inline = props.inline,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "dateRange", "disabledBackward", "defaultState", "disabledDate", "disabledForward", "format", "hoverRangeValue", "isoWeek", "limitEndYear", "limitStartYear", "locale", "onChangeMonth", "onChangeTime", "onMouseMove", "onMoveBackward", "onMoveForward", "onSelect", "onToggleMeridian", "onToggleMonthDropdown", "onToggleTimeDropdown", "calendarDate", "cellClassName", "renderCell", "renderTitle", "renderToolbar", "showMeridian", "showWeekNumbers", "inline"]);
   var _useClassNames = useClassNames(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge,
-      prefix = _useClassNames.prefix;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge,
+    prefix = _useClassNames.prefix;
   var _useCalendarState = useCalendarState(defaultState),
-      calendarState = _useCalendarState.calendarState,
-      reset = _useCalendarState.reset,
-      openMonth = _useCalendarState.openMonth,
-      openTime = _useCalendarState.openTime;
-
+    calendarState = _useCalendarState.calendarState,
+    reset = _useCalendarState.reset,
+    openMonth = _useCalendarState.openMonth,
+    openTime = _useCalendarState.openTime;
   var isDisabledDate = useCallback(function (date) {
     var _disabledDate;
-
     return (_disabledDate = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date)) !== null && _disabledDate !== void 0 ? _disabledDate : false;
   }, [disabledDate]);
-
   var isTimeDisabled = function isTimeDisabled(date) {
     return disabledTime(props, date);
   };
-
   var handleMoveForward = useCallback(function () {
     onMoveForward === null || onMoveForward === void 0 ? void 0 : onMoveForward(addMonths(calendarDate, 1));
   }, [onMoveForward, calendarDate]);
   var handleMoveBackward = useCallback(function () {
     onMoveBackward === null || onMoveBackward === void 0 ? void 0 : onMoveBackward(addMonths(calendarDate, -1));
-  }, [onMoveBackward, calendarDate]); // It is displayed as the month to be selected.
+  }, [onMoveBackward, calendarDate]);
 
+  // It is displayed as the month to be selected.
   var toggleMonthView = useCallback(function () {
     if (calendarState === CalendarState.MONTH) {
       reset();
     } else {
       openMonth();
     }
-
     onToggleMonthDropdown === null || onToggleMonthDropdown === void 0 ? void 0 : onToggleMonthDropdown(calendarState !== CalendarState.MONTH);
-  }, [calendarState, onToggleMonthDropdown, openMonth, reset]); // It is displayed as a time to be selected.
+  }, [calendarState, onToggleMonthDropdown, openMonth, reset]);
 
+  // It is displayed as a time to be selected.
   var toggleTimeView = useCallback(function () {
     if (calendarState === CalendarState.TIME) {
       reset();
     } else {
       openTime();
     }
-
     onToggleTimeDropdown === null || onToggleTimeDropdown === void 0 ? void 0 : onToggleTimeDropdown(calendarState !== CalendarState.TIME);
   }, [calendarState, onToggleTimeDropdown, openTime, reset]);
   var handleCloseDropdown = useCallback(function () {

package/esm/Calendar/CalendarContext.js

@@ -1,3 +1,4 @@
+'use client';
 import React, { useContext } from 'react';
 var CalendarContext = /*#__PURE__*/React.createContext({});
 export default CalendarContext;

package/esm/Calendar/CalendarHeader.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';
@@ -12,77 +13,66 @@ import { useCalendarContext } from './CalendarContext';
 import { useDateRangePickerContext } from '../DateRangePicker/DateRangePickerContext';
 var CalendarHeader = /*#__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-header' : _props$classPrefix,
-      disabledBackward = props.disabledBackward,
-      disabledForward = props.disabledForward,
-      showDate = props.showDate,
-      showMeridian = props.showMeridian,
-      showMonth = props.showMonth,
-      showTime = props.showTime,
-      disabledTime = props.disabledTime,
-      onMoveBackward = props.onMoveBackward,
-      onMoveForward = props.onMoveForward,
-      onToggleMeridian = props.onToggleMeridian,
-      onToggleMonthDropdown = props.onToggleMonthDropdown,
-      onToggleTimeDropdown = props.onToggleTimeDropdown,
-      renderTitleProp = props.renderTitle,
-      renderToolbar = props.renderToolbar,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "disabledBackward", "disabledForward", "showDate", "showMeridian", "showMonth", "showTime", "disabledTime", "onMoveBackward", "onMoveForward", "onToggleMeridian", "onToggleMonthDropdown", "onToggleTimeDropdown", "renderTitle", "renderToolbar"]);
-
+    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,
+    showMeridian = props.showMeridian,
+    showMonth = props.showMonth,
+    showTime = props.showTime,
+    disabledTime = props.disabledTime,
+    onMoveBackward = props.onMoveBackward,
+    onMoveForward = props.onMoveForward,
+    onToggleMeridian = props.onToggleMeridian,
+    onToggleMonthDropdown = props.onToggleMonthDropdown,
+    onToggleTimeDropdown = props.onToggleTimeDropdown,
+    renderTitleProp = props.renderTitle,
+    renderToolbar = props.renderToolbar,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "disabledBackward", "disabledForward", "showDate", "showMeridian", "showMonth", "showTime", "disabledTime", "onMoveBackward", "onMoveForward", "onToggleMeridian", "onToggleMonthDropdown", "onToggleTimeDropdown", "renderTitle", "renderToolbar"]);
   var _useCalendarContext = useCalendarContext(),
-      locale = _useCalendarContext.locale,
-      _useCalendarContext$d = _useCalendarContext.date,
-      date = _useCalendarContext$d === void 0 ? new Date() : _useCalendarContext$d,
-      format = _useCalendarContext.format,
-      inline = _useCalendarContext.inline,
-      disabledDate = _useCalendarContext.disabledDate;
-
+    locale = _useCalendarContext.locale,
+    _useCalendarContext$d = _useCalendarContext.date,
+    date = _useCalendarContext$d === void 0 ? new Date() : _useCalendarContext$d,
+    format = _useCalendarContext.format,
+    inline = _useCalendarContext.inline,
+    disabledDate = _useCalendarContext.disabledDate;
   var _useDateRangePickerCo = useDateRangePickerContext(),
-      isSelectedIdle = _useDateRangePickerCo.isSelectedIdle;
-
+    isSelectedIdle = _useDateRangePickerCo.isSelectedIdle;
   var _useClassNames = useClassNames(classPrefix),
-      prefix = _useClassNames.prefix,
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge;
-
+    prefix = _useClassNames.prefix,
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
   var btnProps = {
     appearance: 'subtle',
     size: inline ? 'sm' : 'xs'
   };
   var getTimeFormat = useCallback(function () {
     var timeFormat = [];
-
     if (!format) {
       return '';
     }
-
     if (/([Hh])/.test(format)) {
       timeFormat.push(showMeridian ? 'hh' : 'HH');
     }
-
     if (/m/.test(format)) {
       timeFormat.push('mm');
     }
-
     if (/s/.test(format)) {
       timeFormat.push('ss');
     }
-
     return timeFormat.join(':');
   }, [format, showMeridian]);
   var getDateFormat = useCallback(function () {
     if (showMonth) {
       return (locale === null || locale === void 0 ? void 0 : locale.formattedMonthPattern) || 'yyyy-MM';
     }
-
     return 'yyyy';
   }, [locale, showMonth]);
   var renderTitle = useCallback(function () {
     var _renderTitleProp;
-
     return (_renderTitleProp = renderTitleProp === null || renderTitleProp === void 0 ? void 0 : renderTitleProp(date)) !== null && _renderTitleProp !== void 0 ? _renderTitleProp : date && /*#__PURE__*/React.createElement(FormattedDate, {
       date: date,
       formatStr: getDateFormat()
@@ -122,8 +112,9 @@ var CalendarHeader = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var 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).
+  }));
 
+  // If the date is not selected, the time cannot be selected (it only works in DateRangePicker).
   var disableSelectTime = typeof isSelectedIdle === 'undefined' ? false : !isSelectedIdle;
   return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: ref,