Formatting input date-picker

[plenzjr]

Hi,

I'd like to give the option of type date direct on text field, but can't figure it out how to format the user input.
The image above shows that the field accept every char inputted.

MyDateComponent.vue

<template v-slot:activator="{ on, attrs }">
      <v-text-field
        v-model="dateFormatted"
        v-bind="attrs"
        :color="color"
        :label="label"
        :type="typeInput"
        :prepend-icon="icon"
        :readonly="readonly"
        :hide-details="hideDetails"
        v-on="on"
        :class="{'inner-field': inner}"
        v-on:change="$emit('change', date)"
        @input="$emit('input', date)"
        dense
      />
    </template>
    <v-date-picker
      v-model="date"
      color="green2"
      no-title
      scrollable
      :type="type"
      :show-current="showCurrent"
      :min="min"
      :max="max"
      :allowed-dates="allowedDates"
      locale="pt-BR"
      class="ma-0 pa-0"
      @input="doInput"
      v-on:change="$emit('change', date)"
    />
...
methods: {
    doInput() {
      this.dialog = false;
      this.$emit('input', this.date)
    },
}

MyPage.vue :

<my-date-picker
  class="custom-input"
  hide-details
  v-model="MyArray.date"
  ref="MaDate"
  max="2050-12-31"
  hideDetails/>

Any help will be appreciated