@enos5/enos-vue-default 1.7.1 → 1.7.3

package/dist/components/DateRangeInput.vue.d.ts

@@ -40,6 +40,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: StringConstructor;
         default: string;
     };
+    locale: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -82,6 +86,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: StringConstructor;
         default: string;
     };
+    locale: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -94,4 +102,5 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     min: string;
     minDays: number;
     maxDays: number;
+    locale: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/InputGroup.vue.d.ts

@@ -173,6 +173,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: StringConstructor;
         default: string;
     };
+    locale: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
     blur: (...args: any[]) => void;
@@ -345,6 +349,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: StringConstructor;
         default: string;
     };
+    locale: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
@@ -375,6 +383,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     min: string;
     minDays: number;
     maxDays: number;
+    locale: string;
     currentImageUrl: string;
     accept: string;
     currentLabel: string;

package/dist/index.js

@@ -1,5 +1,5 @@
 import './styles.css';
-import { _, a, b, c, d, e, f, g, h, i, j, k, D, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, S, C, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, T, U, V, W, X, Y, Z, $, a0, a1, a2 } from "./plugin-qr9N0w3u.js";
+import { _, a, b, c, d, e, f, g, h, i, j, k, D, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, S, C, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, T, U, V, W, X, Y, Z, $, a0, a1, a2 } from "./plugin-tniGDCqg.js";
 export {
   _ as ActionCard,
   a as ActionMessage,

package/dist/index.node.js

@@ -1,4 +1,4 @@
-import { _, a, b, c, d, e, f, g, h, i, j, k, D, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, S, C, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, T, U, V, W, X, Y, Z, $, a0, a1, a2 } from "./plugin-qr9N0w3u.js";
+import { _, a, b, c, d, e, f, g, h, i, j, k, D, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, S, C, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, T, U, V, W, X, Y, Z, $, a0, a1, a2 } from "./plugin-tniGDCqg.js";
 export {
   _ as ActionCard,
   a as ActionMessage,

package/dist/{plugin-qr9N0w3u.js → plugin-tniGDCqg.js}

@@ -1433,10 +1433,11 @@ const _hoisted_7$6 = { class: "grid grid-cols-7 gap-1 mb-2" };
 const _hoisted_8$4 = { class: "grid grid-cols-7 gap-1" };
 const _hoisted_9$3 = ["disabled", "onClick", "onMouseenter"];
 const _hoisted_10$3 = { class: "mt-4 pt-4 border-t border-neutral-200 dark:border-neutral-800" };
-const _hoisted_11$3 = { class: "text-xs text-neutral-500 dark:text-neutral-400" };
-const _hoisted_12$2 = { key: 0 };
-const _hoisted_13$2 = { key: 1 };
-const _hoisted_14$2 = { key: 2 };
+const _hoisted_11$3 = { class: "flex items-center justify-between" };
+const _hoisted_12$2 = { class: "text-xs text-neutral-500 dark:text-neutral-400" };
+const _hoisted_13$2 = { key: 0 };
+const _hoisted_14$2 = { key: 1 };
+const _hoisted_15$2 = { key: 2 };
 const _sfc_main$C = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
   __name: "DateRangeInput",
   props: {
@@ -1470,11 +1471,15 @@ const _sfc_main$C = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     },
     label: {
       type: String,
-      default: "Date Range"
+      default: ""
     },
     placeholder: {
       type: String,
       default: "Select date range"
+    },
+    locale: {
+      type: String,
+      default: "fr-CA"
     }
   },
   emits: ["update:modelValue"],
@@ -1635,6 +1640,14 @@ const _sfc_main$C = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
         }
       }
     };
+    const closeCalendar = (event) => {
+      if (calendarRef.value && !calendarRef.value.contains(event.target) && !inputRef.value.contains(event.target)) {
+        if (startDate.value && !endDate.value) {
+          emit("update:modelValue", { start: "", end: "" });
+        }
+        isOpen.value = false;
+      }
+    };
     const handleDateHover = (date) => {
       if (startDate.value && !endDate.value) {
         hoveredDate.value = date;
@@ -1659,8 +1672,30 @@ const _sfc_main$C = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
         currentMonth.value++;
       }
     };
-    const monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
-    const dayNames = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+    const clearSelection = () => {
+      emit("update:modelValue", { start: "", end: "" });
+      isOpen.value = false;
+    };
+    const monthNames = computed(() => {
+      return Array.from({ length: 12 }, (_, i) => {
+        return new Intl.DateTimeFormat(props.locale, { month: "long" }).format(new Date(2e3, i, 1));
+      });
+    });
+    const dayNames = computed(() => {
+      return Array.from({ length: 7 }, (_, i) => {
+        return new Intl.DateTimeFormat(props.locale, { weekday: "short" }).format(new Date(2e3, 0, i + 2));
+      });
+    });
+    watch(isOpen, (newValue) => {
+      if (newValue) {
+        document.addEventListener("click", closeCalendar);
+      } else {
+        document.removeEventListener("click", closeCalendar);
+      }
+    });
+    onUnmounted(() => {
+      document.removeEventListener("click", closeCalendar);
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$q, [
         __props.label ? (openBlock(), createElementBlock("label", _hoisted_2$h, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
@@ -1702,7 +1737,7 @@ const _sfc_main$C = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                   })
                 ], -1)
               ])]),
