title: How to auto-close date popup and hide div on selected change of element?
body: <ol>
  <li><p>Rent Date doesn't auto close. It’s getting error as below. I'm not sure it's inside of the Div. Getting below error.</p>
  
  <blockquote>
    <p>"[Vue warn]: Error in v-on handler: 'TypeError: $refs.qDateProxy.hide is not a function'</p>
  </blockquote></li>
  <li><p>Want to hide the <code>RentDate</code> when user select <code>Buy</code> from individual Book’s Select Option. How should I change it? There will be multiple books. </p></li>
  </ol>
  
  <p><a href="https://codepen.io/hiro-john/pen/GRRRNRK?editors=1010" rel="nofollow noreferrer">Codepen</a></p>
  
  <ol>
  <li>To auto close the date popup when user select on the date.</li>
  <li>Hide 'RentDate' when user choose</li>
  </ol>