chore: Adjust className

Author: zombieJ

assets/index.less

@@ -341,7 +341,7 @@
       opacity: 0;
     }
 
-    &-focused {
+    &.@{prefix-cls}-focused {
       .@{prefix-cls}-active-bar {
         opacity: 1;
       }

src/Picker.tsx

@@ -322,20 +322,22 @@ function InnerPicker<DateType>(props: PickerProps<DateType>) {
   };
 
   const panel = (
-    <PickerPanel<DateType>
-      {...panelProps}
-      generateConfig={generateConfig}
-      className={classNames({
-        [`${prefixCls}-panel-focused`]: !typing,
-      })}
-      value={selectedValue}
-      locale={locale}
-      tabIndex={-1}
-      onMouseDown={e => {
-        e.preventDefault();
-      }}
-      onChange={setSelectedValue}
-    />
+    <div className={`${prefixCls}-panel-container`}>
+      <PickerPanel<DateType>
+        {...panelProps}
+        generateConfig={generateConfig}
+        className={classNames({
+          [`${prefixCls}-panel-focused`]: !typing,
+        })}
+        value={selectedValue}
+        locale={locale}
+        tabIndex={-1}
+        onMouseDown={e => {
+          e.preventDefault();
+        }}
+        onChange={setSelectedValue}
+      />
+    </div>
   );
 
   let suffixNode: React.ReactNode;

src/RangePicker.tsx

@@ -708,7 +708,7 @@ function InnerRangePicker<DateType>(props: RangePickerProps<DateType>) {
       const showDoublePanel = currentMode === picker;
 
       return (
-        <div className={`${prefixCls}-range-panels`} ref={panelDivRef}>
+        <div className={`${prefixCls}-panel-container`} ref={panelDivRef}>
           {renderPanel(showDoublePanel ? 'left' : false, {
             pickerValue: viewDate,
             onPickerValueChange: (newViewDate: DateType) => {
@@ -824,10 +824,9 @@ function InnerRangePicker<DateType>(props: RangePickerProps<DateType>) {
       >
         <div
           ref={containerRef}
-          className={classNames(`${prefixCls}-range`, className, {
-            [`${prefixCls}-range-disabled`]:
-              mergedDisabled[0] && mergedDisabled[1],
-            [`${prefixCls}-range-focused`]: startFocused || endFocused,
+          className={classNames(prefixCls, `${prefixCls}-range`, className, {
+            [`${prefixCls}-disabled`]: mergedDisabled[0] && mergedDisabled[1],
+            [`${prefixCls}-focused`]: startFocused || endFocused,
           })}
           style={style}
           {...getDataOrAriaProps(props)}