title: Display datetime at format ("YYYY-MM-DD") in v-calendar (VueJS)
body: <pre><code>          &lt;DatePicker
              v-model=&quot;date&quot;
              is-expanded
              is24hr
              :attributes=&quot;attrs&quot;
              :model-config=&quot;{
                type: 'string',
                mask: 'YYYY-MM-DD HH:mm',
              }&quot;
              mode=&quot;date&quot;
            &gt;
            &lt;/DatePicker&gt;
  </code></pre>
  <p>I tried to add &quot;model-config&quot; like this to  , but it still displayed in screen with &quot;MM-DD-YYYY&quot; format, the data in <code>date</code> is in correct format (&quot;YYYY-MM-DD HH:mm&quot;).</p>
  <p>Dislpay in screen : &quot;12-20-2021&quot; (INCORRECT) =&gt; What I want: &quot;2021-12-20&quot;
  data in <code>date</code> variable: &quot;2021-12-20 14:20&quot; (CORRECT)</p>
  <p>That's is very weird. So how can I change the DISLPAY format of this datetime.
  Thank you guy so much.
  I'm using <code>v-calendar</code> version 2.</p>