rsuite 6.1.2 → 6.1.3

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## [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/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.js

@@ -62,7 +62,7 @@ const AutoComplete = (0, _utils.forwardRef)((props, ref) => {
   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 +91,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 +107,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 +121,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 +138,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,

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) {

package/cjs/Calendar/CalendarHeader.js

@@ -57,7 +57,7 @@ const CalendarHeader = (0, _utils.forwardRef)((props, ref) => {
     size: inline ? 'sm' : 'xs'
   };
   const timeFormat = (0, _react.useMemo)(() => {
-    const defaultTimeFormat = (locale === null || locale === void 0 ? void 0 : locale.shortTimeFormat) || 'HH:mm';
+    const defaultTimeFormat = locale?.shortTimeFormat || 'HH:mm';
     if (!format) {
       return defaultTimeFormat;
     }
@@ -65,26 +65,25 @@ const CalendarHeader = (0, _utils.forwardRef)((props, ref) => {
   }, [format, locale]);
   const dateFormat = (0, _react.useMemo)(() => {
     if (showMonth) {
-      return (locale === null || locale === void 0 ? void 0 : locale.formattedMonthPattern) || 'yyyy-MM';
+      return locale?.formattedMonthPattern || 'yyyy-MM';
     }
     return 'yyyy';
   }, [locale, showMonth]);
   const renderTitle = () => {
-    var _renderTitleProp;
-    return (_renderTitleProp = renderTitleProp === null || renderTitleProp === void 0 ? void 0 : renderTitleProp(date)) !== null && _renderTitleProp !== void 0 ? _renderTitleProp : date && /*#__PURE__*/_react.default.createElement(_FormattedDate.FormattedDate, {
+    return renderTitleProp?.(date) ?? (date && /*#__PURE__*/_react.default.createElement(_FormattedDate.FormattedDate, {
       date: date,
       formatStr: dateFormat
-    });
+    }));
   };
   const dateTitleClasses = prefix('title', 'title-date', {
-    error: disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate({
+    error: disabledDate?.({
       year: date.getFullYear(),
       month: date.getMonth() + 1,
       day: date.getDate()
     })
   });
   const timeTitleClasses = prefix('title', 'title-time', {
-    error: disabledTime === null || disabledTime === void 0 ? void 0 : disabledTime(date)
+    error: disabledTime?.(date)
   });
   const backwardClass = prefix('backward', {
     'btn-disabled': disabledBackward
@@ -132,7 +131,7 @@ const CalendarHeader = (0, _utils.forwardRef)((props, ref) => {
   }), date && /*#__PURE__*/_react.default.createElement(_FormattedDate.FormattedDate, {
     date: date,
     formatStr: timeFormat
-  }))), renderToolbar === null || renderToolbar === void 0 ? void 0 : renderToolbar(date));
+  }))), renderToolbar?.(date));
 });
 CalendarHeader.displayName = 'CalendarHeader';
 var _default = exports.default = CalendarHeader;

package/cjs/Calendar/Grid/GridCell.js

@@ -57,7 +57,7 @@ const GridCell = (0, _utils.forwardRef)((props, ref) => {
     'cell-selected-end': rangeEnd,
     'cell-in-range': !unSameMonth && inRange,
     'cell-disabled': disabled
-  }), cellClassName === null || cellClassName === void 0 ? void 0 : cellClassName(date));
+  }), cellClassName?.(date));
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     ref: ref,
     role: "gridcell",
@@ -73,7 +73,7 @@ const GridCell = (0, _utils.forwardRef)((props, ref) => {
     className: prefix('cell-content')
   }, renderCellOnPicker ? renderCellOnPicker(date) : /*#__PURE__*/_react.default.createElement("span", {
     className: prefix('cell-day')
-  }, date.day), renderCell === null || renderCell === void 0 ? void 0 : renderCell(date)));
+  }, date.day), renderCell?.(date)));
 });
 GridCell.displayName = 'CalendarGridCell';
 var _default = exports.default = GridCell;

package/cjs/Calendar/Grid/GridHeaderRow.js

@@ -44,7 +44,7 @@ const GridHeaderRow = (0, _utils.forwardRef)((props, ref) => {
     "aria-label": (0, _upperFirst.default)(key)
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: prefix('header-cell-content')
-  }, locale === null || locale === void 0 ? void 0 : locale[key]))));
+  }, locale?.[key]))));
 });
 GridHeaderRow.displayName = 'CalendarGridHeaderRow';
 var _default = exports.default = GridHeaderRow;

