How to add v-menu component on click time in v-calendar day-interval

[brainsky]

I follow this example Calendars Events Click code. example link .
And I want to add new v-menu component when click on no event day-interval.
I found v-menu is appear screen top left. I want it appear on click day-interval beside. I need some help, thanks.

vuetify version : ^2.3.13
Google Chrome: 100.0.4896.75
vscode: 1.62.1

my code:

<template>
<v-calendar
     @click:time="clickTime"
  >
 </v-calendar>
<v-menu  
          v-model="selectAddEvent"
          :close-on-content-click="false"
          :activator="newEvent"
          offset-x
          >
          <template >
            <v-card
              color="grey lighten-4"
              min-width="350px"
              flat
            >
              <v-card-text>
                <div>Word of the Day</div>
                <p class="display-1 text--primary">
                  be•nev•o•lent
                </p>
                <p>adjective</p>
                <div class="text--primary">
                  well meaning and kindly.<br>
                  "a benevolent smile"
                </div>
              </v-card-text>
              <v-card-actions>
                <v-btn
                  text
                  color="deep-purple accent-4"
                  @click="selectAddEvent = false"
                >
                  Learn More
                </v-btn>
              </v-card-actions>
            </v-card>
          </template>
        </v-menu>
</template>
<script>
              data: () => ({
                    ...
                    selectedEvent: {},
                    selectAddEvent: false,
                    newEvent: {},
                    ...
               })
              methods:{
                    clickTime (time){
                           if(this.selectedEvent &&  !this.selectedEvent.title){
                                      // no event
                                       const dateTime = this.toTime(time)
                                        this.selectedTime = dateTime
                                        const endTimeMills = dateTime + 15*60*1000
                                        this.newEvent = {
                                            name: `newEvent Title`,
                                            color: this.colors[this.rnd(0, this.colors.length - 1)],
                                            start: dateTime,
                                            end: endTimeMills,
                                            timed: true,
                                        } 
                                       this.selectAddEvent = true
                           }
                    },
                    toTime (tms) {
                          return new Date(tms.year, tms.month - 1, tms.day, tms.hour, tms.minute).getTime()
                    }
              }
</script>

Figure below is run my code result :

so i want result just like click event day-interval. the menu is beside the click day-interval.As shown in the following figure:

[brainsky]

Fortunately i resolved it . i found clickTime methods also can accept nativeEvent param, then set this.selectedElement = nativeEvent.target .
v-menu :activator="selectedElement " .it work!