-              createElementVNode("div", _hoisted_6$6, toDisplayString(monthNames[currentMonth.value]) + " " + toDisplayString(currentYear.value), 1),
+              createElementVNode("div", _hoisted_6$6, toDisplayString(monthNames.value[currentMonth.value]) + " " + toDisplayString(currentYear.value), 1),
               createElementVNode("button", {
                 type: "button",
                 class: "p-1 rounded hover:bg-neutral-100 dark:hover:bg-neutral-800 transition-colors",
@@ -1724,12 +1759,12 @@ const _sfc_main$C = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
               ])])
             ]),
             createElementVNode("div", _hoisted_7$6, [
-              (openBlock(), createElementBlock(Fragment, null, renderList(dayNames, (day) => {
-                return createElementVNode("div", {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(dayNames.value, (day) => {
+                return openBlock(), createElementBlock("div", {
                   key: day,
                   class: "text-xs font-medium text-neutral-500 dark:text-neutral-400 text-center py-1"
                 }, toDisplayString(day), 1);
-              }), 64))
+              }), 128))
             ]),
             createElementVNode("div", _hoisted_8$4, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(calendarDays.value, (day) => {
@@ -1752,7 +1787,7 @@ const _sfc_main$C = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                       "rounded-r-full": day.isEndDate && !day.isStartDate,
                       "rounded-full": day.isStartDate && day.isEndDate
                     }]),
-                    disabled: !day.isCurrentMonth || day.isDisabled,
+                    disabled: day.isDisabled,
                     onClick: ($event) => selectDate(day.date),
                     onMouseenter: ($event) => handleDateHover(day.date),
                     onMouseleave: handleDateLeave
@@ -1762,7 +1797,15 @@ const _sfc_main$C = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
             ]),
             createElementVNode("div", _hoisted_10$3, [
               createElementVNode("div", _hoisted_11$3, [
-                startDate.value && endDate.value ? (openBlock(), createElementBlock("div", _hoisted_12$2, " Range: " + toDisplayString(daysBetween.value) + " days ", 1)) : startDate.value ? (openBlock(), createElementBlock("div", _hoisted_13$2, " Select end date ")) : (openBlock(), createElementBlock("div", _hoisted_14$2, " Select start date "))
+                createElementVNode("div", _hoisted_12$2, [
+                  startDate.value && endDate.value ? (openBlock(), createElementBlock("div", _hoisted_13$2, " Range: " + toDisplayString(daysBetween.value) + " days ", 1)) : startDate.value ? (openBlock(), createElementBlock("div", _hoisted_14$2, " Select end date ")) : (openBlock(), createElementBlock("div", _hoisted_15$2, " Select start date "))
+                ]),
+                startDate.value || endDate.value ? (openBlock(), createElementBlock("button", {
+                  key: 0,
+                  type: "button",
+                  class: "text-xs text-red-600 hover:text-red-700 dark:text-red-400 dark:hover:text-red-300 transition-colors",
+                  onClick: clearSelection
+                }, " Clear ")) : createCommentVNode("", true)
               ])
             ])
           ])
@@ -1771,7 +1814,7 @@ const _sfc_main$C = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     };
   }
 });
-const DateRangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-36446810"]]);
+const DateRangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-43db6d8e"]]);
 const _hoisted_1$p = { class: "relative" };
 const _hoisted_2$g = { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" };
 const _hoisted_3$a = ["accept"];
@@ -2213,7 +2256,7 @@ const _sfc_main$w = {
 const _hoisted_1$j = ["for"];
 const _hoisted_2$d = {
   key: 1,
-  class: "text-xs text-gray-500 mb-1 block break-all"
+  class: "text-xs text-gray-500 mb-1 block"
 };
 const _hoisted_3$9 = {
   key: 17,
@@ -2390,6 +2433,10 @@ const _sfc_main$v = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     endLabel: {
       type: String,
       default: "End Date"
+    },
+    locale: {
+      type: String,
+      default: "fr-CA"
     }
   },
   emits: ["update:modelValue", "blur"],
@@ -2571,6 +2618,7 @@ const _sfc_main$v = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
       maxDays: props.maxDays,
       startLabel: props.startLabel,
       endLabel: props.endLabel,
+      locale: props.locale,
       disabled: props.disabled,
       disabledClass: props.disabledClass
     }));
@@ -5276,4 +5324,4 @@ export {
   _sfc_main$A as y,
   _sfc_main$z as z
 };
-//# sourceMappingURL=plugin-qr9N0w3u.js.map
+//# sourceMappingURL=plugin-tniGDCqg.js.map