diff --git a/components/input/Input.jsx b/components/input/Input.jsx
index 9fd9e2e8e..b598cafbc 100644
--- a/components/input/Input.jsx
+++ b/components/input/Input.jsx
@@ -251,9 +251,7 @@ export default {
         ref: 'input',
         key: 'ant-input',
       };
-      if ($listeners['change.value']) {
-        inputProps.directives = [{ name: 'ant-input' }];
-      }
+      inputProps.directives = [{ name: 'ant-input' }];
       return this.renderLabeledIcon(prefixCls, <input {...inputProps} />);
     },
   },
diff --git a/components/vc-calendar/src/date/DateInput.jsx b/components/vc-calendar/src/date/DateInput.jsx
index 8ec8ebcba..666870820 100644
--- a/components/vc-calendar/src/date/DateInput.jsx
+++ b/components/vc-calendar/src/date/DateInput.jsx
@@ -178,6 +178,9 @@ const DateInput = {
                   name: 'ant-ref',
                   value: this.saveDateInput,
                 },
+                {
+                  name: 'ant-input',
+                },
               ],
             }}
             class={`${prefixCls}-input ${invalidClass}`}
diff --git a/components/vc-calendar/src/year/YearPanel.jsx b/components/vc-calendar/src/year/YearPanel.jsx
index 3627ac1ad..cee1d7954 100644
--- a/components/vc-calendar/src/year/YearPanel.jsx
+++ b/components/vc-calendar/src/year/YearPanel.jsx
@@ -15,7 +15,7 @@ function chooseYear(year) {
   const value = this.sValue.clone();
   value.year(year);
   value.month(this.sValue.month());
-  this.sValue = value
+  this.sValue = value;
   this.__emit('select', value);
 }
 
diff --git a/components/vc-pagination/Options.jsx b/components/vc-pagination/Options.jsx
index 13b791403..4570834b1 100644
--- a/components/vc-pagination/Options.jsx
+++ b/components/vc-pagination/Options.jsx
@@ -129,6 +129,13 @@ export default {
             onChange={this.handleChange}
             onKeyup={this.go}
             onBlur={this.handleBlur}
+            {...{
+              directives: [
+                {
+                  name: 'ant-input',
+                },
+              ],
+            }}
           />
           {locale.page}
           {gotoButton}
diff --git a/components/vc-pagination/Pagination.jsx b/components/vc-pagination/Pagination.jsx
index 1cc4c1576..106bd0aea 100644
--- a/components/vc-pagination/Pagination.jsx
+++ b/components/vc-pagination/Pagination.jsx
@@ -355,6 +355,13 @@ export default {
               onKeyup={this.handleKeyUp}
               onInput={this.handleKeyUp}
               size="3"
+              {...{
+                directives: [
+                  {
+                    name: 'ant-input',
+                  },
+                ],
+              }}
             />
             <span class={`${prefixCls}-slash`}>／</span>
             {allPages}
diff --git a/components/vc-select/Select.jsx b/components/vc-select/Select.jsx
index e2f952be7..9f2dc697e 100644
--- a/components/vc-select/Select.jsx
+++ b/components/vc-select/Select.jsx
@@ -733,7 +733,19 @@ const Select = {
       const props = this.$props;
       const { _inputValue: inputValue } = this.$data;
       const attrs = getAttrs(this);
-      const defaultInput = <input id={attrs.id} autoComplete="off" />;
+      const defaultInput = (
+        <input
+          {...{
+            directives: [
+              {
+                name: 'ant-input',
+              },
+            ],
+          }}
+          id={attrs.id}
+          autoComplete="off"
+        />
+      );
 
       const inputElement = props.getInputElement ? props.getInputElement() : defaultInput;
       const inputCls = classnames(getClass(inputElement), {
diff --git a/components/vc-time-picker/Header.jsx b/components/vc-time-picker/Header.jsx
index cf33f6d83..83714e51f 100644
--- a/components/vc-time-picker/Header.jsx
+++ b/components/vc-time-picker/Header.jsx
@@ -178,6 +178,13 @@ const Header = {
           placeholder={placeholder}
           onInput={this.onInputChange}
           readOnly={!!inputReadOnly}
+          {...{
+            directives: [
+              {
+                name: 'ant-input',
+              },
+            ],
+          }}
         />
       );
     },
diff --git a/components/vc-time-picker/TimePicker.jsx b/components/vc-time-picker/TimePicker.jsx
index 4905b0a60..6e5d9704f 100644
--- a/components/vc-time-picker/TimePicker.jsx
+++ b/components/vc-time-picker/TimePicker.jsx
@@ -377,6 +377,13 @@ export default {
             autoFocus={autoFocus}
             readOnly={!!inputReadOnly}
             id={id}
+            {...{
+              directives: [
+                {
+                  name: 'ant-input',
+                },
+              ],
+            }}
           />
           {inputIcon || <span class={`${prefixCls}-icon`} />}
           {this.renderClearButton()}
diff --git a/components/vc-tree-select/src/SearchInput.jsx b/components/vc-tree-select/src/SearchInput.jsx
index ec04e4df4..fe8aab11e 100644
--- a/components/vc-tree-select/src/SearchInput.jsx
+++ b/components/vc-tree-select/src/SearchInput.jsx
@@ -103,6 +103,9 @@ const SearchInput = {
                 name: 'ant-ref',
                 value: this.inputRef,
               },
+              {
+                name: 'ant-input',
+              },
             ],
           }}
           onInput={onSearchInputChange}