feat(ui): [date-ranger] add overlayClassName and overlayStyle props

Author: wzc520pyfm

packages/ui/src/DateRanger/Ranger.tsx

@@ -88,6 +88,8 @@ export interface DateRangerProps
   defaultValue?: RangeValue;
   size?: 'small' | 'large' | 'middle';
   tooltipProps?: TooltipProps;
+  overlayClassName?: string;
+  overlayStyle?: React.CSSProperties;
   locale?: any;
 }
 
@@ -128,6 +130,8 @@ const Ranger = React.forwardRef((props: DateRangerProps, ref) => {
     isMoment: isMomentProps,
     rules,
     tip,
+    overlayClassName,
+    overlayStyle,
     ...rest
   } = props;
 
@@ -354,7 +358,10 @@ const Ranger = React.forwardRef((props: DateRangerProps, ref) => {
             }}
             dropdownRender={originNode => {
               return (
-                <div className={`${prefix}-dropdown-picker`}>
+                <div
+                  className={classNames(`${prefix}-dropdown-picker`, overlayClassName)}
+                  style={overlayStyle}
+                >
                   {originNode}
                   <Divider type="vertical" style={{ height: 'auto', margin: '0px 4px 0px 0px' }} />
                   <InternalPickerPanel

packages/ui/src/DateRanger/index.md

@@ -39,6 +39,8 @@ nav:
 | hideYear | 当时间范围在本年时，隐藏年份 | boolean | false | - |
 | hideSecond | 隐藏"秒” | boolean | false | - |
 | autoCalcRange | 自动计算时间范围并回显到选择器tag | boolean | false | - |
+| overlayClassName | 选择面板根元素的类名称 | string | - | - |
+| overlayStyle | 选择面板根元素的样式 | CSSProperties | - | - |
 | ref | updateCurrentTime 手动更新当前时间 | function | - | - |
 | 其他 antd/RangePicker 的 `props` | [antd-RangePicker](https://ant.design/components/date-picker-cn/#RangePicker) | - | - | - |