readytech-ui-library-v2 1.0.86 → 1.0.87

package/dist/readytech-ui-library-v2.es.js

@@ -3607,7 +3607,7 @@ function Dd(e, n, t, a, l, i) {
     _: 3
   }, 8, ["variant", "size", "color", "disabled", "loading", "outlined", "text", "tile", "depressed", "rounded", "block", "href", "target", "elevation", "to", "replace", "exact", "append", "background-color", "class", "onClick", "aria-label"]);
 }
-const Nt = /* @__PURE__ */ fe(Rd, [["render", Dd], ["__scopeId", "data-v-9ba225fe"]]), ta = Symbol.for("vuetify:layout"), Lr = Symbol.for("vuetify:layout-item"), ho = 1e3, Ed = R({
+const Nt = /* @__PURE__ */ fe(Rd, [["render", Dd], ["__scopeId", "data-v-55749f8e"]]), ta = Symbol.for("vuetify:layout"), Lr = Symbol.for("vuetify:layout-item"), ho = 1e3, Ed = R({
   overlaps: {
     type: Array,
     default: () => []
@@ -16065,14 +16065,8 @@ const Zh = /* @__PURE__ */ fe(Xh, [["render", Qh], ["__scopeId", "data-v-cc22a96
       type: [String, Date],
       required: !0
     },
-    min: {
-      type: String,
-      default: null
-    },
-    max: {
-      type: String,
-      default: null
-    },
+    min: String,
+    max: String,
     label: {
       type: String,
       default: "Select Date"
@@ -16084,56 +16078,61 @@ const Zh = /* @__PURE__ */ fe(Xh, [["render", Qh], ["__scopeId", "data-v-cc22a96
     multiple: {
       type: Boolean,
       default: !1
+    },
+    error: Boolean,
+    errorMessages: {
+      type: [String, Array],
+      default: () => []
+    },
+    placeholder: String,
+    disabled: Boolean,
+    prependIcon: String,
+    autocomplete: String,
+    uid: {
+      type: [String, Number],
+      default: () => Math.floor(Math.random() * 1e4)
     }
   },
+  data() {
+    return {
+      menu: !1,
+      date: this.parseDate(this.modelValue)
+    };
+  },
   computed: {
-    inputValue: {
+    formattedDate: {
       get() {
-        return this.modelValue;
+        return this.date ? this.date.toLocaleDateString() : "";
       },
       set(e) {
-        this.$emit("update:modelValue", e);
+        const n = new Date(e);
+        isNaN(n) || (this.date = n, this.$emit("update:modelValue", n));
       }
     },
-    inputProps() {
-      return { ...this.$props };
-    },
     id() {
       return `rt-date-input-${this.uid}`;
     },
-    // errorId() {
-    //   return this.errorMessages.length ? `error-${this.id}` : null;
-    // },
     computedAriaDescribedby() {
-      return [this.hintId, this.errorId].filter(Boolean).join(" ") || null;
+      return this.hint ? `${this.id}-hint` : null;
     }
   },
-  emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    const t = G(!1), a = G(e.modelValue);
-    ie(
-      () => e.modelValue,
-      (o) => {
-        a.value = o ? new Date(o) : null;
-      }
-    );
-    const l = g({
-      get() {
-        return a.value ? a.value.toLocaleDateString() : "";
-      },
-      set(o) {
-        const r = new Date(o);
-        isNaN(r) || (a.value = r, n("update:modelValue", r));
-      }
-    });
-    return {
-      menu: t,
-      date: a,
-      formattedDate: l,
-      onDateSelect: (o) => {
-        n("update:modelValue", o), t.value = !1;
-      }
-    };
+  watch: {
+    modelValue(e) {
+      this.date = this.parseDate(e);
+    }
+  },
+  methods: {
+    onDateSelect(e) {
+      this.date = e, this.$emit("update:modelValue", e), this.menu = !1;
+    },
+    parseDate(e) {
+      if (!e) return null;
+      const n = new Date(e);
+      return isNaN(n) ? null : n;
+    },
+    handleClear() {
+      this.date = null, this.$emit("update:modelValue", null);
+    }
   }
 }, tg = {
   class: "rt-date-input",
@@ -16142,33 +16141,33 @@ const Zh = /* @__PURE__ */ fe(Xh, [["render", Qh], ["__scopeId", "data-v-cc22a96
 function ng(e, n, t, a, l, i) {
   return E(), Ce("div", tg, [
     s(jt, {
-      modelValue: a.menu,
-      "onUpdate:modelValue": n[2] || (n[2] = (o) => a.menu = o),
+      modelValue: l.menu,
+      "onUpdate:modelValue": n[2] || (n[2] = (o) => l.menu = o),
       transition: "scale-transition",
       "close-on-content-click": !1,
       "max-width": "290px",
       "min-width": "290px",
       "aria-haspopup": "true",
-      "aria-expanded": a.menu.toString()
+      "aria-expanded": l.menu.toString()
     }, {
       activator: $(({ props: o }) => [
         s(Kt, L(o, {
-          modelValue: a.formattedDate,
-          "onUpdate:modelValue": n[0] || (n[0] = (r) => a.formattedDate = r),
+          modelValue: i.formattedDate,
+          "onUpdate:modelValue": n[0] || (n[0] = (r) => i.formattedDate = r),
           "prepend-inner-icon": "mdi-calendar",
           id: i.id,
           hint: t.hint,
           "aria-label": t.label || "Date input field",
           "aria-describedby": i.computedAriaDescribedby,
-          "aria-invalid": e.error ? "true" : "false",
-          placeholder: e.placeholder,
-          disabled: e.disabled,
-          error: e.error,
-          "error-messages": e.errorMessages,
-          "prepend-icon": e.prependIcon,
+          "aria-invalid": t.error ? "true" : "false",
+          placeholder: t.placeholder,
+          disabled: t.disabled,
+          error: t.error,
+          "error-messages": t.errorMessages,
+          "prepend-icon": t.prependIcon,
           clearable: "",
-          autocomplete: e.autocomplete,
-          "onClick:clear": e.handleClear,
+          autocomplete: t.autocomplete,
+          "onClick:clear": i.handleClear,
           label: t.label,
           readonly: "",
           "aria-live": "polite",
@@ -16177,10 +16176,10 @@ function ng(e, n, t, a, l, i) {
       ]),
       default: $(() => [
         s(ys, {
-          modelValue: a.date,
+          modelValue: l.date,
           "onUpdate:modelValue": [
-            n[1] || (n[1] = (o) => a.date = o),
-            a.onDateSelect
+            n[1] || (n[1] = (o) => l.date = o),
+            i.onDateSelect
           ],
           min: t.min,
           max: t.max,
@@ -16192,7 +16191,7 @@ function ng(e, n, t, a, l, i) {
     }, 8, ["modelValue", "aria-expanded"])
   ]);
 }
-const ag = /* @__PURE__ */ fe(eg, [["render", ng]]), lg = {
+const ag = /* @__PURE__ */ fe(eg, [["render", ng], ["__scopeId", "data-v-a58dbd73"]]), lg = {
   name: "RtDatePicker",
   props: {
     color: {