feat: Add more dropdown className

Author: zombieJ

src/Picker.tsx

@@ -368,28 +368,28 @@ function InnerPicker<DateType>(props: PickerProps<DateType>) {
         panelRef: panelDivRef,
       }}
     >
-      <div
-        className={classNames(prefixCls, className, {
-          [`${prefixCls}-disabled`]: disabled,
-          [`${prefixCls}-focused`]: focused,
-        })}
-        style={style}
-        onMouseDown={onMouseDown}
-        onMouseUp={onMouseUp}
-        onMouseEnter={onMouseEnter}
-        onMouseLeave={onMouseLeave}
-        onContextMenu={onContextMenu}
-        onClick={onClick}
+      <PickerTrigger
+        visible={mergedOpen}
+        popupElement={panel}
+        popupStyle={popupStyle}
+        prefixCls={prefixCls}
+        dropdownClassName={dropdownClassName}
+        dropdownAlign={dropdownAlign}
+        getPopupContainer={getPopupContainer}
+        transitionName={transitionName}
       >
-        <PickerTrigger
-          visible={mergedOpen}
-          popupElement={panel}
-          popupStyle={popupStyle}
-          prefixCls={prefixCls}
-          dropdownClassName={dropdownClassName}
-          dropdownAlign={dropdownAlign}
-          getPopupContainer={getPopupContainer}
-          transitionName={transitionName}
+        <div
+          className={classNames(prefixCls, className, {
+            [`${prefixCls}-disabled`]: disabled,
+            [`${prefixCls}-focused`]: focused,
+          })}
+          style={style}
+          onMouseDown={onMouseDown}
+          onMouseUp={onMouseUp}
+          onMouseEnter={onMouseEnter}
+          onMouseLeave={onMouseLeave}
+          onContextMenu={onContextMenu}
+          onClick={onClick}
         >
           <div className={`${prefixCls}-input`} ref={inputDivRef}>
             <input
@@ -407,8 +407,8 @@ function InnerPicker<DateType>(props: PickerProps<DateType>) {
             {suffixNode}
             {clearNode}
           </div>
-        </PickerTrigger>
-      </div>
+        </div>
+      </PickerTrigger>
     </PanelContext.Provider>
   );
 }

src/PickerTrigger.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import classNames from 'classnames';
 import Trigger from 'rc-trigger';
 import { AlignType } from 'rc-trigger/lib/interface';
 
@@ -47,6 +48,7 @@ export interface PickerTriggerProps {
   transitionName?: string;
   getPopupContainer?: (node: HTMLElement) => HTMLElement;
   dropdownAlign?: AlignType;
+  range?: boolean;
 }
 
 function PickerTrigger({
@@ -59,6 +61,7 @@ function PickerTrigger({
   transitionName,
   getPopupContainer,
   children,
+  range,
 }: PickerTriggerProps) {
   const dropdownPrefixCls = `${prefixCls}-dropdown`;
 
@@ -73,7 +76,9 @@ function PickerTrigger({
       popup={popupElement}
       popupAlign={dropdownAlign}
       popupVisible={visible}
-      popupClassName={dropdownClassName}
+      popupClassName={classNames(dropdownClassName, {
+        [`${dropdownPrefixCls}-range`]: range,
+      })}
       popupStyle={popupStyle}
       getPopupContainer={getPopupContainer}
     >

src/RangePicker.tsx

@@ -825,6 +825,7 @@ function InnerRangePicker<DateType>(props: RangePickerProps<DateType>) {
         dropdownAlign={dropdownAlign}
         getPopupContainer={getPopupContainer}
         transitionName={transitionName}
+        range
       >
         <div
           ref={containerRef}