From 9e9ad577f406e67ead2799e3c8dab9f3a6d757c2 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 26 Feb 2024 07:23:04 +0100
Subject: [PATCH] refs #6907 feat: add mask and today button

---
 src/components/common/VnInputDate.vue | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/components/common/VnInputDate.vue b/src/components/common/VnInputDate.vue
index ff1dfb2fb..d090a2809 100644
--- a/src/components/common/VnInputDate.vue
+++ b/src/components/common/VnInputDate.vue
@@ -52,10 +52,6 @@ const styleAttrs = computed(() => {
           }
         : {};
 });
-function maxDate(date) {
-    const today = formatDate(new Date());
-    return date <= today;
-}
 </script>
 
 <template>
@@ -76,6 +72,23 @@ function maxDate(date) {
                 ></QIcon>
                 <QIcon name="event" class="cursor-pointer">
                     <QPopupProxy
+                        v-model="isPopupOpen"
+                        cover
+                        transition-show="scale"
+                        transition-hide="scale"
+                        :no-parent-event="props.readonly"
+                    >
+                        <QDate
+                            :today-btn="true"
+                            mask="YYYY-MM-DD"
+                            :model-value="value"
+                            @update:model-value="onDateUpdate"
+                        />
+                    </QPopupProxy>
+                </QIcon>
+            </template>
+        </QInput>
+    </div>
 </template>
 
 <style lang="scss">