[HELP] Как ввести дату в инпут вручную?

[RakAndrey]

Подскажите как ввести дату в инпут вручную, чтобы она стала отмеченной в календаре?
Метод update не помогает. Пробовал передавать в этот метод и dateToday и selectedDates.
Если в настройках использовать метод onChangeToInput, то в инпут вообще не получается ничего ввести.

К тому же, чтобы на обработчике вызвать метод update, инстанс календаря приходится оборачивать в рефку, чтобы получить к нему доступ на верхнем уровне setup функции. А т.к. в инстансе очень много параметров и большой уровень вложенности, делать этот огромный объект реактивным давольно ресурсозатратно.

<template>
<input type="text" v-maska="maskOptions" placeholder="..____" :value="calendarValue" ref="calendarRef">
</template>

<script setup>
import { vMaska } from "maska/vue"
import { Calendar } from 'vanilla-calendar-pro'
import 'vanilla-calendar-pro/styles/index.css'


// Defines
const emit = defineEmits(['update:modelValue'])
const props = defineProps(['modelValue'])


// Composables
const { formatDate } = useUtils()


// Data
const calendar = ref(null)
const calendarRef = ref(null)
const calendarValue = ref(null)
const calendarOptions = reactive({
    inputMode: true,
    locale: 'ru-Ru',
    onClickDate(self) {
        self.hide()
        emit('update:modelValue', self.context.selectedDates.map(date => formatDate(date)))
    }
})
const maskOptions = reactive({
    mask: '##.##.####',
    onMaska: (detail) => {
        if(detail.completed){
            calendar.value.update({
                dateToday: new Date(detail.masked)
            })
            calendar.value.hide()
        }
    }
})


for(let key in props.options){
    calendarOptions[key] = props.options[key]
}


// Hooks
onMounted(() => {
    if (calendarRef.value){
        calendar.value = new Calendar(calendarRef.value, calendarOptions)
        calendar.value.init()
    }
})

onUpdated(() => {
    calendarValue.value = props.modelValue
})
</script>