diff --git a/components/date-picker/createPicker.tsx b/components/date-picker/createPicker.tsx
index 315bbdc1ca..4bf1d759f4 100644
--- a/components/date-picker/createPicker.tsx
+++ b/components/date-picker/createPicker.tsx
@@ -125,7 +125,7 @@ export default function createPicker(TheCalendar): any {
       ) : null;
 
       const input = ({ value: inputValue }) => (
-        <span>
+        <div>
           <input
             disabled={props.disabled}
             readOnly
@@ -135,7 +135,7 @@ export default function createPicker(TheCalendar): any {
           />
           {clearIcon}
           <span className={`${prefixCls}-picker-icon`} />
-        </span>
+        </div>
       );
 
       const pickerValue = value;