Fix(VCalendar): fix intervalDay slot name

[CrazyFish08]

Description

Help implement #19568

Markup:

<template>
  <v-app>
    <v-container>
      <v-row class="fill-height">
    <v-col>
      <v-sheet
      class="d-flex"
      height="54"
      tile
    >
      <v-select
        v-model="type"
        :items="types"
        class="ma-2"
        label="View Mode"
        variant="outlined"
        dense
        hide-details
      ></v-select>
    </v-sheet>
      <v-sheet height="600">
        <v-calendar
          ref="calendar"
          v-model="today"
          :events="events"
          color="primary"
          :view-mode="type"
          :interval-format="formatDate"
          :interval-duration="30"
          :intervals="48"
          @click:event="clickedEvent"
        >
        <template #weekDayCalendarCell="{ props, day, events, dayIndex }">
          <v-calendar-day :day="day" :events="events" @click:event="clickedEvent" />
        </template>
      </v-calendar>
      </v-sheet>
    </v-col>
  </v-row>
    </v-container>
  </v-app>
</template>

<script setup>
  import { onMounted, ref } from 'vue'
  import { useDate } from 'vuetify'

  const calendar = ref()

  const today = ref([new Date()])
  const events = ref([])
  const colors = ['blue', 'indigo', 'deep-purple', 'cyan', 'green', 'orange', 'grey darken-1']
  const names = ['Meeting', 'Holiday', 'PTO', 'Travel', 'Event', 'Birthday', 'Conference', 'Party']
  const type = ref('month');
      const types =  ref(['month', 'week', 'day'])

  const clickedEvent = function (data, event) {
    console.log('clicked Event', event)
  }

  onMounted(() => {
    const adapter = useDate()
    fetchEvents({ start: adapter.startOfDay(adapter.startOfMonth(new Date())), end: adapter.endOfDay(adapter.endOfMonth(new Date())) })
  })
  function fetchEvents ({ start, end }) {
    const _events = []
    const min = start
    const max = end
    const days = (max.getTime() - min.getTime()) / 86400000
    const eventCount = rnd(days, days + 20)
    for (let i = 0; i < eventCount; i++) {
      const allDay = rnd(0, 3) === 0
      const firstTimestamp = rnd(min.getTime(), max.getTime())
      const first = new Date(firstTimestamp - (firstTimestamp % 900000))
      const secondTimestamp = rnd(2, allDay ? 288 : 8) * 900000
      const second = new Date(first.getTime() + secondTimestamp)
      _events.push({
        title: names[rnd(0, names.length - 1)],
        start: first,
        end: second,
        color: colors[rnd(0, colors.length - 1)],
        allDay: allDay,
      })
    }
    events.value = _events
  }
  function rnd (a, b) {
    return Math.floor((b - a + 1) * Math.random()) + a
  }
  function formatDate(value) {
    return value.start.toLocaleTimeString({}, { hour: "2-digit", minute: "2-digit", hour12: true})
  }
</script>

[blalan05]

What is the bug? Changing a slot name to a different name based on opinion isn't a fix IMO. weekDayCalendarCell is just as confusing and I think too long. Do you have more substantial reasons for this change?