rsuite 5.59.1 → 5.59.3-alpha.1

package/cjs/FormControlLabel/FormControlLabel.js

@@ -1,37 +1,40 @@
 'use client';
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../utils");
-var _FormGroup = require("../FormGroup/FormGroup");
+var _FormGroup = require("../FormGroup");
 /**
  * The `<Form.ControlLabel>` component renders a label with required indicator, for form controls.
  * @see https://rsuitejs.com/components/form/
  */
 var FormControlLabel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _useFormGroup = (0, _FormGroup.useFormGroup)(),
+    labelId = _useFormGroup.labelId,
+    controlId = _useFormGroup.controlId;
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'label' : _props$as,
     _props$classPrefix = props.classPrefix,
     classPrefix = _props$classPrefix === void 0 ? 'form-control-label' : _props$classPrefix,
-    htmlFor = props.htmlFor,
+    _props$htmlFor = props.htmlFor,
+    htmlFor = _props$htmlFor === void 0 ? controlId : _props$htmlFor,
     className = props.className,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "htmlFor", "className"]);
-  var _useContext = (0, _react.useContext)(_FormGroup.FormGroupContext),
-    controlId = _useContext.controlId;
+    _props$id = props.id,
+    id = _props$id === void 0 ? labelId : _props$id,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "htmlFor", "className", "id"]);
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix());
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
-    id: controlId ? controlId + "-control-label" : null,
-    htmlFor: htmlFor || controlId
+    id: id,
+    htmlFor: htmlFor
   }, rest, {
     ref: ref,
     className: classes

package/cjs/FormErrorMessage/FormErrorMessage.js

@@ -34,10 +34,7 @@ var FormErrorMessage = /*#__PURE__*/_react.default.forwardRef(function (props, r
     merge = _useClassNames.merge;
   var classes = withClassPrefix('show');
   var wrapperClasses = merge(className, prefix('wrapper', (_prefix = {}, _prefix["placement-" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = placement, _prefix)));
-  if (!show) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
+  return show ? /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,
     className: wrapperClasses
   }), /*#__PURE__*/_react.default.createElement("span", {
@@ -46,7 +43,7 @@ var FormErrorMessage = /*#__PURE__*/_react.default.forwardRef(function (props, r
     className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["arrow"])))
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["inner"])))
-  }, children)));
+  }, children))) : null;
 });
 FormErrorMessage.displayName = 'FormErrorMessage';
 FormErrorMessage.propTypes = {

package/cjs/FormGroup/FormGroup.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
 export interface FormGroupProps extends WithAsProps {
     /**
@@ -7,9 +6,24 @@ export interface FormGroupProps extends WithAsProps {
      */
     controlId?: string;
 }
-export declare const FormGroupContext: React.Context<{
-    controlId?: string | undefined;
-}>;
+export declare const useFormGroup: (controlId?: string) => {
+    /**
+     * The `id` of the `<Form.Control>` component.
+     */
+    controlId: string;
+    /**
+     * The `id` of the `<Form.HelpText>` component.
+     */
+    helpTextId: string;
+    /**
+     * The `id` of the `<Form.ControlLabel>` component.
+     */
+    labelId: string;
+    /**
+     * The `id` of the `<Form.ErrorMessage>` component.
+     */
+    errorMessageId: string;
+};
 /**
  * The `<Form.Group>` component is the easiest way to add some structure to forms.
  * @see https://rsuitejs.com/components/form/

package/cjs/FormGroup/FormGroup.js

@@ -4,19 +4,45 @@
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.default = exports.FormGroupContext = void 0;
+exports.default = exports.useFormGroup = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../utils");
 var FormGroupContext = /*#__PURE__*/_react.default.createContext({});
+var useFormGroup = function useFormGroup(controlId) {
+  var context = _react.default.useContext(FormGroupContext);
+  var fallbackId = (0, _utils.useUniqueId)('rs-');
+  var id = controlId || context.controlId || fallbackId;
+  var helpTextId = id + "-help-text";
+  var labelId = id + "-label";
+  var errorMessageId = id + "-error-message";
+  return {
+    /**
+     * The `id` of the `<Form.Control>` component.
+     */
+    controlId: id,
+    /**
+     * The `id` of the `<Form.HelpText>` component.
+     */
+    helpTextId: helpTextId,
+    /**
+     * The `id` of the `<Form.ControlLabel>` component.
+     */
+    labelId: labelId,
+    /**
+     * The `id` of the `<Form.ErrorMessage>` component.
+     */
+    errorMessageId: errorMessageId
+  };
+};
 
 /**
  * The `<Form.Group>` component is the easiest way to add some structure to forms.
  * @see https://rsuitejs.com/components/form/
  */
-exports.FormGroupContext = FormGroupContext;
+exports.useFormGroup = useFormGroup;
 var FormGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,

package/cjs/FormGroup/index.d.ts

@@ -1,3 +1,4 @@
 import FormGroup from './FormGroup';
 export type { FormGroupProps } from './FormGroup';
+export { useFormGroup } from './FormGroup';
 export default FormGroup;

package/cjs/FormGroup/index.js

@@ -1,9 +1,10 @@
 'use client';
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 exports.__esModule = true;
-exports.default = void 0;
-var _FormGroup = _interopRequireDefault(require("./FormGroup"));
+exports.default = exports.useFormGroup = void 0;
+var _FormGroup = _interopRequireWildcard(require("./FormGroup"));
+exports.useFormGroup = _FormGroup.useFormGroup;
 var _default = _FormGroup.default;
 exports.default = _default;

package/cjs/FormHelpText/FormHelpText.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
-export interface FormHelpTextProps extends WithAsProps {
+export interface FormHelpTextProps extends WithAsProps, React.HTMLAttributes<HTMLSpanElement> {
     /** Whether to show through the Tooltip component */
     tooltip?: boolean;
 }

package/cjs/FormHelpText/FormHelpText.js

@@ -1,24 +1,25 @@
 'use client';
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
 var _Whisper = _interopRequireDefault(require("../Whisper"));
 var _utils = require("../utils");
-var _FormGroup = require("../FormGroup/FormGroup");
+var _FormGroup = require("../FormGroup");
 var _HelpO = _interopRequireDefault(require("@rsuite/icons/legacy/HelpO"));
 /**
  * The `<Form.HelpText>` component is used to display help information in the form.
  * @see https://rsuitejs.com/components/form/
  */
 var FormHelpText = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _useFormGroup = (0, _FormGroup.useFormGroup)(),
+    helpTextId = _useFormGroup.helpTextId;
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'span' : _props$as,
     _props$classPrefix = props.classPrefix,
@@ -26,9 +27,9 @@ var FormHelpText = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     className = props.className,
     tooltip = props.tooltip,
     children = props.children,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "tooltip", "children"]);
