feat: Add [hours/minutes/seconds]-overlay-header slots (resolves #857)

Author: Jasenkoo

index.d.ts

@@ -459,6 +459,9 @@ interface Slots {
         closeMenu: () => void;
         toggleMenu: () => void;
     }): any;
+    'hours-overlay-header'(props: { toggle: () => void }): any;
+    'minutes-overlay-header'(props: { toggle: () => void }): any;
+    'seconds-overlay-header'(props: { toggle: () => void }): any;
 }
 
 type __VLS_WithTemplateSlots<T, S> = T & {

src/VueDatePicker/components/TimePicker/TimeInput.vue

@@ -131,6 +131,12 @@
                     <template v-if="$slots[`${timeInput.type}-overlay-value`]" #item="{ item }">
                         <slot :name="`${timeInput.type}-overlay-value`" :text="item.text" :value="item.value" />
                     </template>
+                    <template v-if="$slots[`${timeInput.type}-overlay-header`]" #header>
+                        <slot
+                            :name="`${timeInput.type}-overlay-header`"
+                            :toggle="() => toggleOverlay(timeInput.type)"
+                        />
+                    </template>
                 </SelectionOverlay>
             </transition>
         </template>

src/VueDatePicker/composables/slots.ts

@@ -16,8 +16,11 @@ export const slots = [
     { name: 'month-overlay-header', use: ['month-year', 'shared'] },
     { name: 'year-overlay-header', use: ['month-year', 'shared'] },
     { name: 'hours-overlay-value', use: ['calendar', 'time', 'shared'] },
+    { name: 'hours-overlay-header', use: ['calendar', 'time', 'shared'] },
     { name: 'minutes-overlay-value', use: ['calendar', 'time', 'shared'] },
+    { name: 'minutes-overlay-header', use: ['calendar', 'time', 'shared'] },
     { name: 'seconds-overlay-value', use: ['calendar', 'time', 'shared'] },
+    { name: 'seconds-overlay-header', use: ['calendar', 'time', 'shared'] },
     { name: 'hours', use: ['calendar', 'time', 'shared'] },
     { name: 'minutes', use: ['calendar', 'time', 'shared'] },
     { name: 'month', use: ['calendar', 'month-year', 'shared'] },