title: How to separate dateRange start and end using v-model in vuejs?
body: <p>I use functional calendar, and I want to save only the dateRange into two separate variables.</p>
  <pre><code> &lt;functional-calendar
          v-model=&quot;calendar_data&quot;
          :sundayStart=&quot;false&quot;
          :configs=&quot;calendar_configs&quot;
   &gt;&lt;/functional-calendar&gt;
  </code></pre>
  <p>The calendar_data looks like this:</p>
  <pre><code>{ &quot;currentDate&quot;: &quot;2022-07-18T19:43:49.389Z&quot;, &quot;selectedDate&quot;: false, &quot;selectedDateTime&quot;: false, &quot;selectedHour&quot;: &quot;00&quot;, &quot;selectedMinute&quot;: &quot;00&quot;, &quot;selectedDatesItem&quot;: &quot;&quot;, &quot;selectedDates&quot;: [], &quot;dateRange&quot;: { &quot;start&quot;: &quot;7/18/2022&quot;, &quot;end&quot;: &quot;7/21/2022&quot; }, &quot;multipleDateRange&quot;: [] }
  </code></pre>