-  var _useContext = (0, _react.useContext)(_FormGroup.FormGroupContext),
-    controlId = _useContext.controlId;
+    _props$id = props.id,
+    id = _props$id === void 0 ? helpTextId : _props$id,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "tooltip", "children", "id"]);
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
@@ -39,13 +40,19 @@ var FormHelpText = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     return /*#__PURE__*/_react.default.createElement(_Whisper.default, {
       ref: ref,
       placement: "topEnd",
-      speaker: /*#__PURE__*/_react.default.createElement(_Tooltip.default, rest, children)
+      speaker: /*#__PURE__*/_react.default.createElement(_Tooltip.default, (0, _extends2.default)({
+        id: id
+      }, rest), children)
     }, /*#__PURE__*/_react.default.createElement(Component, {
+      role: "img",
+      "aria-label": "help",
       className: classes
-    }, /*#__PURE__*/_react.default.createElement(_HelpO.default, null)));
+    }, /*#__PURE__*/_react.default.createElement(_HelpO.default, {
+      "aria-hidden": true
+    })));
   }
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
-    id: controlId ? controlId + "-help-text" : null
+    id: id
   }, rest, {
     ref: ref,
     className: classes

package/cjs/Input/Input.js

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _FormGroup = require("../FormGroup/FormGroup");
+var _FormGroup = require("../FormGroup");
 var _InputGroup = require("../InputGroup/InputGroup");
 var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
 var _utils = require("../utils");
@@ -60,9 +60,8 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     plaintext: plaintext
   }));
   var inputGroupContext = (0, _react.useContext)(_InputGroup.InputGroupContext);
