fix(VTimePicker): use window events instead of element

[blalan05]

Change the event handlers to use window events instead of limiting to picker container.

<template>
  <v-app>
    <v-main>
      <v-container>
        <v-row>
          {{ thisDate }}
          <v-col>
            <v-switch v-model="format24" color="primary" false-value="ampm" label="24hr" true-value="24hr" />
          </v-col>
          <v-col>
            <v-switch v-model="seconds" color="primary" label="Seconds" />
          </v-col>
        </v-row>
        <v-row>
          <v-col cols="12">
            <v-time-picker v-model="thisDate" :format="format24" :use-seconds="seconds" scrollable />
          </v-col>
        </v-row>
      </v-container>
    </v-main>
  </v-app>
</template>
<script setup>
  import { ref } from 'vue'

  const thisDate = ref(new Date())

  const format24 = ref('24hr')
  const seconds = ref(false)
</script>