title: Quasar popup calendar to show current date
body: <p>I need a little help with getting a Quasar vue  popup <code>q-date</code> to default to show the current date.  I can hard coded any date and it works fine but I can't get it to work for a variable of current date.  I have a small sample code at</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div id=&quot;q-app&quot;&gt;
    &lt;div class=&quot;q-pa-md&quot; style=&quot;max-width: 300px&quot;&gt;
      &lt;q-input filled v-model=&quot;date&quot; mask=&quot;##/##/####&quot; :rules=&quot;[checkDate]&quot;&gt;
        &lt;template v-slot:append&gt;
          &lt;q-icon name=&quot;event&quot; class=&quot;cursor-pointer&quot;&gt;
            &lt;q-popup-proxy ref=&quot;qDateProxy&quot; transition-show=&quot;scale&quot; transition-hide=&quot;scale&quot;&gt;
              &lt;q-date v-model=&quot;date&quot; @input=&quot;() =&gt; $refs.qDateProxy.hide()&quot;  mask=&quot;MM/DD/YYYY&quot;&gt;&lt;/q-date&gt;
            &lt;/q-popup-proxy&gt;
          &lt;/q-icon&gt;
        &lt;/template&gt;
      &lt;/q-input&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p><a href="https://codepen.io/morgenweck/pen/abNbNrX?editable=true&amp;editors=101%3Dhttps%3A%2F%2Fquasar.dev%2F" rel="nofollow noreferrer">Codepen Example</a></p>