I updated code like that. The result was successful.
________________________________________________________
<template>
<VueDatePicker v-model="date" class="vue-datepicker"></VueDatePicker>
</template>
<style>
.vue-datepicker .dp__cell_inner {
height: 56px !important;
width: 56px !important;
font-size: 3rem;
padding: 35px!important;
}
.vue-datepicker .dp__cell_inner:hover {
background-color: #f0f0f0!important;
}
.vue-datepicker .dp__cell_inner:active {
background-color: #e0e0e0!important;
}
.vue-datepicker .dp__cell_inner:focus {
background-color: #d0d0d0!important;
}
</style>
<script setup>
import { ref } from 'vue';
import { VueDatePicker } from '@vuepic/vue-datepicker';
import '@vuepic/vue-datepicker/dist/main.css'
const date = ref();
</script>
Are you ok?