edvoyui-component-library-test-flight 0.0.28 → 0.0.30

package/dist/table/EUIDashboardTable.vue.d.ts

@@ -1,5 +1,5 @@
 export * from "/Volumes/work/repos/edvoy-ui-v2/src/components/table/EUIDashboardTable.vue?vue&type=script&setup=true&lang.ts";
-import "/Volumes/work/repos/edvoy-ui-v2/src/components/table/EUIDashboardTable.vue?vue&type=style&index=0&scoped=448c7bbf&lang.scss";
+import "/Volumes/work/repos/edvoy-ui-v2/src/components/table/EUIDashboardTable.vue?vue&type=style&index=0&scoped=853762cf&lang.scss";
 declare const _default: any;
 export default _default;
 //# sourceMappingURL=EUIDashboardTable.vue.d.ts.map

package/dist/table/EUITable.vue.d.ts

@@ -1,5 +1,5 @@
 export * from "/Volumes/work/repos/edvoy-ui-v2/src/components/table/EUITable.vue?vue&type=script&setup=true&lang.ts";
-import "/Volumes/work/repos/edvoy-ui-v2/src/components/table/EUITable.vue?vue&type=style&index=0&scoped=60a9ff29&lang.scss";
+import "/Volumes/work/repos/edvoy-ui-v2/src/components/table/EUITable.vue?vue&type=style&index=0&scoped=c13405e0&lang.scss";
 declare const _default: any;
 export default _default;
 //# sourceMappingURL=EUITable.vue.d.ts.map

package/package.json

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

package/src/components/datepicker/EUIDatepicker.stories.ts

@@ -39,6 +39,15 @@ const meta = {
         "Enables date range selection, allowing users to pick a start and end date.",
       defaultValue: false,
     },
+    multiCalendars: {
+      control: "boolean",
+      description: "Enables date range selection across multiple calendars.",
+      defaultValue: false,
+      table: {
+        type: { summary: "boolean" }, // Specifies the type in the docs table
+        defaultValue: { summary: "false" }, // Default value displayed in the table
+      },
+    },
     timePicker: {
       control: "boolean",
       description: "Allows time selection in addition to the date if true.",

package/src/components/datepicker/EUIDatepicker.vue

@@ -64,6 +64,7 @@
       auto-apply
       :hide-input-icon="true"
       position="left"
+      :multi-calendars="multiCalendars"
       />
     </div>
     <EUIErrorMessage :errors="errors" :name="name" />
@@ -119,6 +120,7 @@ const props = defineProps({
   disabled:Boolean,
   required: Boolean,
   range:Boolean,
+  multiCalendars:Boolean,
   inputFilled: {
     type:Boolean,
     default: false
@@ -138,6 +140,18 @@ const { modelValue, isUtc, clearIcon } = toRefs(props);
 
 const datepicker = ref(props.modelValue)
 
+//Date clear
+watch(
+  () => props.modelValue,
+  (newValue) => {
+    if (!newValue || newValue.length === 0) {
+      datepicker.value = [];
+    } else {
+      datepicker.value = newValue;
+    }
+  }
+);
+
 watch(
   datepicker,
   (newDate) => {
@@ -170,7 +184,7 @@ const clearIconRight = computed(() => (props.iconType === 'endIcon' ? '40px' : '
 <style lang="scss">
 .dp__theme_light {
     --dp-primary-color: rgba(139, 92, 246, 1);
-}
+  }
 
 .eui-datepicker {
   @apply min-w-56;
@@ -187,7 +201,6 @@ const clearIconRight = computed(() => (props.iconType === 'endIcon' ? '40px' : '
         right: v-bind(clearIconRight);
     }
   }
-
   &.normal {
     .dp__main {
       .dp__input {
@@ -198,21 +211,24 @@ const clearIconRight = computed(() => (props.iconType === 'endIcon' ? '40px' : '
       }
     }
   }
-
   .dp__range_end,
   .dp__range_start,
   .dp__active_date {
     background-color: var(--dp-primary-color);
     color: #fff;
   }
-
   .dp__today {
     border-color: var(--dp-primary-color);
   }
-
   .dp__action_select:hover {
     background-color: var(--dp-primary-color);
     color: #fff;
   }
 }
+  .dp__calendar_header {
+    @apply text-sm font-medium;
+  }
+  .dp__cell_inner {
+    @apply text-sm font-normal;
+  }
 </style>

package/src/components/delete.vue

@@ -21,6 +21,20 @@
 
 
     <div class="grid max-w-3xl gap-4 mx-auto mb-6 sm:grid-cols-3">
+
+        <div>
+      <EUIDatepicker
+        v-model:modelValue="datepickerRange"
+        label="Datepicker Range multi"
+        placeholder="Select Date here..."
+        :range="true"
+        :multi-calendars="true"
+        required
+        :icon="CalendarIcon"
+        iconType="startIcon"
+      />
+    </div>
+
     <div>
       <EUIDatepicker
         v-model:modelValue="datepickerRange"

package/src/components/table/EUITable.stories.ts

@@ -16,7 +16,7 @@ import {
 
 // Meta configuration for the EUItabs stories
 const meta = {
-  title: "Component/Table",
+  title: "Components/Table",
   component: EUITable,
   tags: ["autodocs"],
   argTypes: {
@@ -73,6 +73,11 @@ const meta = {
       description:
         "CSS height of the table (e.g., 'h-[calc(100svh-20rem)] max-h-[calc(100svh-20rem)]')",
     },
+    tableLoading: {
+      control: "boolean",
+      description:
+        "Controls the visibility of the table loader. Set to `true` to show the loading state.",
+    },
   },
 } satisfies Meta<typeof EUITable>;