title: Is there any way to mask material input control?
body: <p>I want to mask material date control, for that I have tried two npm modules.
  first, I used <a href="https://www.npmjs.com/package/ngx-mask" rel="nofollow noreferrer">ngx-mask</a> and got this Error:</p>
  <blockquote>
  <p>ERROR Error: More than one custom value accessor matches form control with unspecified name attribute</p>
  </blockquote>
  <p>The Reason for the error is; ngx used ValueAccessor in their realization, but angular has a limitation -&gt; we can use only one realization ValueAccessor. That's why ngx-mask doesn't work with material.<a href="https://github.com/JsDaddy/ngx-mask/issues/50" rel="nofollow noreferrer">refre</a></p>
  <p>The Second solution is <a href="https://www.npmjs.com/package/vanilla-text-mask" rel="nofollow noreferrer">VanillaTextMask.js</a> and I got some abnormal behavior:</p>
  <blockquote>
  <p>If you try a date like &quot;06/11/1983&quot; you will see the model value is &quot;06/11/1983_&quot;,and if you type another number it will get appended. <a href="https://github.com/text-mask/text-mask/issues/294" rel="nofollow noreferrer">refer</a></p>
  </blockquote>
  <p>so, can anyone offer some other solution for implementing masking for angular material input control?</p>