From d6ed80c6cfe38f77f6935c9a490e0431f1d4abd4 Mon Sep 17 00:00:00 2001
From: Fabio Guachalla <fabio.guachalla@processmaker.com>
Date: Tue, 21 Sep 2021 16:40:49 -0400
Subject: [PATCH] PMCORE-3359:TASKS >  and   fields are not validating
 correctly

---
 .../js/home/TaskMetrics/VueChartLvTwo.vue     | 21 ++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/resources/assets/js/home/TaskMetrics/VueChartLvTwo.vue b/resources/assets/js/home/TaskMetrics/VueChartLvTwo.vue
index 76b2470eb..e2c57b5ff 100644
--- a/resources/assets/js/home/TaskMetrics/VueChartLvTwo.vue
+++ b/resources/assets/js/home/TaskMetrics/VueChartLvTwo.vue
@@ -32,6 +32,8 @@
             }"
             :placeholder="$t('ID_DELEGATE_DATE_TO')"
             v-model="dateTo"
+            :min="dateFrom"
+            :state="stateDateTo"
             @input="changeOption"
           ></b-form-datepicker>
         </div>
@@ -131,13 +133,21 @@ export default {
         },
       },
       series: [],
+      stateDateTo: null,
     };
   },
   created() {},
   mounted() {
     this.getBodyHeight();
   },
-  watch: {},
+  watch: {
+    dateFrom () {
+      this.validateDateTo();
+    },
+    dateTo () {
+      this.validateDateTo();
+    }
+  },
   computed: {},
   updated() {},
   beforeCreate() {},
@@ -199,6 +209,15 @@ export default {
         },
       ]);
     },
+    validateDateTo() {
+      if (this.dateFrom !== '' && this.dateTo !== '') {
+        if (this.dateFrom > this.dateTo) {
+          this.stateDateTo = false;
+        } else {
+          this.stateDateTo = null;
+        }
+      }
+    },
   },
 };
 </script>