QDate: Allow the ability to set editing range based on the currently hovered date.

[BenAlbin]

Is your feature request related to a problem? Please describe.
On the QDate date picker, I'd sometimes like to be able to select a range with a defined length, for example the current week. So if a day is moused over it will set the editing range to that day's week. Essentially right now I have a date picker where I'll set my modelValue to a range based on the date emitted in a non-range QDate. I'd like to improve the UX on this so the range is highlighted before the user clicks.

Describe the solution you'd like
The mouseoverDay event to be emitted from the QDate component. This would be enough to implement the functionality in my own codebase.

for example (not sure if this is correct code, but hopefully it is enough to get the idea)

<template>
  <QDate :value="dateRange" range @range-start="setModelValueRangeFromDay" @mouseover-day="setEditingRangeFromDay" ref="datePicker" />
</template>

<script setup>
const datePicker = ref()

const rangeFunction = (day) => {
  const date = dateFns.parse(day, "yyyy/MM/dd")
  const rangeStart = dateFns.format(dateFns.startOfWeek(date), "yyyy/MM/dd")
  const rangeEnd = dateFns.format(dateFns.endOfWeek(date), "yyyy/MM/dd")
  return { from: rangeStart, to: rangeEnd }
}

const dateRange = ref(null)
const setModelValueRangeFromDay = ({ year, month, day}) => {
  const day = `${year}/${month}/${day}
  dateRange.value = rangeFunction(day)
}

const setEditingRangeFromDay = (day) => {
  const { from, to } = rangeFunction(day)
  datePicker.value?.setEditingRange(from, to)
}
</script>

Describe alternatives you've considered
A prop in the QDate for range-function or similar that accepts a function (date) => { from, to }, where it will handle setting the editing range and the update:model-value event to the range defined by the function.

For example

<template>
  <QDate v-model="dateRange" range range-fn="rangeFunction" />
</template>

<script setup>
const dateRange = ref(null)

const rangeFunction = (day) => {
  const date = dateFns.parse(day, "yyyy/MM/dd")
  const rangeStart = dateFns.format(dateFns.startOfWeek(date), "yyyy/MM/dd")
  const rangeEnd = dateFns.format(dateFns.endOfWeek(date), "yyyy/MM/dd")
  return { from: rangeStart, to: rangeEnd }
}
</script>