package/cjs/Calendar/Grid/GridRow.js

@@ -19,7 +19,6 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  */
 
 const GridRow = (0, _utils.forwardRef)((props, ref) => {
-  var _locale$dateLocale$op, _locale$dateLocale;
   const {
     as: Component = 'div',
     className,
@@ -48,7 +47,7 @@ const GridRow = (0, _utils.forwardRef)((props, ref) => {
     if (disabled) {
       return;
     }
-    onSelect === null || onSelect === void 0 || onSelect(date, event);
+    onSelect?.(date, event);
   }, [onSelect]);
   const renderDays = () => {
     const days = [];
@@ -57,7 +56,7 @@ const GridRow = (0, _utils.forwardRef)((props, ref) => {
     // - Invalid date - when the user is inputting the date with text input
     // - undefined - when the range selection isn't completed
     const [selectedStartDateJS, selectedEndDateJS] = dateRange || [];
-    const [hoverStartDateJS, hoverEndDateJS] = hoverRangeValue !== null && hoverRangeValue !== void 0 ? hoverRangeValue : [];
+    const [hoverStartDateJS, hoverEndDateJS] = hoverRangeValue ?? [];
     const isRangeSelectionMode = typeof dateRange !== 'undefined';
     const plainDateRange = typeof dateRange !== 'undefined' ? dateRange.map(d => d instanceof Date ? {
       year: d.getFullYear(),
@@ -67,7 +66,7 @@ const GridRow = (0, _utils.forwardRef)((props, ref) => {
     for (let i = 0; i < 7; i += 1) {
       const thisDate = (0, _plainDate.addDays)(startingDate, i);
       const thisDateJS = new Date(thisDate.year, thisDate.month - 1, thisDate.day);
-      const disabled = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(thisDate, plainDateRange, _constants.DATERANGE_DISABLED_TARGET.CALENDAR);
+      const disabled = disabledDate?.(thisDate, plainDateRange, _constants.DATERANGE_DISABLED_TARGET.CALENDAR);
 
       // Whether this date is in a different month from the selected date
       const isSameMonth = selected.getFullYear() === thisDate.year && selected.getMonth() + 1 === thisDate.month;
@@ -143,11 +142,11 @@ const GridRow = (0, _utils.forwardRef)((props, ref) => {
   const classes = merge(className, prefix('row'));
   const {
     firstWeekContainsDate
-  } = (_locale$dateLocale$op = locale === null || locale === void 0 || (_locale$dateLocale = locale.dateLocale) === null || _locale$dateLocale === void 0 ? void 0 : _locale$dateLocale.options) !== null && _locale$dateLocale$op !== void 0 ? _locale$dateLocale$op : {};
+  } = locale?.dateLocale?.options ?? {};
   // ISO week starts on Monday
   const date = isoWeek ? (0, _plainDate.addDays)(startingDate, 1) : startingDate;
   const week = (0, _date.format)(new Date(date.year, date.month - 1, date.day), isoWeek ? 'I' : 'w', {
-    locale: locale === null || locale === void 0 ? void 0 : locale.dateLocale,
+    locale: locale?.dateLocale,
     firstWeekContainsDate,
     weekStartsOn: weekStart
   });

package/cjs/Calendar/MonthDropdown/MonthDropdown.js

@@ -87,7 +87,7 @@ const MonthDropdown = (0, _utils.forwardRef)((props, ref) => {
       return /*#__PURE__*/_react.default.createElement(_MonthDropdownItem.default, {
         key: (0, _plainDate.plainYearMonthToString)(yearMonth),
         yearMonth: yearMonth,
-        disabled: isMonthDisabled === null || isMonthDisabled === void 0 ? void 0 : isMonthDisabled(yearMonth),
+        disabled: isMonthDisabled?.(yearMonth),
         active: isSelectedYear && month === selectedMonth
       });
     })));

package/cjs/Calendar/MonthDropdown/MonthDropdownItem.js

@@ -30,7 +30,7 @@ const MonthDropdownItem = (0, _utils.forwardRef)((props, ref) => {
     if (disabled) {
       return;
     }
-    onChangeMonth === null || onChangeMonth === void 0 || onChangeMonth(yearMonth, event);
+    onChangeMonth?.(yearMonth, event);
   });
   const {
     prefix,