<script setup>
const model = defineModel({ type: [String, Number], required: true });
</script>
<template>
    <QDate v-model="model" :today-btn="true" :options="$attrs.options" />
</template>
<style lang="scss" scoped>
.q-date {
    width: 245px;
    min-width: unset;

    :deep(.q-date__calendar) {
        padding-bottom: 0;
    }
    :deep(.q-date__view) {
        min-height: 245px;
        padding: 8px;
    }
    :deep(.q-date__calendar-days-container) {
        min-height: 160px;
        height: unset;
    }

    :deep(.q-date__header) {
        padding: 2px 2px 5px 12px;
        height: 60px;
    }
}
</style>
