Fix WeekPicker style, close #11738

components/date-picker/WeekPicker.tsx

@@ -87,7 +87,7 @@ class WeekPicker extends React.Component<any, any> {
     const {
       prefixCls, className, disabled, pickerClass, popupStyle,
       pickerInputClass, format, allowClear, locale, localeCode, disabledDate,
-      style, onFocus, onBlur,
+      style, onFocus, onBlur, id,
     } = this.props;
 
     const pickerValue = this.state.value;
@@ -129,7 +129,6 @@ class WeekPicker extends React.Component<any, any> {
             className={pickerInputClass}
             onFocus={onFocus}
             onBlur={onBlur}
-            style={style}
           />
           {clearIcon}
           <span className={`${prefixCls}-picker-icon`} />
@@ -137,7 +136,11 @@ class WeekPicker extends React.Component<any, any> {
       );
     };
     return (
-      <span className={classNames(className, pickerClass)} id={this.props.id}>
+      <span
+        className={classNames(className, pickerClass)}
+        style={style}
+        id={id}
+      >
         <RcDatePicker
           {...this.props}
           calendar={calendar}

components/date-picker/__tests__/__snapshots__/WeekPicker.test.js.snap

@@ -3,13 +3,13 @@
 exports[`WeekPicker should support style prop 1`] = `
 <span
   class="ant-calendar-picker"
+  style="width: 400px;"
 >
   <span>
     <input
       class="ant-calendar-picker-input ant-input"
       placeholder="Select date"
       readonly=""
-      style="width: 400px;"
       value=""
     />
     <span