title: How to use createAutoCorrectedDatePipe and createNumberMask feature from text-mask in vue?
body: <p>i am using this awesome vue component called <a href="https://github.com/text-mask/text-mask" rel="nofollow noreferrer">text-mask</a>, it offer a simple yet elegant solution for input mask that i use for inputting datetime format and number format. i can make it works for the most part based from documentation like this</p>
  
  <pre><code>&lt;template&gt;
    &lt;div&gt;
      &lt;label&gt;Phone Number&lt;/label&gt;
      &lt;masked-input
        type="text"
        name="phone"
        class="form-control"
        v-model="phone"
        :mask="['(', /[1-9]/, /\d/, /\d/, ')', ' ', /\d/, /\d/, /\d/, '-', /\d/, /\d/, /\d/, /\d/]"
        :guide="false"
        placeholderChar="#"&gt;
      &lt;/masked-input&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
    import MaskedInput from 'vue-text-mask'
  
    export default {
      name: 'name',
  
      components: {
        MaskedInput
      },
  
      data () {
        return {
          phone: ''
        }
      }
    }
  &lt;/script&gt;
  </code></pre>
  
  <p>but it only offer some basic functionality and i need more like for datetime input i want to make sure maximum number for month (only 12) and for date (30 or 31 according to the month) and there is those features in text-mask that act as an <a href="https://github.com/text-mask/text-mask/tree/master/addons/#readme" rel="nofollow noreferrer">addons</a></p>
  
  <p>but i can't find or understand how to make it work in vue. i tried to create an issue on the github but seeing activity on there i think my question will never be answered. so i think it is so much faster if i just ask you all in here.</p>
  
  <p>Maybe there is someone who have ever been using this or maybe have other much better recomendation for input mask component that works in vue way?</p>