edvoyui-component-library-test-flight 0.0.29 → 0.0.31

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "edvoyui-component-library-test-flight",
   "private": false,
-  "version": "0.0.29",
+  "version": "0.0.31",
   "type": "module",
   "files": [
     "dist/",

package/src/components/datepicker/EUIDatepicker.vue

@@ -138,7 +138,20 @@ const { modelValue, isUtc, clearIcon } = toRefs(props);
 
 // const datepicker = ref( props.modelValue ? props.modelValue : props.timePicker ? time.value : props.range ? [startDate.value, endDate.value] : startDate.value);
 
-const datepicker = ref(props.modelValue)
+const datepicker = ref(props.modelValue || (props.range ? [] : null))
+
+//Date clear
+watch(
+  () => props.modelValue,
+  (newValue) => {
+    if (newValue === null || newValue === undefined || (Array.isArray(newValue) && newValue.length === 0)) {
+      datepicker.value = props.range ? [] : null;;
+    } else {
+      datepicker.value = newValue;
+    }
+  },
+  { immediate: true }
+);
 
 watch(
   datepicker,

package/src/components/delete.vue

@@ -33,6 +33,7 @@
         :icon="CalendarIcon"
         iconType="startIcon"
       />
+      <EUIButton @click="resetFilter">Reset</EUIButton>
     </div>
 
     <div>
@@ -165,7 +166,8 @@ import EUITable from "./table/EUITable.vue";
 import EUITooltip from "./tooltip/EUITooltip.vue";
 import EUISearch from "./searchInput/EUISearch.vue";
 import EUIDatepicker from "./datepicker/EUIDatepicker.vue";
-import { CalculatorIcon, CalendarIcon } from "@heroicons/vue/24/solid";
+import { CalendarIcon } from "@heroicons/vue/24/solid";
+import EUIButton from "./button/EUIButton.vue";
 
 // TODO: Datepicker
 const datepickerRange = ref([
@@ -215,6 +217,10 @@ const onSort = (field: string, order: string) => {
     return 0;
   });
 };
+
+const resetFilter = () => {
+  datepickerRange.value  = []
+}
 </script>
 
 <style scoped></style> -->