feat: Add setDateOnMenuClose in config prop (resolves #1027)

Author: Jasenkoo

index.d.ts

@@ -108,7 +108,6 @@ export interface RangeConfig {
     maxRange?: string | number;
     minRange?: string | number;
     autoRange?: string | number;
-    mobileBreakpoint?: number;
 }
 
 export type CustomClass = string | string[];
@@ -137,6 +136,8 @@ export interface GeneralConfig {
     keepViewOnOffsetClick?: boolean;
     timeArrowHoldThreshold?: boolean;
     shadowDom?: boolean;
+    mobileBreakpoint?: number;
+    setDateOnMenuClose?: boolean;
 }
 
 export interface VueDatePickerProps {

src/VueDatePicker/VueDatePicker.vue

@@ -428,7 +428,10 @@
     /**
      * Closes the menu and clears the internal data
      */
-    const closeMenu = (): void => {
+    const closeMenu = (fromClickAway = false): void => {
+        if (fromClickAway && internalModelValue.value && defaultedConfig.value.setDateOnMenuClose) {
+            selectDate();
+        }
         if (!defaultedInline.value.enabled) {
             if (isOpen.value) {
                 isOpen.value = false;
@@ -525,7 +528,7 @@
 
     const clickOutside = (validateBeforeEmit: () => boolean) => {
         if (defaultedConfig.value.onClickOutside) return defaultedConfig.value.onClickOutside(validateBeforeEmit);
-        return closeMenu();
+        return closeMenu(true);
     };
 
     const handleFlow = (skipStep = 0) => {

src/VueDatePicker/interfaces.ts

@@ -288,6 +288,7 @@ export interface Config {
     timeArrowHoldThreshold: number;
     shadowDom?: boolean;
     mobileBreakpoint: number;
+    setDateOnMenuClose?: boolean;
 }
 
 export interface Highlight {

src/VueDatePicker/utils/defaults.ts

@@ -176,6 +176,7 @@ export const getDefaultConfig = (config?: Partial<Config>): Config => {
         timeArrowHoldThreshold: 0,
         shadowDom: false,
         mobileBreakpoint: 600,
+        setDateOnMenuClose: false,
     };
     return { ...defaultConfig, ...(config ?? {}) };
 };