fix(VCalendar): show all days of multi-day events

[Hendrik-Mueller-Overzone]

Description

For showing the event, a check was added to the filter, to also include days, that lay between the start and end date of an event.

fixes #19065

Markup:

<template>
  <v-app>
    <v-container>
      <v-row>
        <v-col cols="12">
          <div style="height: 600px">
            <v-calendar :events="events" view-mode="month" />
          </div>
        </v-col>
      </v-row>
    </v-container>
  </v-app>
</template>

<script>
  export default {
    name: 'Playground',
    setup () {
      const today = new Date()

      const plus2 = new Date()
      plus2.setDate(today.getDate() + 4)

      return {
        events: [
          {
            title: 'Test 1',
            start: today,
            end: plus2,
            color: 'red',
          },
        ],
      }
    },
  }
</script>

[johnleider]

While this fix allows the display of chips over the multiple days, it's not in the style I would expect.

[Hendrik-Mueller-Overzone]

@johnleider I understand and I agree, this was the only thing I could manage with my limited time and it at least shows the correct information, if not in a great style.

If I'm able to find more time, what would be a styling to expect? Elongated chips, that span the the range of days?

[johnleider]

@johnleider I understand and I agree, this was the only thing I could manage with my limited time and it at least shows the correct information, if not in a great style.

If I'm able to find more time, what would be a styling to expect? Elongated chips, that span the the range of days?

Probably something like Google Calendar