rsuite 5.59.0 → 5.59.2

package/AvatarGroup/styles/index.css

@@ -20,6 +20,8 @@
   -webkit-box-align: end;
       -ms-flex-align: end;
           align-items: flex-end;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
 }
 .rs-avatar-group-stack .rs-avatar {
   -webkit-box-sizing: content-box;

package/AvatarGroup/styles/index.less

@@ -4,6 +4,8 @@
 .rs-avatar-group {
   display: flex;
   align-items: flex-end;
+  flex-wrap: wrap;
+
   &-stack {
     .rs-avatar {
       box-sizing: content-box;

package/CHANGELOG.md

@@ -1,3 +1,29 @@
+## [5.59.2](https://github.com/rsuite/rsuite/compare/v5.59.1...v5.59.2) (2024-04-19)
+
+
+### Bug Fixes
+
+* **DatePicker:** fix disabled date and month can be selected ([#3747](https://github.com/rsuite/rsuite/issues/3747)) ([c3d8765](https://github.com/rsuite/rsuite/commit/c3d87651ba6ad5f62ec620fb842a4fdc0315fb3e))
+* **DateRangePicker:** fix `oneTap` not working when there is a default value ([#3745](https://github.com/rsuite/rsuite/issues/3745)) ([478894e](https://github.com/rsuite/rsuite/commit/478894e8a48716f9f143e8ed10ef20bbcbff7bc1))
+* **DateRangePicker:** fix the end time cannot be changed when only one calendar is displayed ([#3743](https://github.com/rsuite/rsuite/issues/3743)) ([a5affd9](https://github.com/rsuite/rsuite/commit/a5affd90dd85e881874097ff1a67f66ce8693fbb))
+* **Form:** fix `nestedField` will auto trigger validation for other sibling fields ([#3741](https://github.com/rsuite/rsuite/issues/3741)) ([dbe1ae2](https://github.com/rsuite/rsuite/commit/dbe1ae240f04bbbcdade501f236055ae755d5bbb))
+
+
+
+## [5.59.1](https://github.com/rsuite/rsuite/compare/v5.59.0...v5.59.1) (2024-04-12)
+
+
+### Bug Fixes
+
+* **AvatarGroup:** fix avatar deformation in group ([#3727](https://github.com/rsuite/rsuite/issues/3727)) ([466e428](https://github.com/rsuite/rsuite/commit/466e4285d794f081f90e79fc28e8f57783c438c1))
+* **Checkbox:** fix Checkbox not clickable in Firefox ([#3728](https://github.com/rsuite/rsuite/issues/3728)) ([2fc23aa](https://github.com/rsuite/rsuite/commit/2fc23aa841532f4340f5bef9a7a70009b912a4b9))
+* **docs:** typo on Form name ([#3723](https://github.com/rsuite/rsuite/issues/3723)) ([8f328e1](https://github.com/rsuite/rsuite/commit/8f328e10e16cbe978aa6737baefa67ca2b4f6867))
+* **Placeholder:** fix Placeholder SSR and CSR mismatch ([#3735](https://github.com/rsuite/rsuite/issues/3735)) ([8a9c8bd](https://github.com/rsuite/rsuite/commit/8a9c8bd81003b54f930e3dfd4f99356db44f125f))
+* **Sidenav:** fix secondary menu cannot expand ([#3732](https://github.com/rsuite/rsuite/issues/3732)) ([d680fa3](https://github.com/rsuite/rsuite/commit/d680fa3b7b498c72148ccff95b5ea1ad10ad7382))
+* remove debug code ([#3720](https://github.com/rsuite/rsuite/issues/3720)) ([637b8dc](https://github.com/rsuite/rsuite/commit/637b8dc6bb19a6775eda692534282a0dce1ebfbc))
+
+
+
 # [5.59.0](https://github.com/rsuite/rsuite/compare/v5.58.1...v5.59.0) (2024-04-03)
 
 

package/CheckPicker/styles/index.css

@@ -456,6 +456,8 @@
   right: -10px;
   bottom: -10px;
   left: -10px;
+  min-width: 36px;
+  min-height: 36px;
 }
 .rs-checkbox-control::before,
 .rs-checkbox-control .rs-checkbox-inner::before,

package/CheckTree/styles/index.css

@@ -3173,6 +3173,8 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: -10px;
   bottom: -10px;
   left: -10px;
+  min-width: 36px;
+  min-height: 36px;
 }
 .rs-checkbox-control::before,
 .rs-checkbox-control .rs-checkbox-inner::before,

package/CheckTreePicker/styles/index.css

@@ -3173,6 +3173,8 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: -10px;
   bottom: -10px;
   left: -10px;
+  min-width: 36px;
+  min-height: 36px;
 }
 .rs-checkbox-control::before,
 .rs-checkbox-control .rs-checkbox-inner::before,

package/Checkbox/styles/index.css

@@ -207,6 +207,8 @@
   right: -10px;
   bottom: -10px;
   left: -10px;
+  min-width: 36px;
+  min-height: 36px;
 }
 .rs-checkbox-control::before,
 .rs-checkbox-control .rs-checkbox-inner::before,

package/Checkbox/styles/index.less

@@ -86,6 +86,8 @@
     right: -@checkbox-sense-width;
     bottom: -@checkbox-sense-width;
     left: -@checkbox-sense-width;
+    min-width: 36px;
+    min-height: 36px;
   }
 
   &::before,

package/DateRangePicker/styles/index.css

@@ -4035,6 +4035,33 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   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;
+  left: 0;
+}
+.rs-picker-daterange-header.rs-picker-tab-active-end::after {
+  left: 50%;
+}
 .rs-picker-daterange-calendar-group {
   height: 274px;
   min-width: 492px;

package/DateRangePicker/styles/index.less

@@ -86,6 +86,33 @@
   font-size: @date-range-picker-header-font-size;
   line-height: @date-range-picker-header-line-height;
   border-bottom: 1px solid var(--rs-border-primary);
+
+  .rs-picker-header-date:focus {
+    background-color: transparent;
+  }
+
+  &.rs-picker-tab-active-end,
+  &.rs-picker-tab-active-start {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+
+    &::after {
+      content: ' ';
+      position: absolute;
+      width: 50%;
+      bottom: -1px;
+      border-bottom: 2px solid #3498ff;
+      left: 0;
+    }
+  }
+
+  &.rs-picker-tab-active-end {
+    &::after {
+      left: 50%;
+    }
+  }
 }
 
 // Calendar group

package/MultiCascadeTree/styles/index.css

@@ -3367,6 +3367,8 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: -10px;
   bottom: -10px;
   left: -10px;
+  min-width: 36px;
+  min-height: 36px;
 }
 .rs-checkbox-control::before,
 .rs-checkbox-control .rs-checkbox-inner::before,

package/MultiCascader/styles/index.css

@@ -3385,6 +3385,8 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: -10px;
   bottom: -10px;
   left: -10px;
+  min-width: 36px;
+  min-height: 36px;
 }
 .rs-checkbox-control::before,
 .rs-checkbox-control .rs-checkbox-inner::before,

package/Placeholder/styles/index.css

@@ -119,12 +119,40 @@
   background: var(--rs-bg-card);
   position: absolute;
 }
-.rs-placeholder-paragraph-rows {
+.rs-placeholder-paragraph-group {
   width: 100%;
 }
-.rs-placeholder-paragraph-rows > p {
+.rs-placeholder-paragraph .rs-placeholder-row:nth-child(9) {
+  width: 75%;
+}
+.rs-placeholder-paragraph .rs-placeholder-row:nth-child(8) {
+  width: 60%;
+}
+.rs-placeholder-paragraph .rs-placeholder-row:nth-child(7) {
+  width: 85%;
+}
+.rs-placeholder-paragraph .rs-placeholder-row:nth-child(6) {
+  width: 70%;
+}
+.rs-placeholder-paragraph .rs-placeholder-row:nth-child(5) {
+  width: 90%;
+}
+.rs-placeholder-paragraph .rs-placeholder-row:nth-child(4) {
+  width: 65%;
+}
+.rs-placeholder-paragraph .rs-placeholder-row:nth-child(3) {
+  width: 80%;
+}
+.rs-placeholder-paragraph .rs-placeholder-row:nth-child(2) {
+  width: 50%;
+}
+.rs-placeholder-paragraph .rs-placeholder-row:nth-child(1) {
+  width: 100%;
+}
+.rs-placeholder-row {
   background-color: #f2f2f5;
   background-color: var(--rs-placeholder);
+  width: 100%;
 }
 .rs-placeholder-grid-col {
   -webkit-box-flex: 1;
@@ -141,15 +169,23 @@
       -ms-flex-align: end;
           align-items: flex-end;
 }
-.rs-placeholder-grid-col > p {
-  background-color: #f2f2f5;
-  background-color: var(--rs-placeholder);
-}
 .rs-placeholder-grid-col:first-child {
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
 }
+.rs-placeholder-grid-col .rs-placeholder-row {
+  width: 30%;
+}
+.rs-placeholder-grid-col .rs-placeholder-row:nth-child(3) {
+  width: 35%;
+}
+.rs-placeholder-grid-col .rs-placeholder-row:nth-child(2) {
+  width: 25%;
+}
+.rs-placeholder-grid-col .rs-placeholder-row:nth-child(1) {
+  width: 50%;
+}
 .rs-placeholder-graph {
   display: inline-block;
   width: 100%;

package/Placeholder/styles/index.less

@@ -1,4 +1,5 @@
-@import '../../styles/common';
+@import '../../styles/common.less';
+@import './mixin.less';
 
 //
 // Placeholder
@@ -67,15 +68,21 @@
       }
     }
 
-    &-rows {
+    &-group {
       width: 100%;
+    }
 
-      & > p {
-        background-color: var(--rs-placeholder);
-      }
+    .rs-placeholder-row {
+      @widths: 100% 50% 80% 65% 90% 70% 85% 60% 75%;
+      .generate-row-width(@widths, length(@widths));
     }
   }
 
+  &-row {
+    background-color: var(--rs-placeholder);
+    width: 100%;
+  }
+
   &-grid {
     &-col {
       flex: 1;
@@ -83,13 +90,15 @@
       flex-direction: column;
       align-items: flex-end;
 
-      & > p {
-        background-color: var(--rs-placeholder);
-      }
-
       &:first-child {
         align-items: flex-start; //first col align left
       }
+
+      .rs-placeholder-row {
+        width: 30%;
+        @widths: 50% 25% 35%;
+        .generate-row-width(@widths, length(@widths));
+      }
     }
   }
 

package/Placeholder/styles/mixin.less

@@ -0,0 +1,7 @@
+.generate-row-width(@widths, @n) when (@n > 0) {
+  &:nth-child(@{n}) {
+    width: extract(@widths, @n);
+  }
+
+  .generate-row-width(@widths, @n - 1);
+}

package/Sidenav/styles/index.css

@@ -154,6 +154,9 @@
   -webkit-transition: none;
   transition: none;
 }
+.rs-sidenav-nav .rs-dropdown-item {
+  display: block;
+}
 .rs-sidenav-nav > .rs-sidenav-item,
 .rs-sidenav-nav > .rs-dropdown {
   margin: 0 !important;

package/Sidenav/styles/index.less

@@ -34,6 +34,10 @@
     });
   }
 
+  .rs-dropdown-item {
+    display: block;
+  }
+
   > .rs-sidenav-item,
   > .rs-dropdown {
     margin: 0 !important;

package/TagInput/styles/index.css

@@ -469,6 +469,8 @@
   right: -10px;
   bottom: -10px;
   left: -10px;
+  min-width: 36px;
+  min-height: 36px;
 }
 .rs-checkbox-control::before,
 .rs-checkbox-control .rs-checkbox-inner::before,

package/TagPicker/styles/index.css

@@ -469,6 +469,8 @@
   right: -10px;
   bottom: -10px;
   left: -10px;
+  min-width: 36px;
+  min-height: 36px;
 }
 .rs-checkbox-control::before,
 .rs-checkbox-control .rs-checkbox-inner::before,

package/cjs/@types/common.d.ts

@@ -134,7 +134,7 @@ export declare namespace TypeAttributes {
     type Placement8 = 'bottomStart' | 'bottomEnd' | 'topStart' | 'topEnd' | 'leftStart' | 'rightStart' | 'leftEnd' | 'rightEnd';
     type PlacementAuto = 'auto' | 'autoVertical' | 'autoVerticalStart' | 'autoVerticalEnd' | 'autoHorizontal' | 'autoHorizontalStart' | 'autoHorizontalEnd';
     type Placement = Placement4 | Placement8 | PlacementAuto;
-    type CheckTrigger = 'change' | 'blur' | 'none';
+    type CheckTrigger = 'change' | 'blur' | 'none' | null;
 }
 export interface SVGIcon {
     viewBox: string;

package/cjs/Avatar/Avatar.js

@@ -6,7 +6,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 exports.__esModule = true;
 exports.default = void 0;
 var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _extends3 = _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"));
@@ -21,8 +21,10 @@ var _templateObject, _templateObject2;
  * @see https://rsuitejs.com/components/avatar
  */
 var Avatar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _extends2;
   var _useContext = (0, _react.useContext)(_AvatarGroup.AvatarGroupContext),
-    groupSize = _useContext.size;
+    groupSize = _useContext.size,
+    spacing = _useContext.spacing;
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
     bordered = props.bordered,
@@ -38,9 +40,10 @@ var Avatar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     src = props.src,
     srcSet = props.srcSet,
     sizes = props.sizes,
+    style = props.style,
     imgProps = props.imgProps,
     onError = props.onError,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "bordered", "alt", "className", "children", "circle", "color", "classPrefix", "size", "src", "srcSet", "sizes", "imgProps", "onError"]);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "bordered", "alt", "className", "children", "circle", "color", "classPrefix", "size", "src", "srcSet", "sizes", "style", "imgProps", "onError"]);
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix,
@@ -49,16 +52,18 @@ var Avatar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     circle: circle,
     bordered: bordered
   }));
-  var imageProps = (0, _extends2.default)({}, imgProps, {
+  var imageProps = (0, _extends3.default)({}, imgProps, {
     alt: alt,
     src: src,
     srcSet: srcSet,
     sizes: sizes
   });
-  var _useImage = (0, _useImage2.default)((0, _extends2.default)({}, imageProps, {
+  var _useImage = (0, _useImage2.default)((0, _extends3.default)({}, imageProps, {
       onError: onError
     })),
     loaded = _useImage.loaded;
+  var _useCustom = (0, _utils.useCustom)('Avatar'),
+    rtl = _useCustom.rtl;
   var altComponent = (0, _react.useMemo)(function () {
     if (alt) {
       return /*#__PURE__*/_react.default.createElement("span", {
@@ -71,12 +76,15 @@ var Avatar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var placeholder = children || altComponent || /*#__PURE__*/_react.default.createElement(_AvatarIcon.default, {
     className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["icon"])))
   });
-  var image = loaded ? /*#__PURE__*/_react.default.createElement("img", (0, _extends2.default)({}, imageProps, {
+  var image = loaded ? /*#__PURE__*/_react.default.createElement("img", (0, _extends3.default)({}, imageProps, {
     className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["image"])))
   })) : placeholder;
-  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
+  var margin = rtl ? 'marginLeft' : 'marginRight';
+  var insertStyles = (0, _utils.isIE)() && spacing ? (0, _extends3.default)((_extends2 = {}, _extends2[margin] = spacing, _extends2), style) : style;
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends3.default)({}, rest, {
     ref: ref,
-    className: classes
+    className: classes,
+    style: insertStyles
   }), src ? image : placeholder);
 });
 Avatar.displayName = 'Avatar';

package/cjs/Avatar/useImage.js

@@ -65,7 +65,6 @@ var useImage = function useImage(props) {
   (0, _react.useEffect)(function () {
     return flush;
   }, []);
-  console.log('status', status);
   return {
     loaded: status === 'loaded',
     status: status

package/cjs/AvatarGroup/AvatarGroup.d.ts

@@ -18,6 +18,7 @@ export interface AvatarGroupProps extends WithAsProps {
 }
 export declare const AvatarGroupContext: React.Context<{
     size?: Size | undefined;
+    spacing?: number | undefined;
 }>;
 /**
  * The AvatarGroup component is used to represent a collection of avatars.

package/cjs/AvatarGroup/AvatarGroup.js

@@ -5,7 +5,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = exports.AvatarGroupContext = void 0;
-var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+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"));
@@ -28,9 +28,8 @@ var AvatarGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     children = props.children,
     stack = props.stack,
     size = props.size,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "spacing", "className", "children", "stack", "size"]);
-  var _useCustom = (0, _utils.useCustom)('AvatarGroup'),
-    rtl = _useCustom.rtl;
+    style = props.style,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "spacing", "className", "children", "stack", "size", "style"]);
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
@@ -42,17 +41,18 @@ var AvatarGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       size: size
     };
   }, [size]);
-  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends3.default)({}, rest, {
+  var styles = (0, _utils.isIE)() ? style : (0, _extends2.default)({}, style, {
+    gap: spacing
+  });
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+    role: "group"
+  }, rest, {
     ref: ref,
-    className: classes
+    className: classes,
+    style: styles
   }), /*#__PURE__*/_react.default.createElement(AvatarGroupContext.Provider, {
     value: contextValue
-  }, spacing ? _react.default.Children.map(children, function (child) {
-    var _extends2;
-    return /*#__PURE__*/_react.default.cloneElement(child, {
-      style: (0, _extends3.default)((_extends2 = {}, _extends2[rtl ? 'marginLeft' : 'marginRight'] = spacing, _extends2), child.props.style)
-    });
-  }) : children));
+  }, children));
 });
 AvatarGroup.displayName = 'AvatarGroup';
 AvatarGroup.propTypes = {

package/cjs/Calendar/CalendarContainer.js

@@ -69,12 +69,12 @@ var CalendarContainer = /*#__PURE__*/_react.default.forwardRef(function (props,
   var calendarDate = (0, _react.useMemo)(function () {
     return (0, _dateUtils.isValid)(calendarDateProp) ? calendarDateProp : new Date();
   }, [calendarDateProp]);
-  var isDisabledDate = (0, _utils.useEventCallback)(function (date) {
+  var isDateDisabled = (0, _utils.useEventCallback)(function (date) {
     var _disabledDate;
     return (_disabledDate = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date)) !== null && _disabledDate !== void 0 ? _disabledDate : false;
   });
   var isTimeDisabled = function isTimeDisabled(date) {
-    return (0, _dateUtils.disabledTime)(props, date);
+    return (0, _dateUtils.disableTime)(props, date);
   };
   var handleMoveForward = (0, _utils.useEventCallback)(function () {
     onMoveForward === null || onMoveForward === void 0 ? void 0 : onMoveForward((0, _dateUtils.addMonths)(calendarDate, 1));
@@ -128,7 +128,7 @@ var CalendarContainer = /*#__PURE__*/_react.default.forwardRef(function (props,
   var contextValue = {
     date: calendarDate,
     dateRange: dateRange,
-    disabledDate: isDisabledDate,
+    disabledDate: isDateDisabled,
     format: format,
     hoverRangeValue: hoverRangeValue,
     inSameMonth: inSameThisMonthDate,
@@ -171,7 +171,7 @@ var CalendarContainer = /*#__PURE__*/_react.default.forwardRef(function (props,
     show: showMonth,
     limitEndYear: limitEndYear,
     limitStartYear: limitStartYear,
-    disabledMonth: isDisabledDate
+    disabledMonth: isDateDisabled
   }), renderTime && /*#__PURE__*/_react.default.createElement(_TimeDropdown.default, (0, _extends2.default)({}, timeDropdownProps, {
     show: showTime,
     showMeridian: showMeridian

package/cjs/Checkbox/Checkbox.js

@@ -137,7 +137,7 @@ var Checkbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   })), /*#__PURE__*/_react.default.createElement("span", {
     className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["inner"]))),
     "aria-hidden": true,
-    role: "presentation"
+    "data-testid": "checkbox-control-inner"
   }));
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, restProps, {
     ref: ref,

package/cjs/DatePicker/DatePicker.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { RangeType } from './Toolbar';
 import { DatePickerLocale } from '../locales';
-import { FormControlBaseProps, PickerBaseProps, RsRefForwardingComponent } from '../@types/common';
-export type { RangeType } from './Toolbar';
-export interface DatePickerProps extends PickerBaseProps<DatePickerLocale>, FormControlBaseProps<Date | null> {
+import type { FormControlBaseProps, PickerBaseProps, RsRefForwardingComponent } from '../@types/common';
+import type { DeprecatedProps } from './types';
+export interface DatePickerProps extends PickerBaseProps<DatePickerLocale>, FormControlBaseProps<Date | null>, DeprecatedProps {
     /** Custom caret component */
     caretAs?: React.ElementType | null;
     /** Calendar panel default presentation date and time */
@@ -14,12 +14,6 @@ export interface DatePickerProps extends PickerBaseProps<DatePickerLocale>, Form
     editable?: boolean;
     /** Format date */
     format?: string;
-    /**
-     * Display date panel when component initial
-     *
-     * @deprecated use <Calendar> instead
-     **/
-    inline?: boolean;
     /**
      * ISO 8601 standard, each calendar week begins on Monday and Sunday on the seventh day
      *
@@ -46,31 +40,6 @@ export interface DatePickerProps extends PickerBaseProps<DatePickerLocale>, Form
     showWeekNumbers?: boolean;
     /** Meridian format */
     showMeridian?: boolean;
-    /**
-     * Whether to disable a date on the calendar view
-     *
-     * @returns date should be disabled (not selectable)
-     * @deprecated Use {@link shouldDisableDate} instead
-     */
-    disabledDate?: (date?: Date) => boolean;
-    /**
-     * Disabled hours
-     *
-     * @deprecated Use {@link shouldDisableHour} instead
-     */
-    disabledHours?: (hour: number, date: Date) => boolean;
-    /**
-     * Disabled minutes
-     *
-     * @deprecated Use {@link shouldDisableMinute} instead
-     */
-    disabledMinutes?: (minute: number, date: Date) => boolean;
-    /**
-     * Disabled seconds
-     *
-     * @deprecated Use {@link shouldDisableSecond} instead
-     */
-    disabledSeconds?: (second: number, date: Date) => boolean;
     /**
      * Whether a date on the calendar view should be disabled
      *
@@ -113,10 +82,6 @@ export interface DatePickerProps extends PickerBaseProps<DatePickerLocale>, Form
     onShortcutClick?: (range: RangeType<Date>, event: React.MouseEvent) => void;
     /** Called when clean */
     onClean?: (event: React.MouseEvent) => void;
-    /**
-     * @deprecated
-     */
-    renderValue?: (value: Date, format: string) => string;
     /**
      * Custom rendering calendar cell content.
      *