title: How to open vuejs datepicker on field focus?
body: <p>The vuejs datepicker opens only when I click on its input field. I want it to pop up when I focus on its field by pressing tab from the previous field. </p>
  
  <p>I looked for solutions on stackoverflow but could not find anything similar. </p>
  
  <p>Here is my code:
  <div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const app = new Vue({
    el: '#app',
    components: {
     vuejsDatepicker
    }
  })</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="app"&gt;
    &lt;input type="text" placeholder="Textbox" autofocus&gt;
    &lt;br&gt;&lt;br&gt;
    &lt;vuejs-datepicker placeholder="Datepicker"&gt;&lt;/vuejs-datepicker&gt;
  &lt;/div&gt;
  &lt;script src="https://unpkg.com/vue"&gt;&lt;/script&gt;
  &lt;script src="https://unpkg.com/vuejs-datepicker"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Whenever I press tab after writing something on the textbox, the focus goes to the datepicker field but the picker only pops up when I click on it using mouse. Whereas I want it to open everytime on focus.
  Can someone help please?</p>