Vue. JS - V-Calendar - Не можете добавить имя / описание / ярлык к дате?

Question

Я ищу очень простой календарь со списком событий. Я могу добавить события в календарь - но я не могу добавить соответствующее описание. Что я здесь не так делаю?

<template>
    <div>
        <v-calendar  :columns="$screens({ default: 1, lg: 3, xl: 4 })"
                     :rows="$screens({ default: 1, lg: 2, xl: 3 })"
                     :is-expanded="$screens({ default: true, lg: false })"
                     :attributes='attrs'
                     :min-date='new Date()'
        ></v-calendar>
    </div>
</template>

<script>

    export default {
        data() {
            return {
                attrs: [
                    {
                        highlight: {
                            backgroundColor: '#000',
                        },
                        popover: {label: 'something'},
                        dates: [
                            {
                                popover: 'ergerg', // doesn't work
                                label: 'John Birthday', // doesn't work
                                name: 'John Birthday', // doesn't work
                                title: 'John Birthday', //doesn't work
                                start: new Date(2020, 3, 1),
                                end: new Date(2020, 3, 1),

                            }
                        ]
                    }
                ],
            };
        },
    };
</script>

<style scoped>

</style>