title: v-calendar different dates on manual input and selecting from popover
body: <p>I have datepicker with current setup:</p>
  <pre><code>&lt;v-date-picker
      v-model=&quot;startDate&quot;
      :min-date='minDate'
      :max-date='maxDate'
      :popover=&quot;{ visibility: 'click' }&quot;
  &gt;
     &lt;template v-slot=&quot;{ inputValue, inputEvents }&quot;&gt;
           &lt;input
              class=&quot;form-control form-control-sm&quot;
              :value=&quot;inputValue&quot;
              v-on=&quot;inputEvents&quot;
     /&gt;
     &lt;/template&gt;
  &lt;/v-date-picker&gt;
  </code></pre>
  <p>I set inital date (startDate) as: <strong>2020-07-08T00:00:00.000Z</strong>.
  If i change date through datepicker popover, it always stays in the form of beginning of the day (&quot;date&quot;T00:00:00.000Z&quot;). Problem is if I enter date manualy in input field, for example: &quot;2020-07-08&quot;, date to which this input is translated is: <strong>2020-07-07T22:00:00.000Z</strong>. So through &quot;manual input&quot; it translates date according to timezone. How can avoid that? how can i get beginning of the day for date i entered manualy?</p>
  <p>Thing is, i have records stored in DB with timestamps, and i want to fetch exact records for date range selected through this datepicker component(s)</p>