refactor: use simple date instead of datetime filter for timeslots

src/components/shows/TimeSlotFilter.vue

 <template>
   <div class="tw-whitespace-nowrap">
-    <FormGroup v-slot="attrs" :label="t('showTimeslots.start')" class="tw-mb-0" inline>
-      <input v-model="startDate" type="datetime-local" v-bind="attrs" step="60" class="tw-w-fit" />
+    <FormGroup
+      v-slot="attrs"
+      :label="t('showTimeslots.start')"
+      class="tw-mb-0 tw-place-self-stretch"
+      inline
+    >
+      <input v-model="startDate" type="date" v-bind="attrs" class="tw-h-full tw-w-fit" />
     </FormGroup>
 
     <RadioGroup

src/components/shows/TimeSlotList.vue

@@ -2,7 +2,7 @@
   <ASection :title="t('showTimeslots.title')">
     <template #header>
       <TimeSlotFilter
-        v-model:start-date="formattedLocalStartTime"
+        v-model:start-date="formattedLocalStartDate"
         v-model:direction="direction"
         class="tw-flex tw-gap-3 tw-items-center tw-ml-auto"
       />
@@ -99,7 +99,7 @@ const direction = ref<'future' | 'past'>('future')
 const limit = useStorage('aura:timeslotList:timeslotsPerPage', DEFAULT_TIMESLOT_LIMIT)
 const startTime = ref(roundToNearestMinutes(new Date()))
 const formattedStartTime = useFormattedISODate(startTime)
-const formattedLocalStartTime = useFormattedISODate(startTime, now, { stripOffset: true })
+const formattedLocalStartDate = useFormattedISODate(startTime, now, { representation: 'date' })
 const tableEl = ref<HTMLTableElement>()
 const hasPageBeenModified = ref(false)
 const { result } = usePaginatedList(timeslotStore.listIsolated, page, limit, {