-  var formGroupContext = (0, _react.useContext)(_FormGroup.FormGroupContext);
-
-  // Make the Input component display in plain text,
+  var _useFormGroup = (0, _FormGroup.useFormGroup)(),
+    controlId = _useFormGroup.controlId; // Make the Input component display in plain text,
   // and display default characters when there is no value.
   if (plaintext) {
     return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {
@@ -83,7 +82,7 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     ref: (0, _utils.mergeRefs)(ref, inputRef),
     className: classes,
     type: type,
-    id: id || (formGroupContext === null || formGroupContext === void 0 ? void 0 : formGroupContext.controlId),
+    id: id || controlId,
     value: value,
     defaultValue: defaultValue,
     disabled: disabled,

package/cjs/utils/dateUtils.d.ts

@@ -43,28 +43,84 @@ export { default as set } from 'date-fns/set';
 export { default as differenceInCalendarMonths } from 'date-fns/differenceInCalendarMonths';
 export { default as isLastDayOfMonth } from 'date-fns/isLastDayOfMonth';
 export { default as lastDayOfMonth } from 'date-fns/lastDayOfMonth';
-export declare type CalendarOnlyPropsType = 'disabledHours' | 'disabledMinutes' | 'disabledSeconds' | 'hideHours' | 'hideMinutes' | 'hideSeconds';
-export declare const calendarOnlyProps: CalendarOnlyPropsType[];
+declare enum TimeProp {
+    DisabledHours = "disabledHours",
+    DisabledMinutes = "disabledMinutes",
+    DisabledSeconds = "disabledSeconds",
+    ShouldDisableHour = "shouldDisableHour",
+    ShouldDisableMinute = "shouldDisableMinute",
+    ShouldDisableSecond = "shouldDisableSecond",
+    HideHours = "hideHours",
+    HideMinutes = "hideMinutes",
+    HideSeconds = "hideSeconds"
+}
+export declare type CalendarOnlyPropsType = TimeProp;
+export declare const calendarOnlyProps: readonly [TimeProp.DisabledHours, TimeProp.DisabledMinutes, TimeProp.DisabledSeconds, TimeProp.HideHours, TimeProp.HideMinutes, TimeProp.HideSeconds];
+interface CalendarProps {
+    [TimeProp.DisabledHours]?: (hours: number, date: Date) => boolean;
+    [TimeProp.DisabledMinutes]?: (minutes: number, date: Date) => boolean;
+    [TimeProp.DisabledSeconds]?: (seconds: number, date: Date) => boolean;
+    [TimeProp.HideHours]?: (hours: number, date: Date) => boolean;
+    [TimeProp.HideMinutes]?: (minutes: number, date: Date) => boolean;
+    [TimeProp.HideSeconds]?: (seconds: number, date: Date) => boolean;
+}
 /**
  * Verify that the time is valid.
  *
- * @param props
- * @param date
+ * @param props - The calendar props.
+ * @param date - The date to check.
+ * @returns Whether the time is disabled.
+ */
+export declare function disableTime(props: CalendarProps, date: Date): boolean;
+/**
+ * Omit the calendar-only props from an object.
+ *
+ * @param props - The object to omit props from.
+ * @returns The object with calendar-only props omitted.
+ */
+export declare const omitHideDisabledProps: <T extends Record<string, any>>(props: T) => Partial<Omit<T, TimeProp>>;
+/**
+ * Check if the time should be rendered based on the format.
+ *
+ * @param format - The format string.
+ * @returns Whether the time should be rendered.
  */
-export declare function disabledTime(props: any, date: Date): boolean;
-export declare const omitHideDisabledProps: <T extends Record<string, any>>(props: T) => Partial<Omit<T, CalendarOnlyPropsType>>;
 export declare const shouldRenderTime: (format: string) => boolean;
+/**
+ * Check if the month should be rendered based on the format.
+ *
+ * @param format - The format string.
+ * @returns Whether the month should be rendered.
+ */
 export declare const shouldRenderMonth: (format: string) => boolean;
+/**
+ * Check if the date should be rendered based on the format.
+ *
+ * @param format - The format string.
+ * @returns Whether the date should be rendered.
+ */
 export declare const shouldRenderDate: (format: string) => boolean;
+/**
+ * Check if only the time should be rendered based on the format.
+ *
+ * @param format - The format string.
+ * @returns Whether only the time should be rendered.
+ */
 export declare const shouldOnlyRenderTime: (format: string) => boolean;
 /**
- * Get all weeks of this month
- * @params monthDate
- * @return date[]
+ * Get all weeks of a month.
+ *
+ * @param monthDate - The date of the month.
+ * @param isoWeek - Whether to use ISO week numbering.
+ * @returns An array of weeks in the month.
  */
 export declare function getMonthView(monthDate: Date, isoWeek: boolean): Date[];
 /**
- * Copy the time of one date to another
+ * Copy the time from one date to another.
+ *
+ * @param from - The source date.
+ * @param to - The target date.
+ * @returns The target date with the time copied from the source date.
  */
 export declare function copyTime({ from, to }: {
     from: Date;
@@ -72,9 +128,15 @@ export declare function copyTime({ from, to }: {
 }): Date;
 /**
  * Swap two dates without swapping the time.
+ *
+ * @param dateRange - The date range to reverse.
+ * @returns The reversed date range.
  */
 export declare function reverseDateRangeOmitTime(dateRange: [Date, Date]): [Date, Date];
 /**
  * Get the time with AM and PM reversed.
+ *
+ * @param date - The date to reverse the time meridian.
+ * @returns The date with the time meridian reversed.
  */
 export declare const getReversedTimeMeridian: (date: Date) => Date;

package/cjs/utils/dateUtils.js

@@ -3,7 +3,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.disabledTime = disabledTime;
+exports.disableTime = disableTime;
 exports.getMonthView = getMonthView;
 exports.copyTime = copyTime;
 exports.reverseDateRangeOmitTime = reverseDateRangeOmitTime;
@@ -100,67 +100,116 @@ var _isLastDayOfMonth = _interopRequireDefault(require("date-fns/isLastDayOfMont
 exports.isLastDayOfMonth = _isLastDayOfMonth.default;
 var _lastDayOfMonth = _interopRequireDefault(require("date-fns/lastDayOfMonth"));
 exports.lastDayOfMonth = _lastDayOfMonth.default;
-var disabledTimeProps = ['disabledHours', 'disabledMinutes', 'disabledSeconds'];
-var hideTimeProps = ['hideHours', 'hideMinutes', 'hideSeconds'];
-var calendarOnlyProps = disabledTimeProps.concat(hideTimeProps);
+var TimeProp;
+(function (TimeProp) {
+  TimeProp["DisabledHours"] = "disabledHours";
+  TimeProp["DisabledMinutes"] = "disabledMinutes";
+  TimeProp["DisabledSeconds"] = "disabledSeconds";
+  TimeProp["ShouldDisableHour"] = "shouldDisableHour";
+  TimeProp["ShouldDisableMinute"] = "shouldDisableMinute";
+  TimeProp["ShouldDisableSecond"] = "shouldDisableSecond";
+  TimeProp["HideHours"] = "hideHours";
+  TimeProp["HideMinutes"] = "hideMinutes";
+  TimeProp["HideSeconds"] = "hideSeconds";
+})(TimeProp || (TimeProp = {}));
+var calendarOnlyProps = [TimeProp.DisabledHours, TimeProp.DisabledMinutes, TimeProp.DisabledSeconds, TimeProp.HideHours, TimeProp.HideMinutes, TimeProp.HideSeconds];
 exports.calendarOnlyProps = calendarOnlyProps;
-function validTime(calendarProps, date) {
+var HOURS_PATTERN = /(Hours?)/;
+var MINUTES_PATTERN = /(Minutes?)/;
+var SECONDS_PATTERN = /(Seconds?)/;
+/**
+ * Verify that the time is valid.
+ *
+ * @param props - The calendar props.
+ * @param date - The date to check.
+ * @returns Whether the time is disabled.
+ */
+function disableTime(props, date) {
   if (!date) {
     return false;
   }
-  return Object.keys(calendarProps).some(function (key) {
-    if (/(Hours)/.test(key)) {
-      var _calendarProps$key;
-      return (_calendarProps$key = calendarProps[key]) === null || _calendarProps$key === void 0 ? void 0 : _calendarProps$key.call(calendarProps, (0, _getHours.default)(date), date);
+  var disabledTimeProps = [TimeProp.DisabledHours, TimeProp.DisabledMinutes, TimeProp.DisabledSeconds, TimeProp.ShouldDisableHour, TimeProp.ShouldDisableMinute, TimeProp.ShouldDisableSecond];
+  var calendarProps = (0, _pick.default)(props, disabledTimeProps);
+  var mapProps = new Map(Object.entries(calendarProps));
+  return Array.from(mapProps.keys()).some(function (key) {
+    if (HOURS_PATTERN.test(key)) {
+      var _mapProps$get;
+      return (_mapProps$get = mapProps.get(key)) === null || _mapProps$get === void 0 ? void 0 : _mapProps$get((0, _getHours.default)(date), date);
     }
-    if (/(Minutes)/.test(key)) {
-      var _calendarProps$key2;
-      return (_calendarProps$key2 = calendarProps[key]) === null || _calendarProps$key2 === void 0 ? void 0 : _calendarProps$key2.call(calendarProps, (0, _getMinutes.default)(date), date);
+    if (MINUTES_PATTERN.test(key)) {
+      var _mapProps$get2;
+      return (_mapProps$get2 = mapProps.get(key)) === null || _mapProps$get2 === void 0 ? void 0 : _mapProps$get2((0, _getMinutes.default)(date), date);
     }
-    if (/(Seconds)/.test(key)) {
-      var _calendarProps$key3;
-      return (_calendarProps$key3 = calendarProps[key]) === null || _calendarProps$key3 === void 0 ? void 0 : _calendarProps$key3.call(calendarProps, (0, _getSeconds.default)(date), date);
+    if (SECONDS_PATTERN.test(key)) {
+      var _mapProps$get3;
+      return (_mapProps$get3 = mapProps.get(key)) === null || _mapProps$get3 === void 0 ? void 0 : _mapProps$get3((0, _getSeconds.default)(date), date);
     }
     return false;
   });
 }
 
 /**
- * Verify that the time is valid.
+ * Omit the calendar-only props from an object.
  *
- * @param props
- * @param date
+ * @param props - The object to omit props from.
+ * @returns The object with calendar-only props omitted.
  */
-function disabledTime(props, date) {
-  var calendarProps = (0, _pick.default)(props, disabledTimeProps);
-  return validTime(calendarProps, date);
-}
 var omitHideDisabledProps = function omitHideDisabledProps(props) {
   return (0, _omitBy.default)(props, function (_val, key) {
-    return key.startsWith('disabled') || key.startsWith('hide');
+    return key.startsWith('disabled') || key.startsWith('hide') || key.startsWith('shouldDisable');
   });
 };
+
+/**
+ * Check if the time should be rendered based on the format.
+ *
+ * @param format - The format string.
+ * @returns Whether the time should be rendered.
+ */
 exports.omitHideDisabledProps = omitHideDisabledProps;
 var shouldRenderTime = function shouldRenderTime(format) {
   return /([Hhms])/.test(format);
 };
+
+/**
+ * Check if the month should be rendered based on the format.
+ *
+ * @param format - The format string.
+ * @returns Whether the month should be rendered.
+ */
 exports.shouldRenderTime = shouldRenderTime;
 var shouldRenderMonth = function shouldRenderMonth(format) {
   return /[Yy]/.test(format) && /[ML]/.test(format);
 };
+
+/**
+ * Check if the date should be rendered based on the format.
+ *
+ * @param format - The format string.
+ * @returns Whether the date should be rendered.
+ */
 exports.shouldRenderMonth = shouldRenderMonth;
 var shouldRenderDate = function shouldRenderDate(format) {
   return /[Yy]/.test(format) && /[ML]/.test(format) && /[Dd]/.test(format);
-}; // for date-fns v1 and v2
+};
+
+/**
+ * Check if only the time should be rendered based on the format.
+ *
+ * @param format - The format string.
+ * @returns Whether only the time should be rendered.
+ */
 exports.shouldRenderDate = shouldRenderDate;
 var shouldOnlyRenderTime = function shouldOnlyRenderTime(format) {
   return /([Hhms])/.test(format) && !/([YyMDd])/.test(format);
-}; // for date-fns v1 and v2
+};
 
 /**
- * Get all weeks of this month
- * @params monthDate
- * @return date[]
+ * Get all weeks of a month.
+ *
+ * @param monthDate - The date of the month.
+ * @param isoWeek - Whether to use ISO week numbering.
+ * @returns An array of weeks in the month.
  */
 exports.shouldOnlyRenderTime = shouldOnlyRenderTime;
 function getMonthView(monthDate, isoWeek) {
@@ -184,7 +233,11 @@ function getMonthView(monthDate, isoWeek) {
 }
 
 /**
- * Copy the time of one date to another
+ * Copy the time from one date to another.
+ *
+ * @param from - The source date.
+ * @param to - The target date.
+ * @returns The target date with the time copied from the source date.
  */
 function copyTime(_ref) {
   var from = _ref.from,
@@ -201,6 +254,9 @@ function copyTime(_ref) {
 
 /**
  * Swap two dates without swapping the time.
+ *
+ * @param dateRange - The date range to reverse.
+ * @returns The reversed date range.
  */
 function reverseDateRangeOmitTime(dateRange) {
   var start = dateRange[0],
@@ -219,6 +275,9 @@ function reverseDateRangeOmitTime(dateRange) {
 
 /**
  * Get the time with AM and PM reversed.
+ *
+ * @param date - The date to reverse the time meridian.
+ * @returns The date with the time meridian reversed.
  */
 var getReversedTimeMeridian = function getReversedTimeMeridian(date) {
   var clonedDate = new Date(date.valueOf());

package/dist/rsuite-no-reset-rtl.css

@@ -4680,6 +4680,33 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   border-bottom: 1px solid #e5e5ea;
   border-bottom: 1px solid var(--rs-border-primary);
 }
+.rs-picker-daterange-header .rs-picker-header-date:focus {
+  background-color: transparent;
+}
+.rs-picker-daterange-header.rs-picker-tab-active-end,
+.rs-picker-daterange-header.rs-picker-tab-active-start {
+  position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
+}
+.rs-picker-daterange-header.rs-picker-tab-active-end::after,
+.rs-picker-daterange-header.rs-picker-tab-active-start::after {
+  content: ' ';
+  position: absolute;
+  width: 50%;
+  bottom: -1px;
+  border-bottom: 2px solid #3498ff;
+  right: 0;
+}
+.rs-picker-daterange-header.rs-picker-tab-active-end::after {
+  right: 50%;
+}
 .rs-picker-daterange-calendar-group {
   height: 274px;
   min-width: 492px;