feat: Add menu-header slot (resolves #935)

Vuepic · Jul 14, 2024 · 0d15d39 · 0d15d39
1 parent ed668bf
commit 0d15d39
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/src/VueDatePicker/components/DatepickerMenu.vue b/src/VueDatePicker/components/DatepickerMenu.vue
@@ -16,6 +16,7 @@
                 <span class="dp--menu-loader"></span>
             </div>
         </div>
+        <div v-if="$slots['menu-header']" class="dp--menu-header"><slot name="menu-header" /></div>
         <div v-if="!defaultedInline.enabled && !teleportCenter" :class="arrowClass"></div>
         <div
             ref="innerMenuRef"

diff --git a/src/VueDatePicker/composables/slots.ts b/src/VueDatePicker/composables/slots.ts
@@ -42,6 +42,7 @@ export const slots = [
     { name: 'top-extra', use: ['shared', 'month-year'] },
     { name: 'tp-inline-arrow-up', use: ['shared', 'time'] },
     { name: 'tp-inline-arrow-down', use: ['shared', 'time'] },
+    { name: 'menu-header', use: ['menu'] },
 ];
 
 export const inputSlots = [{ name: 'trigger' }, { name: 'input-icon' }, { name: 'clear-icon' }, { name: 'dp-input' }];