title: Use react-input-mask with antd in react-final-form
body: <p>I would like to use <code>react-input-mask</code> with Ant Design <code>Input</code> in <code>react-final-form</code>. In order to use <code>antd</code> with <code>react-final-form</code> I also had to install <code>redux-form-antd</code>. So the file looks like this:</p>
  
  <pre><code>import React from "react";
  import ReactDOM from "react-dom";
  import { Button } from "antd";
  import { Form, Field } from "react-final-form";
  import InputMask from "react-input-mask";
  import { TextField } from "redux-form-antd";
  import "antd/dist/antd.css";
  
  const onSubmit = async values =&gt; {
    window.alert(JSON.stringify(values, 0, 2));
  };
  
  const Input = props =&gt; &lt;InputMask {...props} /&gt;;
  
  function App() {
    return (
      &lt;Form
        onSubmit={onSubmit}
        render={({ handleSubmit, values }) =&gt; (
          &lt;form onSubmit={handleSubmit}&gt;
            &lt;Field
              name="mask"
              parse={value =&gt;
                value
                  .replace(/\)/g, "")
                  .replace(/\(/g, "")
                  .replace(/-/g, "")
                  .replace(/ /g, "")
              }
              render={({ input, meta }) =&gt; (
                &lt;div&gt;
                  &lt;label&gt;mask phone&lt;/label&gt;
                  &lt;Input mask="+7 (999) 999-99-99" {...input} /&gt;
                  {meta.touched &amp;&amp; meta.error &amp;&amp; &lt;span&gt;{meta.error}&lt;/span&gt;}
                &lt;/div&gt;
              )}
            /&gt;
            &lt;Field
              name="antd"
              component={TextField}
              label="antd phone"
              placeholder="Phone"
            /&gt;
            &lt;Button className="submit-button" type="primary"&gt;
              Send
            &lt;/Button&gt;
            &lt;pre&gt;{JSON.stringify(values, 0, 2)}&lt;/pre&gt;
          &lt;/form&gt;
        )}
      /&gt;
    );
  }
  
  const rootElement = document.getElementById("root");
  ReactDOM.render(&lt;App /&gt;, rootElement);
  </code></pre>
  
  <p>Here is a <a href="https://codesandbox.io/s/react-input-mask-test-38js4?fontsize=14" rel="nofollow noreferrer">codesandbox</a> example.</p>
  
  <p>I could only get to work a regular <code>input</code> with an <code>InputMask</code> (input 1) or an <code>antd input</code> without a mask (input 2).</p>
  
  <p>How can I add an <code>InputMask</code> to <code>antd input</code>?</p>