fluency-v8-components 1.4.9 → 1.5.0

package/dist/{index.es-le_XjTgU.mjs → index.es-BhZdsVoB.mjs}

@@ -1,4 +1,4 @@
-import { c as Da, _ as Va, g as il } from "./index-RvcduEmd.mjs";
+import { c as Da, _ as Va, g as il } from "./index-CDvgNv2k.mjs";
 var fn = {}, cn = {}, cr, vn;
 function Q() {
   if (vn) return cr;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fluency-v8-components",
-  "version": "1.4.9",
+  "version": "1.5.0",
   "main": "dist/fluency-v8-components.umd.js",
   "module": "dist/fluency-v8-components.es.js",
   "types": "dist/index.d.ts",

package/src/components/common/DatePickerInput.vue

@@ -13,7 +13,7 @@ const props = defineProps({
   from: Number,
   to: Number,
 });
-const emits = defineEmits(["selectTime"]);
+const emits = defineEmits(["selectTime", "error"]);
 const dateValue = ref(defaultRange());
 
 watch(
@@ -44,12 +44,24 @@ watch(
 
 watch(
   dateValue,
-  (val) => {
-    if (Array.isArray(val) && val.length === 2 && val[0] && val[1]) {
-      emits("selectTime", [
-        moment(val[0]).valueOf(),
-        moment(val[1]).valueOf(),
-      ]);
+  (newVal, oldVal) => {
+    if (Array.isArray(newVal) && newVal.length === 2 && newVal[0] && newVal[1]) {
+      if (newVal[0] > newVal[1]) {
+        // triggers component to break as component do not handle this case
+        emits('error', 'Time from is greater than time to')
+      } else if (Array.isArray(oldVal) && oldVal.length === 2 && oldVal[0] && oldVal[1]) {
+        if (oldVal[0] !== newVal[0] || oldVal[1] !== newVal[1]) {
+          emits("selectTime", [
+            moment(newVal[0]).valueOf(),
+            moment(newVal[1]).valueOf(),
+          ]);
+        }
+      } else {
+        emits("selectTime", [
+          moment(newVal[0]).valueOf(),
+          moment(newVal[1]).valueOf(),
+        ]);
+      }
     }
   },
   { deep: true }