rsuite 6.1.2 → 6.2.0

package/CHANGELOG.md

@@ -1,3 +1,30 @@
+# [6.2.0](https://github.com/rsuite/rsuite/compare/v6.1.3...v6.2.0) (2026-06-12)
+
+
+### Bug Fixes
+
+* **CheckTreePicker,CheckTree:** fix infinite loop with cascade and defaultExpandAll ([#4579](https://github.com/rsuite/rsuite/issues/4579)) ([fc86644](https://github.com/rsuite/rsuite/commit/fc86644b595809c83f4aa453f7a5e07d00367522)), closes [#3973](https://github.com/rsuite/rsuite/issues/3973) [#3973](https://github.com/rsuite/rsuite/issues/3973) [#4541](https://github.com/rsuite/rsuite/issues/4541) [#4404](https://github.com/rsuite/rsuite/issues/4404) [#4424](https://github.com/rsuite/rsuite/issues/4424)
+* **toaster:** prevent duplicate containers when push() is called synchronously in a loop ([#4571](https://github.com/rsuite/rsuite/issues/4571)) ([c507f5f](https://github.com/rsuite/rsuite/commit/c507f5f59a726dc25dce65ab37fad484563e502d))
+* **Uploader:** prevent horizontal overflow and width increase ([#4580](https://github.com/rsuite/rsuite/issues/4580)) ([e064f4c](https://github.com/rsuite/rsuite/commit/e064f4cc27959f94d3354a9177a8ae0a9ad71460)), closes [#4536](https://github.com/rsuite/rsuite/issues/4536)
+
+
+### Features
+
+* **Form:** add `resolver` prop for third-party validation library integration ([#4573](https://github.com/rsuite/rsuite/issues/4573)) ([4a9ff7b](https://github.com/rsuite/rsuite/commit/4a9ff7bef3979764fcf3b12e869ccbf5bf61c3bd))
+* **Timeline:** add `reverse` prop to display items in reverse order ([#4569](https://github.com/rsuite/rsuite/issues/4569)) ([a0dd1f4](https://github.com/rsuite/rsuite/commit/a0dd1f4307756f283c05157cd05f8ea6f7885c36))
+* **Uploader:** add `onCompletion` callback prop ([#4570](https://github.com/rsuite/rsuite/issues/4570)) ([7eb0748](https://github.com/rsuite/rsuite/commit/7eb0748f78d36e1f34ac940b4fac3b6c20bf1a52)), closes [#813](https://github.com/rsuite/rsuite/issues/813)
+
+
+
+## [6.1.3](https://github.com/rsuite/rsuite/compare/v6.1.2...v6.1.3) (2026-04-22)
+
+
+### Bug Fixes
+
+* **TimeDropdown:** guard +12 hour offset on showMeridiem in 24h mode ([#4566](https://github.com/rsuite/rsuite/issues/4566)) ([338828f](https://github.com/rsuite/rsuite/commit/338828fd5096477e3b7ed0c6cbebf71d142a17ca)), closes [#4526](https://github.com/rsuite/rsuite/issues/4526)
+
+
+
 ## [6.1.2](https://github.com/rsuite/rsuite/compare/v6.1.1...v6.1.2) (2026-01-28)
 
 

package/Timeline/styles/index.css

@@ -145,6 +145,17 @@
   height:auto;
   min-height:var(--rs-time-line-tail-min-height);
 }
+.rs-timeline-reverse.rs-timeline-endless .rs-timeline-item:first-child .rs-timeline-item-tail{
+  top:0;
+  bottom:0;
+  height:auto;
+}
+
+.rs-timeline-reverse.rs-timeline-endless .rs-timeline-item:last-child .rs-timeline-item-tail{
+  height:calc(var(--rs-time-line-dot-center-gap) + var(--rs-time-line-dot-side-length));
+  min-height:0;
+}
+
 .rs-timeline-item:only-child .rs-timeline-item-tail{
   display:none;
 }

package/Timeline/styles/index.scss

@@ -8,6 +8,8 @@
 // --------------------------------------------------
 
 .rs-timeline {
+  $root: &;
+
   // CSS Variables
   --rs-time-line-tail-min-height: 2.375rem; // 20px + 18px
   --rs-time-line-item-content-margin: 12px;
@@ -87,6 +89,17 @@
     min-height: var(--rs-time-line-tail-min-height);
   }
 
+  @at-root #{$root}-reverse#{$root}-endless #{$root}-item:first-child #{$root}-item-tail {
+    top: 0;
+    bottom: 0;
+    height: auto;
+  }
+
+  @at-root #{$root}-reverse#{$root}-endless #{$root}-item:last-child #{$root}-item-tail {
+    height: calc(var(--rs-time-line-dot-center-gap) + var(--rs-time-line-dot-side-length));
+    min-height: 0;
+  }
+
   &-item:only-child &-item-tail {
     display: none;
   }

package/Uploader/styles/index.css

@@ -1272,6 +1272,7 @@
   text-overflow:ellipsis;
   white-space:nowrap;
   flex:1 1 auto;
+  min-width:0;
 }
 .rs-uploader[data-list-type=text] .rs-uploader-file-item-size{
   flex:0 0 auto;
@@ -1318,6 +1319,7 @@
 .rs-uploader[data-list-type=picture]{
   display:inline-flex;
   flex-direction:row;
+  flex-wrap:wrap;
   gap:var(--rs-uploader-item-spacing);
 }
 .rs-uploader[data-list-type=picture] .rs-uploader-trigger-btn{
@@ -1352,6 +1354,7 @@
 }
 .rs-uploader[data-list-type=picture] .rs-uploader-file-items{
   display:inline-flex;
+  flex-wrap:wrap;
   gap:var(--rs-uploader-item-spacing);
 }
 .rs-uploader[data-list-type=picture] .rs-uploader-file-item{

package/Uploader/styles/index.scss

@@ -109,6 +109,7 @@
       @include utils.ellipsis-basic;
 
       flex: 1 1 auto;
+      min-width: 0;
     }
 
     &-size {
@@ -169,6 +170,7 @@
 .rs-uploader[data-list-type='picture'] {
   display: inline-flex;
   flex-direction: row;
+  flex-wrap: wrap;
   gap: var(--rs-uploader-item-spacing);
 
   .rs-uploader-trigger-btn {
@@ -213,6 +215,7 @@
 
   .rs-uploader-file-items {
     display: inline-flex;
+    flex-wrap: wrap;
     gap: var(--rs-uploader-item-spacing);
   }
 

package/cjs/Affix/Affix.js

@@ -22,10 +22,10 @@ function useOffset(mountRef, onOffsetChange) {
       return;
     }
     const newOffset = (0, _getOffset.default)(mountRef.current);
-    if ((newOffset === null || newOffset === void 0 ? void 0 : newOffset.height) !== (offset === null || offset === void 0 ? void 0 : offset.height) || (newOffset === null || newOffset === void 0 ? void 0 : newOffset.width) !== (offset === null || offset === void 0 ? void 0 : offset.width) || (newOffset === null || newOffset === void 0 ? void 0 : newOffset.top) !== (offset === null || offset === void 0 ? void 0 : offset.top) || (newOffset === null || newOffset === void 0 ? void 0 : newOffset.left) !== (offset === null || offset === void 0 ? void 0 : offset.left)) {
+    if (newOffset?.height !== offset?.height || newOffset?.width !== offset?.width || newOffset?.top !== offset?.top || newOffset?.left !== offset?.left) {
       setOffset(newOffset);
       if (offset !== null && newOffset !== null) {
-        onOffsetChange === null || onOffsetChange === void 0 || onOffsetChange(newOffset);
+        onOffsetChange?.(newOffset);
       }
     }
   }, [mountRef, offset, onOffsetChange]);
@@ -76,7 +76,7 @@ function useFixed(offset, containerOffset, props) {
     const scrollY = window.scrollY || window.pageYOffset;
 
     // When the scroll distance exceeds the element's top value, it is fixed.
-    let nextFixed = scrollY - (Number(offset === null || offset === void 0 ? void 0 : offset.top) - Number(top)) >= 0;
+    let nextFixed = scrollY - (Number(offset?.top) - Number(top)) >= 0;
 
     // If the current element is specified in the container,
     // add to determine whether the current container is in the window range.
@@ -85,7 +85,7 @@ function useFixed(offset, containerOffset, props) {
     }
     if (nextFixed !== fixed) {
       setFixed(nextFixed);
-      onChange === null || onChange === void 0 || onChange(nextFixed);
+      onChange?.(nextFixed);
     }
   }, [offset, top, containerOffset, fixed, onChange]);
 

package/cjs/Animation/Collapse.js

@@ -8,7 +8,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _getStyle = _interopRequireDefault(require("dom-lib/getStyle"));
 var _addStyle = _interopRequireDefault(require("dom-lib/addStyle"));
-var _get2 = _interopRequireDefault(require("lodash/get"));
+var _get = _interopRequireDefault(require("lodash/get"));
 var _capitalize = _interopRequireDefault(require("lodash/capitalize"));
 var _Transition = _interopRequireDefault(require("./Transition"));
 var _hooks = require("../internals/hooks");
@@ -19,19 +19,18 @@ let DIMENSION = exports.DIMENSION = /*#__PURE__*/function (DIMENSION) {
   DIMENSION["WIDTH"] = "width";
   return DIMENSION;
 }({});
-const triggerBrowserReflow = node => (0, _get2.default)(node, 'offsetHeight');
+const triggerBrowserReflow = node => (0, _get.default)(node, 'offsetHeight');
 const MARGINS = {
   height: ['marginTop', 'marginBottom'],
   width: ['marginLeft', 'marginRight']
 };
 function defaultGetDimensionValue(dimension, elem) {
-  var _get;
-  const value = (_get = (0, _get2.default)(elem, `offset${(0, _capitalize.default)(dimension)}`)) !== null && _get !== void 0 ? _get : 0;
+  const value = (0, _get.default)(elem, `offset${(0, _capitalize.default)(dimension)}`) ?? 0;
   const margins = MARGINS[dimension];
   return value + parseInt((0, _getStyle.default)(elem, margins[0]), 10) + parseInt((0, _getStyle.default)(elem, margins[1]), 10);
 }
 function getScrollDimensionValue(elem, dimension) {
-  const value = (0, _get2.default)(elem, `scroll${(0, _capitalize.default)(dimension)}`);
+  const value = (0, _get.default)(elem, `scroll${(0, _capitalize.default)(dimension)}`);
   return `${value}px`;
 }
 

package/cjs/Animation/Transition.d.ts

@@ -63,7 +63,7 @@ declare class Transition extends React.Component<TransitionProps, TransitionStat
     componentWillUnmount(): void;
     onTransitionEnd(node: HTMLElement, handler: (event?: React.AnimationEvent) => void): void;
     setNextCallback(callback: (event?: React.AnimationEvent) => void): {
-        (event?: React.AnimationEvent<Element> | undefined): void;
+        (event?: React.AnimationEvent): void;
         cancel: () => any;
     } | null;
     getChildElement(): HTMLElement;
@@ -71,6 +71,6 @@ declare class Transition extends React.Component<TransitionProps, TransitionStat
     performExit(props: TransitionProps): void;
     cancelNextCallback(): void;
     safeSetState(nextState: TransitionState, callback: (event?: React.AnimationEvent) => void): void;
-    render(): React.ReactNode;
+    render(): string | number | bigint | boolean | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.DetailedReactHTMLElement<any, HTMLElement> | null | undefined;
 }
 export default Transition;

package/cjs/Animation/Transition.js

@@ -27,13 +27,16 @@ const transitionProps = ['onEnter', 'onEntering', 'onEntered', 'onExit', 'onExit
  * @see https://rsuitejs.com/components/animation/#transition
  */
 class Transition extends _react.default.Component {
+  static displayName = 'Transition';
+  static defaultProps = {
+    timeout: 1000
+  };
+  animationEventListener = null;
+  instanceElement = null;
+  nextCallback = null;
+  needsUpdate = null;
   constructor(props) {
     super(props);
-    this.animationEventListener = null;
-    this.instanceElement = null;
-    this.nextCallback = null;
-    this.needsUpdate = null;
-    this.childRef = void 0;
     let initialStatus;
     if (props.in) {
       initialStatus = props.transitionAppear ? STATUS.EXITED : STATUS.ENTERED;
@@ -103,9 +106,8 @@ class Transition extends _react.default.Component {
     this.instanceElement = null;
   }
   onTransitionEnd(node, handler) {
-    var _this$animationEventL;
     this.setNextCallback(handler);
-    (_this$animationEventL = this.animationEventListener) === null || _this$animationEventL === void 0 || _this$animationEventL.off();
+    this.animationEventListener?.off();
     if (!this.nextCallback) {
       return;
     }
@@ -162,16 +164,16 @@ class Transition extends _react.default.Component {
     this.cancelNextCallback();
     const node = this.getChildElement();
     this.instanceElement = node;
-    onEnter === null || onEnter === void 0 || onEnter(node);
+    onEnter?.(node);
     this.safeSetState({
       status: STATUS.ENTERING
     }, () => {
-      onEntering === null || onEntering === void 0 || onEntering(node);
+      onEntering?.(node);
       this.onTransitionEnd(node, () => {
         this.safeSetState({
           status: STATUS.ENTERED
         }, () => {
-          onEntered === null || onEntered === void 0 || onEntered(node);
+          onEntered?.(node);
         });
       });
     });
@@ -185,16 +187,16 @@ class Transition extends _react.default.Component {
     this.cancelNextCallback();
     const node = this.getChildElement();
     this.instanceElement = node;
-    onExit === null || onExit === void 0 || onExit(node);
+    onExit?.(node);
     this.safeSetState({
       status: STATUS.EXITING
     }, () => {
-      onExiting === null || onExiting === void 0 || onExiting(node);
+      onExiting?.(node);
       this.onTransitionEnd(node, () => {
         this.safeSetState({
           status: STATUS.EXITED
         }, () => {
-          onExited === null || onExited === void 0 || onExited(node);
+          onExited?.(node);
         });
       });
     });
@@ -208,11 +210,10 @@ class Transition extends _react.default.Component {
   safeSetState(nextState, callback) {
     if (this.instanceElement) {
       const nextCallback = this.setNextCallback(callback);
-      this.setState(nextState, () => nextCallback === null || nextCallback === void 0 ? void 0 : nextCallback());
+      this.setState(nextState, () => nextCallback?.());
     }
   }
   render() {
-    var _child$props;
     const status = this.state.status;
     if (status === STATUS.UNMOUNTED) {
       return null;
@@ -245,12 +246,8 @@ class Transition extends _react.default.Component {
     return /*#__PURE__*/_react.default.cloneElement(child, {
       ...childProps,
       ref: this.childRef,
-      className: (0, _classnames.default)(className, (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.className, transitionClassName)
+      className: (0, _classnames.default)(className, child.props?.className, transitionClassName)
     });
   }
 }
-Transition.displayName = 'Transition';
-Transition.defaultProps = {
-  timeout: 1000
-};
 var _default = exports.default = Transition;

package/cjs/AutoComplete/AutoComplete.d.ts

@@ -30,6 +30,8 @@ export interface AutoCompleteProps<T = string> extends FormControlPickerProps<T,
     onOpen?: () => void;
     /** Called on close */
     onClose?: () => void;
+    /** Ref to the input element */
+    inputRef?: React.Ref<HTMLInputElement>;
 }
 /**
  * Autocomplete function of input field.

package/cjs/AutoComplete/AutoComplete.js

@@ -57,12 +57,13 @@ const AutoComplete = (0, _utils.forwardRef)((props, ref) => {
     onFocus,
     onBlur,
     onMenuFocus,
+    inputRef,
     ...rest
   } = propsWithDefaults;
   const datalist = (0, _utils2.transformData)(data);
   const [value, setValue] = (0, _hooks.useControlled)(valueProp, defaultValue);
   const [focus, setFocus] = (0, _react.useState)(false);
-  const items = (datalist === null || datalist === void 0 ? void 0 : datalist.filter((0, _utils2.shouldDisplay)(filterBy, value))) || [];
+  const items = datalist?.filter((0, _utils2.shouldDisplay)(filterBy, value)) || [];
   const hasItems = items.length > 0;
   const {
     trigger,
@@ -91,13 +92,13 @@ const AutoComplete = (0, _utils.forwardRef)((props, ref) => {
       esc: handleClose
     });
     handleKeyDown(event);
-    onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
+    onKeyDown?.(event);
   };
   const selectFocusMenuItem = event => {
     if (!focusItemValue) {
       return;
     }
-    const focusItem = datalist.find(item => (item === null || item === void 0 ? void 0 : item.value) === focusItemValue);
+    const focusItem = datalist.find(item => item?.value === focusItemValue);
     setValue(focusItemValue);
     setFocusItemValue(focusItemValue);
     handleSelect(focusItem, event);
@@ -107,10 +108,10 @@ const AutoComplete = (0, _utils.forwardRef)((props, ref) => {
     handleClose();
   };
   const handleSelect = (0, _hooks.useEventCallback)((item, event) => {
-    onSelect === null || onSelect === void 0 || onSelect(item.value, item, event);
+    onSelect?.(item.value, item, event);
   });
   const handleChangeValue = (0, _hooks.useEventCallback)((value, event) => {
-    onChange === null || onChange === void 0 || onChange(value, event);
+    onChange?.(value, event);
   });
   const handleChange = (value, event) => {
     setFocusItemValue('');
@@ -121,12 +122,12 @@ const AutoComplete = (0, _utils.forwardRef)((props, ref) => {
   const handleClose = (0, _hooks.useEventCallback)(() => {
     if (isMounted()) {
       setFocus(false);
-      onClose === null || onClose === void 0 || onClose();
+      onClose?.();
     }
   });
   const handleOpen = (0, _hooks.useEventCallback)(() => {
     setFocus(true);
-    onOpen === null || onOpen === void 0 || onOpen();
+    onOpen?.();
   });
   const handleItemSelect = (0, _hooks.useEventCallback)((nextItemValue, item, event) => {
     setValue(nextItemValue);
@@ -138,12 +139,12 @@ const AutoComplete = (0, _utils.forwardRef)((props, ref) => {
     handleClose();
   });
   const handleInputFocus = (0, _hooks.useEventCallback)(event => {
-    onFocus === null || onFocus === void 0 || onFocus(event);
+    onFocus?.(event);
     handleOpen();
   });
   const handleInputBlur = (0, _hooks.useEventCallback)(event => {
     setTimeout(handleClose, 300);
-    onBlur === null || onBlur === void 0 || onBlur(event);
+    onBlur?.(event);
   });
   const {
     withPrefix,
@@ -210,7 +211,8 @@ const AutoComplete = (0, _utils.forwardRef)((props, ref) => {
     onBlur: handleInputBlur,
     onFocus: handleInputFocus,
     onChange: handleChange,
-    onKeyDown: handleKeyDownEvent
+    onKeyDown: handleKeyDownEvent,
+    inputRef: inputRef
   })));
 });
 AutoComplete.displayName = 'AutoComplete';

package/cjs/Avatar/useImage.js

@@ -39,7 +39,7 @@ const useImage = props => {
   const handleError = (0, _react.useCallback)(event => {
     setStatus('error');
     flush();
-    onError === null || onError === void 0 || onError(event);
+    onError?.(event);
   }, [onError]);
   (0, _react.useEffect)(() => {
     setStatus(src ? 'loading' : 'pending');

package/cjs/AvatarGroup/AvatarGroup.d.ts

@@ -16,8 +16,8 @@ export interface AvatarGroupProps extends BoxProps {
     size?: Size;
 }
 export declare const AvatarGroupContext: React.Context<{
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-    spacing?: number | undefined;
+    size?: Size;
+    spacing?: number;
 }>;
 /**
  * The AvatarGroup component is used to represent a collection of avatars.

package/cjs/Badge/Badge.js

@@ -42,10 +42,7 @@ const Badge = (0, _utils.forwardRef)((props, ref) => {
     merge
   } = (0, _hooks.useStyles)(classPrefix);
   const text = typeof content === 'number' && content > maxCount ? `${maxCount}+` : content;
-  const isOneChar = (0, _react.useMemo)(() => {
-    var _String;
-    return ((_String = String(content)) === null || _String === void 0 ? void 0 : _String.length) === 1;
-  }, [content]);
+  const isOneChar = (0, _react.useMemo)(() => String(content)?.length === 1, [content]);
   const classes = merge(className, withPrefix({
     wrapper: children
   }));

package/cjs/Breadcrumb/Breadcrumb.js

@@ -48,7 +48,7 @@ const Breadcrumb = (0, _utils.forwardRef)((props, ref) => {
   const [showEllipsis, setShowEllipsis] = (0, _react.useState)(true);
   const handleClickEllipsis = (0, _hooks.useEventCallback)(event => {
     setShowEllipsis(false);
-    onExpand === null || onExpand === void 0 || onExpand(event);
+    onExpand?.(event);
   });
   const content = (0, _react.useMemo)(() => {
     const count = _utils.rch.count(children);
@@ -63,8 +63,8 @@ const Breadcrumb = (0, _utils.forwardRef)((props, ref) => {
       return [...items.slice(0, 1), [/*#__PURE__*/_react.default.createElement(_BreadcrumbItem.default, {
         role: "button",
         key: "ellipsis",
-        title: locale === null || locale === void 0 ? void 0 : locale.expandText,
-        "aria-label": locale === null || locale === void 0 ? void 0 : locale.expandText,
+        title: locale?.expandText,
+        "aria-label": locale?.expandText,
         separator: /*#__PURE__*/_react.default.createElement(Separator, null, separator),
         onClick: handleClickEllipsis
       }, /*#__PURE__*/_react.default.createElement("span", {
@@ -72,7 +72,7 @@ const Breadcrumb = (0, _utils.forwardRef)((props, ref) => {
       }, ellipsis))], ...items.slice(items.length - 1, items.length)];
     }
     return items;
-  }, [children, ellipsis, handleClickEllipsis, locale === null || locale === void 0 ? void 0 : locale.expandText, maxItems, separator, showEllipsis]);
+  }, [children, ellipsis, handleClickEllipsis, locale?.expandText, maxItems, separator, showEllipsis]);
   const classes = merge(className, withPrefix());
   return /*#__PURE__*/_react.default.createElement(_StyledBox.default, (0, _extends2.default)({
     name: "breadcrumb",

package/cjs/Button/Button.js

@@ -31,11 +31,11 @@ const Button = (0, _utils.forwardRef)((props, ref) => {
     children,
     classPrefix = 'btn',
     color,
-    disabled = buttonGroup === null || buttonGroup === void 0 ? void 0 : buttonGroup.disabled,
+    disabled = buttonGroup?.disabled,
     loading,
     role,
     ripple = true,
-    size = (buttonGroup === null || buttonGroup === void 0 ? void 0 : buttonGroup.size) || 'md',
+    size = buttonGroup?.size || 'md',
     startIcon,
     endIcon,
     type: typeProp,
@@ -66,16 +66,16 @@ const Button = (0, _utils.forwardRef)((props, ref) => {
     if (toggleable) {
       const nextActive = !active;
       setActive(nextActive);
-      onToggle === null || onToggle === void 0 || onToggle(nextActive, event);
+      onToggle?.(nextActive, event);
     }
-    onClick === null || onClick === void 0 || onClick(event);
+    onClick?.(event);
   });
   const buttonAs = as || (rest.href ? _SafeAnchor.default : 'button');
   const isCustomElement = buttonAs !== 'button' && buttonAs !== _SafeAnchor.default;
   const uncertainProps = {
     [(0, _utils.isDisableableElement)(buttonAs) || buttonAs === _SafeAnchor.default ? 'disabled' : 'aria-disabled']: disabled,
-    type: typeProp !== null && typeProp !== void 0 ? typeProp : buttonAs === 'button' ? 'button' : undefined,
-    role: role !== null && role !== void 0 ? role : isCustomElement ? 'button' : undefined
+    type: typeProp ?? (buttonAs === 'button' ? 'button' : undefined),
+    role: role ?? (isCustomElement ? 'button' : undefined)
   };
   return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({
     as: buttonAs,

package/cjs/Calendar/Calendar.js

@@ -46,16 +46,16 @@ const Calendar = (0, _utils.forwardRef)((props, ref) => {
   } = (0, _hooks2.useCalendarDate)(value, defaultValue);
   const handleChange = (0, _hooks.useEventCallback)(nextValue => {
     setCalendarDate(nextValue);
-    onChange === null || onChange === void 0 || onChange(nextValue);
+    onChange?.(nextValue);
     if (!(0, _date.isSameMonth)(nextValue, calendarDate)) {
-      onMonthChange === null || onMonthChange === void 0 || onMonthChange(nextValue);
+      onMonthChange?.(nextValue);
     }
   });
   const handleClickToday = (0, _hooks.useEventCallback)(() => {
     handleChange(new Date());
   });
   const handleSelect = (0, _hooks.useEventCallback)(nextValue => {
-    onSelect === null || onSelect === void 0 || onSelect(nextValue);
+    onSelect?.(nextValue);
     handleChange(nextValue);
   });
   const {
@@ -66,10 +66,10 @@ const Calendar = (0, _utils.forwardRef)((props, ref) => {
     className: prefix('btn-today'),
     size: "sm",
     onClick: handleClickToday
-  }, (locale === null || locale === void 0 ? void 0 : locale.today) || 'Today');
+  }, locale?.today || 'Today');
   const renderTitle = date => /*#__PURE__*/_react.default.createElement(_FormattedDate.FormattedDate, {
     date: date,
-    formatStr: (locale === null || locale === void 0 ? void 0 : locale.formattedMonthPattern) || 'MMMM  yyyy'
+    formatStr: locale?.formattedMonthPattern || 'MMMM  yyyy'
   });
   const classes = merge(className, prefix('panel', {
     bordered,

package/cjs/Calendar/CalendarBody.js

@@ -43,7 +43,7 @@ const CalendarBody = (0, _utils.forwardRef)((props, ref) => {
   }), /*#__PURE__*/_react.default.createElement(_Grid.default, {
     rows: (0, _date.getWeekStartDates)(yearMonth, {
       weekStart,
-      locale: locale === null || locale === void 0 ? void 0 : locale.dateLocale
+      locale: locale?.dateLocale
     }),
     "aria-label": getAriaLabelForMonth(yearMonth)
   }));

package/cjs/Calendar/CalendarContainer.js

@@ -78,8 +78,7 @@ const CalendarContainer = (0, _utils.forwardRef)((props, ref) => {
     onToggleMonthDropdown
   });
   const isDateDisabled = (0, _react.useCallback)(date => {
-    var _disabledDate;
-    return (_disabledDate = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(toJsDate(date))) !== null && _disabledDate !== void 0 ? _disabledDate : false;
+    return disabledDate?.(toJsDate(date)) ?? false;
   }, [disabledDate]);
   const isMonthDisabled = (0, _react.useCallback)(yearMonth => {
     return (0, _plainDate.isEveryDayInMonth)(yearMonth, isDateDisabled);
@@ -103,19 +102,19 @@ const CalendarContainer = (0, _utils.forwardRef)((props, ref) => {
   const handleChangeMonth = (0, _hooks.useEventCallback)((yearMonth, event) => {
     reset();
     // Call `onChangeMonth` with the first day in the month
-    onChangeMonth === null || onChangeMonth === void 0 || onChangeMonth(new Date(yearMonth.year, yearMonth.month - 1, 1), event);
+    onChangeMonth?.(new Date(yearMonth.year, yearMonth.month - 1, 1), event);
   });
-  const cellClassName = (0, _react.useCallback)(date => cellClassNameProp === null || cellClassNameProp === void 0 ? void 0 : cellClassNameProp(toJsDate(date)), [cellClassNameProp]);
-  const onMouseMove = (0, _react.useCallback)(date => onMouseMoveProp === null || onMouseMoveProp === void 0 ? void 0 : onMouseMoveProp(toJsDate(date)), [onMouseMoveProp]);
-  const onSelect = (0, _react.useCallback)((date, event) => onSelectProp === null || onSelectProp === void 0 ? void 0 : onSelectProp(toJsDate(date), event), [onSelectProp]);
-  const renderCell = (0, _react.useCallback)(date => renderCellProp === null || renderCellProp === void 0 ? void 0 : renderCellProp(toJsDate(date)), [renderCellProp]);
-  const renderCellOnPicker = (0, _react.useCallback)(date => renderCellOnPickerProp === null || renderCellOnPickerProp === void 0 ? void 0 : renderCellOnPickerProp(toJsDate(date)), [renderCellOnPickerProp]);
+  const cellClassName = (0, _react.useCallback)(date => cellClassNameProp?.(toJsDate(date)), [cellClassNameProp]);
+  const onMouseMove = (0, _react.useCallback)(date => onMouseMoveProp?.(toJsDate(date)), [onMouseMoveProp]);
+  const onSelect = (0, _react.useCallback)((date, event) => onSelectProp?.(toJsDate(date), event), [onSelectProp]);
+  const renderCell = (0, _react.useCallback)(date => renderCellProp?.(toJsDate(date)), [renderCellProp]);
+  const renderCellOnPicker = (0, _react.useCallback)(date => renderCellOnPickerProp?.(toJsDate(date)), [renderCellOnPickerProp]);
   const handleChangeTime = (0, _hooks.useEventCallback)((time, event) => {
     let nextDate = calendarDate || (0, _date.startOfToday)();
     nextDate = (0, _date.setHours)(nextDate, time.hour);
     nextDate = (0, _date.setMinutes)(nextDate, time.minute);
     nextDate = (0, _date.setSeconds)(nextDate, time.second);
-    onChangeTime === null || onChangeTime === void 0 || onChangeTime(nextDate, event);
+    onChangeTime?.(nextDate, event);
   });
   const contextValue = {
     date: calendarDate,
@@ -192,30 +191,12 @@ function useTimeDropdownProps(calendarProps) {
     disabledSeconds
   } = calendarProps;
   return (0, _react.useMemo)(() => ({
-    hideHours: (hour, date) => {
-      var _hideHours;
-      return (_hideHours = hideHours === null || hideHours === void 0 ? void 0 : hideHours(hour, toJsDate(date))) !== null && _hideHours !== void 0 ? _hideHours : false;
-    },
-    hideMinutes: (minute, date) => {
-      var _hideMinutes;
-      return (_hideMinutes = hideMinutes === null || hideMinutes === void 0 ? void 0 : hideMinutes(minute, toJsDate(date))) !== null && _hideMinutes !== void 0 ? _hideMinutes : false;
-    },
-    hideSeconds: (second, date) => {
-      var _hideSeconds;
-      return (_hideSeconds = hideSeconds === null || hideSeconds === void 0 ? void 0 : hideSeconds(second, toJsDate(date))) !== null && _hideSeconds !== void 0 ? _hideSeconds : false;
-    },
-    disabledHours: (hour, date) => {
-      var _disabledHours;
-      return (_disabledHours = disabledHours === null || disabledHours === void 0 ? void 0 : disabledHours(hour, toJsDate(date))) !== null && _disabledHours !== void 0 ? _disabledHours : false;
-    },
-    disabledMinutes: (minute, date) => {
-      var _disabledMinutes;
-      return (_disabledMinutes = disabledMinutes === null || disabledMinutes === void 0 ? void 0 : disabledMinutes(minute, toJsDate(date))) !== null && _disabledMinutes !== void 0 ? _disabledMinutes : false;
-    },
-    disabledSeconds: (second, date) => {
-      var _disabledSeconds;
-      return (_disabledSeconds = disabledSeconds === null || disabledSeconds === void 0 ? void 0 : disabledSeconds(second, toJsDate(date))) !== null && _disabledSeconds !== void 0 ? _disabledSeconds : false;
-    }
+    hideHours: (hour, date) => hideHours?.(hour, toJsDate(date)) ?? false,
+    hideMinutes: (minute, date) => hideMinutes?.(minute, toJsDate(date)) ?? false,
+    hideSeconds: (second, date) => hideSeconds?.(second, toJsDate(date)) ?? false,
+    disabledHours: (hour, date) => disabledHours?.(hour, toJsDate(date)) ?? false,
+    disabledMinutes: (minute, date) => disabledMinutes?.(minute, toJsDate(date)) ?? false,
+    disabledSeconds: (second, date) => disabledSeconds?.(second, toJsDate(date)) ?? false
   }), [hideHours, hideMinutes, hideSeconds, disabledHours, disabledMinutes, disabledSeconds]);
 }
 function toJsDate(date) {