DatePicker takes all CPU

[PascalArdex]

We are using v-calendar for a while and have good results with it

Now we noticed a performance issue wit the DatePicker component
We just open the DatePicker in its most basic usage

This is the full code of our wrapper component

<template>
  <BasePopover class="w-full" :popper="{ placement: 'bottom-start' }">
    <BaseInput v-bind="$attrs" :model-value="formatedDate" class="!w-full"></BaseInput>
    <template #panel="{ close }">
      <DatePicker title-position="left" v-model="date" mode="date" @update:modelValue="close" />
    </template>
  </BasePopover>
</template>
<script setup lang="ts">
import { computed } from 'vue';
import 'v-calendar/style.css';
import { DatePicker } from 'v-calendar';
import { useDateFormat } from '@vueuse/core'
import { DateFormats } from '@/constants/date';


const props = defineProps({
  modelValue: {
    type: [String, Number, Date],
    default: '',
  },
  formatDate: {
    type: String,
    default: DateFormats.DEFAULT,
  }
});

const emit = defineEmits<{
  (event: 'update:modelValue', value: string | number | Date): void;
}>();

const date = computed({
  get: () => props.modelValue || '',
  set: (value) => {
    emit('update:modelValue', value);
  },
});

const formatedDate = computed(() => {
  if (!date.value) {
    return ''
  }
  return useDateFormat(date.value, props.formatDate).value || ''
})
</script>

This is Firefox profiler showing this component takes all the CPU

A deeper look does not teach me much more