Selecting date range becomes non inclusive if end date is selected first

[ventralnet]

https://github.com/ventralnet/vue-sandbox/tree/v-calendar-sandbox

Initializing the date range with zero times then selecting the end date, then in the calendar select start date. Start date 'time' will be 23:59:59 and end date time will be 0:0:0:0.

I would expect the times to be 0:0:0:0 -> 23:59:59

<template>
  <date-picker 
    v-model.range="dateRange"
    mode="datetime"
    is24hr
  />
</template>

....

<script setup>
import { DatePicker } from 'v-calendar';
import 'v-calendar/style.css';
import { reactive } from 'vue';

const todayMinTime = () => {
  let date = new Date();
  date.setHours(0,0,0,0);
  return date;
};

const todayMaxTime = () => {
  let date = new Date();
  date.setHours(23, 59, 59, 0);
  return date;
};

const dateRange = reactive({
  start: todayMinTime(),
  end: todayMaxTime(),
});

</script>

[tommed]

Same. There's no real way to fix this as you can't tell the difference between a user using the time fields to set this 1min window, or this incorrect behaviour.