feat: Add option to keep action row with auto-apply (resolves #111)

Author: Jasenkoo

index.d.ts

@@ -193,6 +193,7 @@ interface Vue3DatePicker {
     utc?: boolean;
     multiDatesLimit?: number | string;
     reverseYears?: boolean;
+    keepActionRow?: boolean;
 }
 
 interface PublicMethods extends MethodOptions {

src/Vue3DatePicker/Vue3DatePicker.vue

@@ -115,6 +115,7 @@
                     fixedEnd,
                     multiDatesLimit,
                     reverseYears,
+                    keepActionRow,
                 }"
                 v-model:internalModelValue="internalModelValue"
                 @close-picker="closeMenu"
@@ -291,6 +292,7 @@
         utc: { type: Boolean as PropType<boolean>, default: false },
         multiDatesLimit: { type: [Number, String] as PropType<number | string>, default: null },
         reverseYears: { type: Boolean as PropType<boolean>, default: false },
+        keepActionRow: { type: Boolean as PropType<boolean>, default: false },
     });
     const slots = useSlots();
     const isOpen = ref(false);

src/Vue3DatePicker/components/DatepickerMenu.vue

@@ -138,7 +138,7 @@
             </div>
         </div>
         <component
-            v-if="!autoApply"
+            v-if="!autoApply || keepActionRow"
             :is="actionRowComponent ? actionRowComponent : ActionRow"
             v-bind="{
                 calendarWidth,
@@ -298,6 +298,7 @@
         fixedEnd: { type: Boolean as PropType<boolean>, default: false },
         multiDatesLimit: { type: [Number, String] as PropType<number | string>, default: null },
         reverseYears: { type: Boolean as PropType<boolean>, default: false },
+        keepActionRow: { type: Boolean as PropType<boolean>, default: false },
     });
     const slots = useSlots();
     const calendarWrapperRef = ref(null);