[Bug Report][3.6.9] VDatePicker multiple for v-date-picker Display error about vuetify HOT 10 OPEN

<template>
  <v-container fluid>
    {{ state.dates }}
    <v-row class="pt-2">
      <v-col v-for="month in 12" :key="month">
        <v-date-picker
          v-model="state.dates"
          no-title
          multiple
          elevation="2"
          :day-format="dayFormat"
          :min="getFirstDate(month)"
          :max="getLastDate(month)"
          :picker-date="getFirstDate(month)"
          next-icon=""
          prev-icon=""
          color="primary"
        ></v-date-picker>
      </v-col>
    </v-row>
  </v-container>
</template>

<script setup lang="ts">
import { reactive, Ref, ref } from 'vue';

const state = reactive({
  dates: ['2021-01-01', '2021-02-11', '2022-01-10', '2023-02-11', '2023-10-09'],
});
const year: Ref<number> = ref(2022);

const dayFormat = (date: string): number => {
  return new Date(date).getDate();
};

// yyyy-mm-dd
const formatDate = (dt: Date): string => {
  var y = dt.getFullYear();
  var m = ('00' + (dt.getMonth() + 1)).slice(-2);
  var d = ('00' + dt.getDate()).slice(-2);
  return y + '-' + m + '-' + d;
};

const getFirstDate = (monthIndex: number): string => {
  console.log(formatDate(new Date(year.value, monthIndex - 1, 1)), '====');

  return formatDate(new Date(year.value, monthIndex - 1, 1));
};

const getLastDate = (monthIndex: number): string => {
  return formatDate(new Date(year.value, monthIndex, 0));
};
</script>

<v-row>
      <v-col cols="6" v-for="month in 12" :key="month">
        <v-date-picker
          v-model="dates"
          hide-header
          multiple
          elevation="2"
          :min="getFirstDate(month)"
          :max="getLastDate(month)"
          next-icon=""
          prev-icon=""
          color="primary"
          :year="year"
          :month="month - 1"
        >
        </v-date-picker>
      </v-col>
    </v-row>