title: How Can I Mask My Material-UI TextField?
body: <p>I have a TextField for phone numbers in a short form. And then i want to mask this form field like (0)xxx xxx xx xx.</p>
  
  <p>I'm trying to use <a href="https://github.com/sanniassin/react-input-mask" rel="noreferrer">react-input-mask</a> plugin with <a href="https://github.com/callemall/material-ui" rel="noreferrer">Material-UI</a>. But if i want to change input value, this is not updating the my main TextField.</p>
  
  <pre><code>        &lt;TextField
            ref="phone"
            name="phone"
            type="text"
            value={this.state.phone}
            onChange={this.onChange}
          &gt;
            &lt;InputMask value={this.state.phone} onChange={this.onChange} mask="(0)999 999 99 99" maskChar=" " /&gt;            
          &lt;/TextField&gt;
  </code></pre>
  
  <p>Actually, I couldn't find any documentation for masking with Material-UI. I'm trying to figure out how can i use with another plugins.</p>