Как пользоваться календариком vuejs?

Question

[Phoeniks]

Помогите разобраться с el-date-picker. С одной датой понятно, например:

<el-date-picker
v-model="date_from"
type="date"
size="small"
placeholder="Введите дату"
format="DD.MM.YYYY"
value-format="YYYY-MM-DD HH:mm:ss"
/>

"v-model="date_from"", объявляю в "Data", и заношу В БД

А, как быть с эти календариком?

<template>
            <el-date-picker
                v-model="value2"
                type="daterange"
                unlink-panels
                range-separator="To"
                start-placeholder="Start date"
                end-placeholder="End date"
                :shortcuts="shortcuts"
                :size="size"
            />
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const value2 = ref('')

const shortcuts = [
    {
        text: 'Last week',
        value: () => {
            const end = new Date()
            const start = new Date()
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
            return [start, end]
        },
    },
    {
        text: 'Last month',
        value: () => {
            const end = new Date()
            const start = new Date()
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
            return [start, end]
        },
    },
    {
        text: 'Last 3 months',
        value: () => {
            const end = new Date()
            const start = new Date()
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)
            return [start, end]
        },
    },
]
</script>

Здесь можно выбрать две даты, а как их отправить в "Data", если в "v-model=value2", получается я в "Data" могу отправить только одно поле, а как второе отправить?