@rc-component/picker 1.5.0 → 1.6.0

package/lib/PickerInput/Popup/Footer.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Footer;
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = require("clsx");
 var React = _interopRequireWildcard(require("react"));
 var _useTimeInfo3 = _interopRequireDefault(require("../../hooks/useTimeInfo"));
 var _context = _interopRequireDefault(require("../context"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -62,7 +62,7 @@ function Footer(props) {
   var presetNode = showNow && /*#__PURE__*/React.createElement("li", {
     className: nowPrefixCls
   }, /*#__PURE__*/React.createElement("a", {
-    className: (0, _classnames.default)(nowBtnPrefixCls, nowDisabled && "".concat(nowBtnPrefixCls, "-disabled")),
+    className: (0, _clsx.clsx)(nowBtnPrefixCls, nowDisabled && "".concat(nowBtnPrefixCls, "-disabled")),
     "aria-disabled": nowDisabled,
     onClick: onInternalNow
   }, internalMode === 'date' ? locale.today : locale.now));
@@ -83,7 +83,7 @@ function Footer(props) {
     return null;
   }
   return /*#__PURE__*/React.createElement("div", {
-    className: (0, _classnames.default)("".concat(prefixCls, "-footer"), classNames.popup.footer),
+    className: (0, _clsx.clsx)("".concat(prefixCls, "-footer"), classNames.popup.footer),
     style: styles.popup.footer
   }, extraNode && /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-footer-extra")

package/lib/PickerInput/Popup/index.d.ts

@@ -16,5 +16,7 @@ export interface PopupProps<DateType extends object = any, PresetValue = DateTyp
     isInvalid: (date: DateType | DateType[]) => boolean;
     onOk: VoidFunction;
     onPanelMouseDown?: React.MouseEventHandler<HTMLDivElement>;
+    classNames?: SharedPickerProps['classNames'];
+    styles?: SharedPickerProps['styles'];
 }
 export default function Popup<DateType extends object = any>(props: PopupProps<DateType>): React.JSX.Element;

package/lib/PickerInput/Popup/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Popup;
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = require("clsx");
 var _resizeObserver = _interopRequireDefault(require("@rc-component/resize-observer"));
 var React = _interopRequireWildcard(require("react"));
 var _miscUtil = require("../../utils/miscUtil");
@@ -16,6 +16,8 @@ var _PresetPanel = _interopRequireDefault(require("./PresetPanel"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -27,6 +29,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function Popup(props) {
+  var _classNames$popup, _styles$popup;
   var panelRender = props.panelRender,
     internalMode = props.internalMode,
     picker = props.picker,
@@ -47,7 +50,9 @@ function Popup(props) {
     isInvalid = props.isInvalid,
     defaultOpenValue = props.defaultOpenValue,
     onOk = props.onOk,
-    onSubmit = props.onSubmit;
+    onSubmit = props.onSubmit,
+    classNames = props.classNames,
+    styles = props.styles;
   var _React$useContext = React.useContext(_context.default),
     prefixCls = _React$useContext.prefixCls;
   var panelPrefixCls = "".concat(prefixCls, "-panel");
@@ -177,9 +182,9 @@ function Popup(props) {
   var renderNode = /*#__PURE__*/React.createElement("div", {
     onMouseDown: onPanelMouseDown,
     tabIndex: -1,
-    className: (0, _classnames.default)(containerPrefixCls, // Used for Today Button style, safe to remove if no need
-    "".concat(prefixCls, "-").concat(internalMode, "-panel-container")),
-    style: _defineProperty(_defineProperty({}, rtl ? marginRight : marginLeft, containerOffset), rtl ? marginLeft : marginRight, 'auto')
+    className: (0, _clsx.clsx)(containerPrefixCls, // Used for Today Button style, safe to remove if no need
+    "".concat(prefixCls, "-").concat(internalMode, "-panel-container"), classNames === null || classNames === void 0 || (_classNames$popup = classNames.popup) === null || _classNames$popup === void 0 ? void 0 : _classNames$popup.container),
+    style: _objectSpread(_defineProperty(_defineProperty({}, rtl ? marginRight : marginLeft, containerOffset), rtl ? marginLeft : marginRight, 'auto'), styles === null || styles === void 0 || (_styles$popup = styles.popup) === null || _styles$popup === void 0 ? void 0 : _styles$popup.container)
     // Still wish not to lose focus on mouse down
     // onMouseDown={(e) => {
     //   // e.preventDefault();
@@ -192,7 +197,7 @@ function Popup(props) {
     renderNode = /*#__PURE__*/React.createElement("div", {
       onMouseDown: onPanelMouseDown,
       ref: wrapperRef,
-      className: (0, _classnames.default)("".concat(prefixCls, "-range-wrapper"), "".concat(prefixCls, "-").concat(picker, "-range-wrapper"))
+      className: (0, _clsx.clsx)("".concat(prefixCls, "-range-wrapper"), "".concat(prefixCls, "-").concat(picker, "-range-wrapper"))
     }, /*#__PURE__*/React.createElement("div", {
       ref: arrowRef,
       className: "".concat(prefixCls, "-range-arrow"),

package/lib/PickerInput/RangePicker.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _util = require("@rc-component/util");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = require("clsx");
 var _useLayoutEffect = _interopRequireDefault(require("@rc-component/util/lib/hooks/useLayoutEffect"));
 var _omit = _interopRequireDefault(require("@rc-component/util/lib/omit"));
 var _pickAttrs = _interopRequireDefault(require("@rc-component/util/lib/pickAttrs"));
@@ -482,6 +482,10 @@ function RangePicker(props, ref) {
     // Render
     ,
     cellRender: onInternalCellRender
+    // Styles
+    ,
+    classNames: mergedClassNames,
+    styles: mergedStyles
   }));
 
   // ========================================================
@@ -602,7 +606,7 @@ function RangePicker(props, ref) {
   }, /*#__PURE__*/React.createElement(_PickerTrigger.default, _extends({}, (0, _util2.pickTriggerProps)(filledProps), {
     popupElement: panel,
     popupStyle: mergedStyles.popup.root,
-    popupClassName: (0, _classnames.default)(rootClassName, mergedClassNames.popup.root)
+    popupClassName: (0, _clsx.clsx)(rootClassName, mergedClassNames.popup.root)
     // Visible
     ,
     visible: mergedOpen,
@@ -617,7 +621,7 @@ function RangePicker(props, ref) {
     ref: selectorRef
     // Style
     ,
-    className: (0, _classnames.default)(filledProps.className, rootClassName, mergedClassNames.root),
+    className: (0, _clsx.clsx)(filledProps.className, rootClassName, mergedClassNames.root),
     style: _objectSpread(_objectSpread({}, mergedStyles.root), filledProps.style)
     // Icon
     ,

package/lib/PickerInput/Selector/Icon.js

@@ -8,7 +8,7 @@ exports.ClearIcon = ClearIcon;
 exports.default = Icon;
 var React = _interopRequireWildcard(require("react"));
 var _context = _interopRequireDefault(require("../context"));
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = require("clsx");
 var _excluded = ["icon", "type"],
   _excluded2 = ["onClear"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -26,7 +26,7 @@ function Icon(props) {
     classNames = _React$useContext.classNames,
     styles = _React$useContext.styles;
   return icon ? /*#__PURE__*/React.createElement("span", _extends({
-    className: (0, _classnames.default)("".concat(prefixCls, "-").concat(type), classNames.suffix),
+    className: (0, _clsx.clsx)("".concat(prefixCls, "-").concat(type), classNames.suffix),
     style: styles.suffix
   }, restProps), icon) : null;
 }

package/lib/PickerInput/Selector/Input.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx2 = require("clsx");
 var _util = require("@rc-component/util");
 var _useLayoutEffect = _interopRequireDefault(require("@rc-component/util/lib/hooks/useLayoutEffect"));
 var _raf = _interopRequireDefault(require("@rc-component/util/lib/raf"));
@@ -104,8 +104,8 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, [value]);
 
   // ========================= Refs =========================
-  var holderRef = React.useRef();
-  var inputRef = React.useRef();
+  var holderRef = React.useRef(null);
+  var inputRef = React.useRef(null);
   React.useImperativeHandle(ref, function () {
     return {
       nativeElement: holderRef.current,
@@ -364,7 +364,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
   } : {};
   return /*#__PURE__*/React.createElement("div", {
     ref: holderRef,
-    className: (0, _classnames.default)(inputPrefixCls, _defineProperty(_defineProperty({}, "".concat(inputPrefixCls, "-active"), active && showActiveCls), "".concat(inputPrefixCls, "-placeholder"), helped), className)
+    className: (0, _clsx2.clsx)(inputPrefixCls, _defineProperty(_defineProperty({}, "".concat(inputPrefixCls, "-active"), active && showActiveCls), "".concat(inputPrefixCls, "-placeholder"), helped), className)
   }, /*#__PURE__*/React.createElement(Component, _extends({
     ref: inputRef,
     "aria-invalid": invalid,

package/lib/PickerInput/Selector/RangeSelector.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx2 = require("clsx");
 var _resizeObserver = _interopRequireDefault(require("@rc-component/resize-observer"));
 var _util = require("@rc-component/util");
 var React = _interopRequireWildcard(require("react"));
@@ -178,7 +178,7 @@ function RangeSelector(props, ref) {
   return /*#__PURE__*/React.createElement(_resizeObserver.default, {
     onResize: syncActiveOffset
   }, /*#__PURE__*/React.createElement("div", _extends({}, rootProps, {
-    className: (0, _classnames.default)(prefixCls, "".concat(prefixCls, "-range"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-focused"), focused), "".concat(prefixCls, "-disabled"), disabled.every(function (i) {
+    className: (0, _clsx2.clsx)(prefixCls, "".concat(prefixCls, "-range"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-focused"), focused), "".concat(prefixCls, "-disabled"), disabled.every(function (i) {
       return i;
     })), "".concat(prefixCls, "-invalid"), invalid.some(function (i) {
       return i;
@@ -196,7 +196,7 @@ function RangeSelector(props, ref) {
       _onMouseDown === null || _onMouseDown === void 0 || _onMouseDown(e);
     }
   }), prefix && /*#__PURE__*/React.createElement("div", {
-    className: (0, _classnames.default)("".concat(prefixCls, "-prefix"), classNames.prefix),
+    className: (0, _clsx2.clsx)("".concat(prefixCls, "-prefix"), classNames.prefix),
     style: styles.prefix
   }, prefix), /*#__PURE__*/React.createElement(_Input.default, _extends({
     ref: inputStartRef

package/lib/PickerInput/Selector/SingleSelector/MultipleDates.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = MultipleDates;
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = require("clsx");
 var _rcOverflow = _interopRequireDefault(require("rc-overflow"));
 var React = _interopRequireWildcard(require("react"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -28,7 +28,7 @@ function MultipleDates(props) {
   // ========================= Item =========================
   function renderSelector(content, onClose) {
     return /*#__PURE__*/React.createElement("span", {
-      className: (0, _classnames.default)("".concat(selectionCls, "-item")),
+      className: (0, _clsx.clsx)("".concat(selectionCls, "-item")),
       title: typeof content === 'string' ? content : null
     }, /*#__PURE__*/React.createElement("span", {
       className: "".concat(selectionCls, "-item-content")

package/lib/PickerInput/Selector/SingleSelector/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx2 = require("clsx");
 var React = _interopRequireWildcard(require("react"));
 var _dateUtil = require("../../../utils/dateUtil");
 var _context = _interopRequireDefault(require("../../context"));
@@ -15,9 +15,9 @@ var _useInputProps3 = _interopRequireDefault(require("../hooks/useInputProps"));
 var _useRootProps = _interopRequireDefault(require("../hooks/useRootProps"));
 var _MultipleDates = _interopRequireDefault(require("./MultipleDates"));
 var _excluded = ["id", "open", "prefix", "clearIcon", "suffixIcon", "activeHelp", "allHelp", "focused", "onFocus", "onBlur", "onKeyDown", "locale", "generateConfig", "placeholder", "className", "style", "onClick", "onClear", "internalPicker", "value", "onChange", "onSubmit", "onInputChange", "multiple", "maxTagCount", "format", "maskFormat", "preserveInvalidOnBlur", "onInvalid", "disabled", "invalid", "inputReadOnly", "direction", "onOpenChange", "onMouseDown", "required", "aria-required", "autoFocus", "tabIndex", "removeIcon"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -173,7 +173,7 @@ function SingleSelector(props, ref) {
 
   // ======================== Render ========================
   return /*#__PURE__*/React.createElement("div", _extends({}, rootProps, {
-    className: (0, _classnames.default)(prefixCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-multiple"), multiple), "".concat(prefixCls, "-focused"), focused), "".concat(prefixCls, "-disabled"), disabled), "".concat(prefixCls, "-invalid"), invalid), "".concat(prefixCls, "-rtl"), rtl), className),
+    className: (0, _clsx2.clsx)(prefixCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-multiple"), multiple), "".concat(prefixCls, "-focused"), focused), "".concat(prefixCls, "-disabled"), disabled), "".concat(prefixCls, "-invalid"), invalid), "".concat(prefixCls, "-rtl"), rtl), className),
     style: style,
     ref: rootRef,
     onClick: onClick
@@ -188,7 +188,7 @@ function SingleSelector(props, ref) {
       _onMouseDown === null || _onMouseDown === void 0 || _onMouseDown(e);
     }
   }), prefix && /*#__PURE__*/React.createElement("div", {
-    className: (0, _classnames.default)("".concat(prefixCls, "-prefix"), classNames.prefix),
+    className: (0, _clsx2.clsx)("".concat(prefixCls, "-prefix"), classNames.prefix),
     style: styles.prefix
   }, prefix), selectorNode);
 }

package/lib/PickerInput/SinglePicker.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _util = require("@rc-component/util");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = require("clsx");
 var _useLayoutEffect = _interopRequireDefault(require("@rc-component/util/lib/hooks/useLayoutEffect"));
 var _omit = _interopRequireDefault(require("@rc-component/util/lib/omit"));
 var _pickAttrs = _interopRequireDefault(require("@rc-component/util/lib/pickAttrs"));
@@ -424,6 +424,10 @@ function Picker(props, ref) {
     // Render
     ,
     cellRender: onInternalCellRender
+    // Styles
+    ,
+    classNames: mergedClassNames,
+    styles: mergedStyles
   }));
 
   // ========================================================
@@ -505,7 +509,7 @@ function Picker(props, ref) {
   }, /*#__PURE__*/React.createElement(_PickerTrigger.default, _extends({}, (0, _util2.pickTriggerProps)(filledProps), {
     popupElement: panel,
     popupStyle: mergedStyles.popup.root,
-    popupClassName: (0, _classnames.default)(rootClassName, mergedClassNames.popup.root)
+    popupClassName: (0, _clsx.clsx)(rootClassName, mergedClassNames.popup.root)
     // Visible
     ,
     visible: mergedOpen,
@@ -517,7 +521,7 @@ function Picker(props, ref) {
     ref: selectorRef
     // Style
     ,
-    className: (0, _classnames.default)(filledProps.className, rootClassName, mergedClassNames.root),
+    className: (0, _clsx.clsx)(filledProps.className, rootClassName, mergedClassNames.root),
     style: _objectSpread(_objectSpread({}, mergedStyles.root), filledProps.style)
     // Icon
     ,

package/lib/PickerPanel/DatePanel/index.js

@@ -5,15 +5,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = DatePanel;
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx2 = require("clsx");
 var React = _interopRequireWildcard(require("react"));
 var _dateUtil = require("../../utils/dateUtil");
 var _context = require("../context");
 var _PanelBody = _interopRequireDefault(require("../PanelBody"));
 var _PanelHeader = _interopRequireDefault(require("../PanelHeader"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
@@ -62,7 +62,7 @@ function DatePanel(props) {
     });
     return /*#__PURE__*/React.createElement("td", {
       key: "week",
-      className: (0, _classnames.default)(cellPrefixCls, "".concat(cellPrefixCls, "-week"), _defineProperty({}, "".concat(cellPrefixCls, "-disabled"), disabled))
+      className: (0, _clsx2.clsx)(cellPrefixCls, "".concat(cellPrefixCls, "-week"), _defineProperty({}, "".concat(cellPrefixCls, "-disabled"), disabled))
       // Operation: Same as code in PanelBody
       ,
       onClick: function onClick() {
@@ -160,7 +160,7 @@ function DatePanel(props) {
   return /*#__PURE__*/React.createElement(_context.PanelContext.Provider, {
     value: info
   }, /*#__PURE__*/React.createElement("div", {
-    className: (0, _classnames.default)(panelPrefixCls, showWeek && "".concat(panelPrefixCls, "-show-week"))
+    className: (0, _clsx2.clsx)(panelPrefixCls, showWeek && "".concat(panelPrefixCls, "-show-week"))
   }, /*#__PURE__*/React.createElement(_PanelHeader.default, {
     offset: function offset(distance) {
       return generateConfig.addMonth(pickerValue, distance);

package/lib/PickerPanel/PanelBody.js

@@ -5,13 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = PanelBody;
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = require("clsx");
 var React = _interopRequireWildcard(require("react"));
 var _dateUtil = require("../utils/dateUtil");
 var _context = require("./context");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -113,7 +112,7 @@ function PanelBody(props) {
       rowNode.push( /*#__PURE__*/React.createElement("td", {
         key: col,
         title: title,
-        className: (0, _classnames.default)(cellPrefixCls, classNames.item, _objectSpread(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(cellPrefixCls, "-disabled"), disabled), "".concat(cellPrefixCls, "-hover"), (hoverValue || []).some(function (date) {
+        className: (0, _clsx.clsx)(cellPrefixCls, classNames.item, _objectSpread(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(cellPrefixCls, "-disabled"), disabled), "".concat(cellPrefixCls, "-hover"), (hoverValue || []).some(function (date) {
           return (0, _dateUtil.isSame)(generateConfig, locale, currentDate, date, type);
         })), "".concat(cellPrefixCls, "-in-range"), inRange && !rangeStart && !rangeEnd), "".concat(cellPrefixCls, "-range-start"), rangeStart), "".concat(cellPrefixCls, "-range-end"), rangeEnd), "".concat(prefixCls, "-cell-selected"), !hoverRangeValue &&
         // WeekPicker use row instead
@@ -158,10 +157,10 @@ function PanelBody(props) {
 
   // ============================== Render ==============================
   return /*#__PURE__*/React.createElement("div", {
-    className: (0, _classnames.default)("".concat(prefixCls, "-body"), classNames.body),
+    className: (0, _clsx.clsx)("".concat(prefixCls, "-body"), classNames.body),
     style: styles.body
   }, /*#__PURE__*/React.createElement("table", {
-    className: (0, _classnames.default)("".concat(prefixCls, "-content"), classNames.content),
+    className: (0, _clsx.clsx)("".concat(prefixCls, "-content"), classNames.content),
     style: styles.content
   }, headerCells && /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, headerCells)), /*#__PURE__*/React.createElement("tbody", null, rows)));
 }

package/lib/PickerPanel/PanelHeader.js

@@ -5,13 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = require("clsx");
 var React = _interopRequireWildcard(require("react"));
 var _dateUtil = require("../utils/dateUtil");
 var _context = require("./context");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var HIDDEN_STYLE = {
   visibility: 'hidden'
 };
@@ -97,7 +96,7 @@ function PanelHeader(props) {
   var superPrevBtnCls = "".concat(headerPrefixCls, "-super-prev-btn");
   var superNextBtnCls = "".concat(headerPrefixCls, "-super-next-btn");
   return /*#__PURE__*/React.createElement("div", {
-    className: (0, _classnames.default)(headerPrefixCls, classNames.header),
+    className: (0, _clsx.clsx)(headerPrefixCls, classNames.header),
     style: styles.header
   }, superOffset && /*#__PURE__*/React.createElement("button", {
     type: "button",
@@ -106,7 +105,7 @@ function PanelHeader(props) {
       return onSuperOffset(-1);
     },
     tabIndex: -1,
-    className: (0, _classnames.default)(superPrevBtnCls, disabledSuperOffsetPrev && "".concat(superPrevBtnCls, "-disabled")),
+    className: (0, _clsx.clsx)(superPrevBtnCls, disabledSuperOffsetPrev && "".concat(superPrevBtnCls, "-disabled")),
     disabled: disabledSuperOffsetPrev,
     style: hidePrev ? HIDDEN_STYLE : {}
   }, superPrevIcon), offset && /*#__PURE__*/React.createElement("button", {
@@ -116,7 +115,7 @@ function PanelHeader(props) {
       return onOffset(-1);
     },
     tabIndex: -1,
-    className: (0, _classnames.default)(prevBtnCls, disabledOffsetPrev && "".concat(prevBtnCls, "-disabled")),
+    className: (0, _clsx.clsx)(prevBtnCls, disabledOffsetPrev && "".concat(prevBtnCls, "-disabled")),
     disabled: disabledOffsetPrev,
     style: hidePrev ? HIDDEN_STYLE : {}
   }, prevIcon), /*#__PURE__*/React.createElement("div", {
@@ -128,7 +127,7 @@ function PanelHeader(props) {
       return onOffset(1);
     },
     tabIndex: -1,
-    className: (0, _classnames.default)(nextBtnCls, disabledOffsetNext && "".concat(nextBtnCls, "-disabled")),
+    className: (0, _clsx.clsx)(nextBtnCls, disabledOffsetNext && "".concat(nextBtnCls, "-disabled")),
     disabled: disabledOffsetNext,
     style: hideNext ? HIDDEN_STYLE : {}
   }, nextIcon), superOffset && /*#__PURE__*/React.createElement("button", {
@@ -138,7 +137,7 @@ function PanelHeader(props) {
       return onSuperOffset(1);
     },
     tabIndex: -1,
-    className: (0, _classnames.default)(superNextBtnCls, disabledSuperOffsetNext && "".concat(superNextBtnCls, "-disabled")),
+    className: (0, _clsx.clsx)(superNextBtnCls, disabledSuperOffsetNext && "".concat(superNextBtnCls, "-disabled")),
     disabled: disabledSuperOffsetNext,
     style: hideNext ? HIDDEN_STYLE : {}
   }, superNextIcon));

package/lib/PickerPanel/TimePanel/TimePanelBody/TimeColumn.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = TimeColumn;
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx2 = require("clsx");
 var _useLayoutEffect = _interopRequireDefault(require("@rc-component/util/lib/hooks/useLayoutEffect"));
 var React = _interopRequireWildcard(require("react"));
 var _context = require("../../context");
@@ -131,7 +131,7 @@ function TimeColumn(props) {
     return /*#__PURE__*/React.createElement("li", {
       key: unitValue,
       style: styles.item,
-      className: (0, _classnames.default)(cellPrefixCls, classNames.item, _defineProperty(_defineProperty({}, "".concat(cellPrefixCls, "-selected"), value === unitValue), "".concat(cellPrefixCls, "-disabled"), disabled)),
+      className: (0, _clsx2.clsx)(cellPrefixCls, classNames.item, _defineProperty(_defineProperty({}, "".concat(cellPrefixCls, "-selected"), value === unitValue), "".concat(cellPrefixCls, "-disabled"), disabled)),
       onClick: function onClick() {
         if (!disabled) {
           onChange(unitValue);

package/lib/PickerPanel/TimePanel/TimePanelBody/index.js

@@ -10,7 +10,7 @@ var _useTimeInfo3 = _interopRequireDefault(require("../../../hooks/useTimeInfo")
 var _dateUtil = require("../../../utils/dateUtil");
 var _context = require("../../context");
 var _TimeColumn = _interopRequireDefault(require("./TimeColumn"));
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = require("clsx");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -257,7 +257,7 @@ function TimePanelBody(props) {
     changeOnScroll: changeOnScroll
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: (0, _classnames.default)("".concat(prefixCls, "-content"), classNames.content),
+    className: (0, _clsx.clsx)("".concat(prefixCls, "-content"), classNames.content),
     style: styles.content
   }, showHour && /*#__PURE__*/React.createElement(_TimeColumn.default, _extends({
     units: hourUnits,

package/lib/PickerPanel/TimePanel/index.js

@@ -5,15 +5,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = TimePanel;
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = require("clsx");
 var React = _interopRequireWildcard(require("react"));
 var _dateUtil = require("../../utils/dateUtil");
 var _context = require("../context");
 var _PanelHeader = _interopRequireDefault(require("../PanelHeader"));
 var _TimePanelBody = _interopRequireDefault(require("./TimePanelBody"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -39,7 +39,7 @@ function TimePanel(props) {
   return /*#__PURE__*/React.createElement(_context.PanelContext.Provider, {
     value: info
   }, /*#__PURE__*/React.createElement("div", {
-    className: (0, _classnames.default)(panelPrefixCls)
+    className: (0, _clsx.clsx)(panelPrefixCls)
   }, /*#__PURE__*/React.createElement(_PanelHeader.default, null, value ? (0, _dateUtil.formatValue)(value, {
     locale: locale,
     format: format,

package/lib/PickerPanel/WeekPanel/index.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = WeekPanel;
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx2 = require("clsx");
 var React = _interopRequireWildcard(require("react"));
 var _dateUtil = require("../../utils/dateUtil");
 var _DatePanel = _interopRequireDefault(require("../DatePanel"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
@@ -50,7 +50,7 @@ function WeekPanel(props) {
         return (0, _dateUtil.isSameWeek)(generateConfig, localeName, currentDate, date);
       });
     }
-    return (0, _classnames.default)(rowPrefixCls, _defineProperty({}, "".concat(rowPrefixCls, "-selected"), !hoverRangeValue && (0, _dateUtil.isSameWeek)(generateConfig, localeName, value, currentDate)),
+    return (0, _clsx2.clsx)(rowPrefixCls, _defineProperty({}, "".concat(rowPrefixCls, "-selected"), !hoverRangeValue && (0, _dateUtil.isSameWeek)(generateConfig, localeName, value, currentDate)),
     // Patch for hover range
     rangeCls);
   };

package/lib/PickerPanel/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx2 = require("clsx");
 var _util = require("@rc-component/util");
 var React = _interopRequireWildcard(require("react"));
 var _useLocale = _interopRequireDefault(require("../hooks/useLocale"));
@@ -24,9 +24,9 @@ var _QuarterPanel = _interopRequireDefault(require("./QuarterPanel"));
 var _TimePanel = _interopRequireDefault(require("./TimePanel"));
 var _WeekPanel = _interopRequireDefault(require("./WeekPanel"));
 var _YearPanel = _interopRequireDefault(require("./YearPanel"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -294,7 +294,7 @@ function PickerPanel(props, ref) {
   }, /*#__PURE__*/React.createElement("div", {
     ref: rootRef,
     tabIndex: tabIndex,
-    className: (0, _classnames.default)(panelCls, _defineProperty({}, "".concat(panelCls, "-rtl"), direction === 'rtl'))
+    className: (0, _clsx2.clsx)(panelCls, _defineProperty({}, "".concat(panelCls, "-rtl"), direction === 'rtl'))
   }, /*#__PURE__*/React.createElement(PanelComponent, _extends({}, panelProps, {
     // Time
     showTime: mergedShowTime

package/lib/PickerTrigger/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _trigger = _interopRequireDefault(require("@rc-component/trigger"));
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx2 = require("clsx");
 var React = _interopRequireWildcard(require("react"));
 var _uiUtil = require("../utils/uiUtil");
 var _context = _interopRequireDefault(require("../PickerInput/context"));
@@ -81,7 +81,7 @@ function PickerTrigger(_ref) {
     popup: popupElement,
     popupAlign: popupAlign,
     popupVisible: visible,
-    popupClassName: (0, _classnames.default)(popupClassName, _defineProperty(_defineProperty({}, "".concat(dropdownPrefixCls, "-range"), range), "".concat(dropdownPrefixCls, "-rtl"), direction === 'rtl')),
+    popupClassName: (0, _clsx2.clsx)(popupClassName, _defineProperty(_defineProperty({}, "".concat(dropdownPrefixCls, "-range"), range), "".concat(dropdownPrefixCls, "-rtl"), direction === 'rtl')),
     popupStyle: popupStyle,
     stretch: "minWidth",
     getPopupContainer: getPopupContainer,