readytech-ui-library-v2 1.0.31 → 1.0.33

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

@@ -15955,12 +15955,12 @@ const vh = /* @__PURE__ */ ce(dh, [["render", fh], ["__scopeId", "data-v-61d3c99
     id() {
       return `rt-input-${this.uid}`;
     },
-    errorId() {
-      return this.errorMessages.length ? `error-${this.id}` : null;
-    },
-    hintId() {
-      return this.hint ? `hint-${this.id}` : null;
-    },
+    // errorId() {
+    //   return this.errorMessages.length ? `error-${this.id}` : null;
+    // },
+    // hintId() {
+    //   return this.hint ? `hint-${this.id}` : null;
+    // },
     computedAriaDescribedby() {
       return [this.hintId, this.errorId].filter(Boolean).join(" ") || null;
     }
@@ -15973,13 +15973,14 @@ const vh = /* @__PURE__ */ ce(dh, [["render", fh], ["__scopeId", "data-v-61d3c99
 }, hh = {
   class: "rt-input",
   role: "main"
-}, gh = ["id"];
-function yh(e, n, t, l, a, i) {
+};
+function gh(e, n, t, l, a, i) {
   return D(), xe("div", hh, [
     s(jt, N(i.inputProps, {
       modelValue: i.inputValue,
       "onUpdate:modelValue": n[0] || (n[0] = (o) => i.inputValue = o),
       id: i.id,
+      hint: t.hint,
       "aria-label": t.label || "Input field",
       "aria-describedby": i.computedAriaDescribedby,
       "aria-invalid": t.error ? "true" : "false",
@@ -15991,15 +15992,10 @@ function yh(e, n, t, l, a, i) {
       clearable: "",
       autocomplete: t.autocomplete,
       "onClick:clear": i.handleClear
-    }), null, 16, ["modelValue", "id", "aria-label", "aria-describedby", "aria-invalid", "placeholder", "disabled", "error", "error-messages", "prepend-icon", "autocomplete", "onClick:clear"]),
-    t.hint ? (D(), xe("p", {
-      key: 0,
-      id: i.hintId,
-      class: "hint"
-    }, ue(t.hint), 9, gh)) : be("", !0)
+    }), null, 16, ["modelValue", "id", "hint", "aria-label", "aria-describedby", "aria-invalid", "placeholder", "disabled", "error", "error-messages", "prepend-icon", "autocomplete", "onClick:clear"])
   ]);
 }
-const Ii = /* @__PURE__ */ ce(mh, [["render", yh], ["__scopeId", "data-v-5e7869ad"]]), bh = {
+const Ii = /* @__PURE__ */ ce(mh, [["render", gh], ["__scopeId", "data-v-4b1353d9"]]), yh = {
   name: "RtConfirmEdit",
   components: {
     RtInput: Ii,
@@ -16038,8 +16034,8 @@ const Ii = /* @__PURE__ */ ce(mh, [["render", yh], ["__scopeId", "data-v-5e7869a
       this.isEditing = !1, this.currentValue = this.value;
     }
   }
-}, kh = { class: "actions" };
-function Sh(e, n, t, l, a, i) {
+}, bh = { class: "actions" };
+function kh(e, n, t, l, a, i) {
   const o = Ee("RtInput"), r = Ee("RtButton"), u = Ee("RtIcon");
   return D(), U(Sn, {
     outlined: "",
@@ -16057,7 +16053,7 @@ function Sh(e, n, t, l, a, i) {
               dense: "",
               class: "edit-field"
             }, null, 8, ["modelValue", "label"]),
-            Je("div", kh, [
+            Je("div", bh, [
               s(r, {
                 color: "primary",
                 small: "",
@@ -16098,7 +16094,7 @@ function Sh(e, n, t, l, a, i) {
     _: 1
   });
 }
-const Ch = /* @__PURE__ */ ce(bh, [["render", Sh], ["__scopeId", "data-v-cc22a96f"]]), ph = {
+const Sh = /* @__PURE__ */ ce(yh, [["render", kh], ["__scopeId", "data-v-cc22a96f"]]), Ch = {
   name: "RtDateInput",
   props: {
     modelValue: {
@@ -16117,68 +16113,122 @@ const Ch = /* @__PURE__ */ ce(bh, [["render", Sh], ["__scopeId", "data-v-cc22a96
       type: String,
       default: "Select Date"
     },
+    hint: {
+      type: String,
+      default: "dd/mm/yyyy"
+    },
     multiple: {
       type: Boolean,
       default: !1
     }
   },
+  computed: {
+    inputValue: {
+      get() {
+        return this.modelValue;
+      },
+      set(e) {
+        this.$emit("update:modelValue", e);
+      }
+    },
+    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;
+    }
+  },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    const t = Y(!1), l = Y(e.modelValue), a = g(() => l.value ? new Date(l.value).toLocaleDateString() : ""), i = (o) => {
-      n("update:modelValue", o), t.value = !1;
-    };
-    return ne(
+    const t = Y(!1), l = Y(e.modelValue);
+    ne(
       () => e.modelValue,
       (o) => {
-        l.value = o;
+        l.value = o ? new Date(o) : null;
+      }
+    );
+    const a = g({
+      get() {
+        return l.value ? l.value.toLocaleDateString() : "";
+      },
+      set(o) {
+        const r = new Date(o);
+        isNaN(r) || (l.value = r, n("update:modelValue", r));
       }
-    ), {
+    });
+    return {
       menu: t,
       date: l,
       formattedDate: a,
-      onDateSelect: i
+      onDateSelect: (o) => {
+        n("update:modelValue", o), t.value = !1;
+      }
     };
   }
+}, ph = {
+  class: "rt-date-input",
+  role: "main"
 };
 function wh(e, n, t, l, a, i) {
-  return D(), U(Wt, {
-    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": l.menu.toString()
-  }, {
-    activator: H(({ props: o }) => [
-      s(jt, N(o, {
-        "prepend-inner-icon": "mdi-calendar",
-        modelValue: l.formattedDate,
-        "onUpdate:modelValue": n[0] || (n[0] = (r) => l.formattedDate = r),
-        label: t.label,
-        readonly: "",
-        "aria-live": "polite",
-        role: "textbox"
-      }), null, 16, ["modelValue", "label"])
-    ]),
-    default: H(() => [
-      s(is, {
-        modelValue: l.date,
-        "onUpdate:modelValue": [
-          n[1] || (n[1] = (o) => l.date = o),
-          l.onDateSelect
-        ],
-        min: t.min,
-        max: t.max,
-        multiple: t.multiple,
-        "aria-label": "Date Picker"
-      }, null, 8, ["modelValue", "onUpdate:modelValue", "min", "max", "multiple"])
-    ]),
-    _: 1
-  }, 8, ["modelValue", "aria-expanded"]);
+  return D(), xe("div", ph, [
+    s(Wt, {
+      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": l.menu.toString()
+    }, {
+      activator: H(({ props: o }) => [
+        s(jt, N(o, {
+          modelValue: l.formattedDate,
+          "onUpdate:modelValue": n[0] || (n[0] = (r) => l.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,
+          clearable: "",
+          autocomplete: e.autocomplete,
+          "onClick:clear": e.handleClear,
+          label: t.label,
+          readonly: "",
+          "aria-live": "polite",
+          role: "textbox"
+        }), null, 16, ["modelValue", "id", "hint", "aria-label", "aria-describedby", "aria-invalid", "placeholder", "disabled", "error", "error-messages", "prepend-icon", "autocomplete", "onClick:clear", "label"])
+      ]),
+      default: H(() => [
+        s(is, {
+          modelValue: l.date,
+          "onUpdate:modelValue": [
+            n[1] || (n[1] = (o) => l.date = o),
+            l.onDateSelect
+          ],
+          min: t.min,
+          max: t.max,
+          multiple: t.multiple,
+          "aria-label": "Date Picker"
+        }, null, 8, ["modelValue", "onUpdate:modelValue", "min", "max", "multiple"])
+      ]),
+      _: 1
+    }, 8, ["modelValue", "aria-expanded"])
+  ]);
 }
-const xh = /* @__PURE__ */ ce(ph, [["render", wh]]), Vh = {
+const xh = /* @__PURE__ */ ce(Ch, [["render", wh]]), Vh = {
   name: "RtDatePicker",
   props: {
     color: {
@@ -24270,7 +24320,7 @@ function Bk(e, n, t, l, a, i) {
 }
 const Rk = /* @__PURE__ */ ce(Ak, [["render", Bk]]), Ek = {
   install: (e, n) => {
-    e.component("RtAlert", Rc), e.component("RtAvatar", Uc), e.component("RtBadge", Yc), e.component("RtBottomNavigation", ad), e.component("RtBottomSheet", $d), e.component("RtBreadcrumbs", Jd), e.component("RtButton", Lt), e.component("RtCalendar", em), e.component("RtCard", lm), e.component("RtCheckbox", om), e.component("RtColorPicker", Jm), e.component("RtComboBox", vh), e.component("RtConfirmEdit", Ch), e.component("RtDateInput", xh), e.component("RtDatePicker", Ih), e.component("RtDialog", Ah), e.component("RtDivider", Dh), e.component("RtExpansionPanel", Lh), e.component("RtFileInput", $h), e.component("RtFloatingButton", Wh), e.component("RtForm", Jh), e.component("RtGrid", tg), e.component("RtHeader", Ys), e.component("RtHover", kg), e.component("RtIcon", Mn), e.component("RtImage", wr), e.component("RtInfiniteScroll", Tg), e.component("RtInput", Ii), e.component("RtList", Bg), e.component("RtMenu", Eg), e.component("RtNavigationDrawer", Kg), e.component("RtOtp", Jg), e.component("RtOverlay", ey), e.component("RtPage", ly), e.component("RtPagination", cy), e.component("RtParallax", gy), e.component("RtPopover", Sy), e.component("RtProgressCircle", wy), e.component("RtRadioGroup", By), e.component("RtRangeSlider", Ly), e.component("RtRatings", $y), e.component("RtSelect", Ws), e.component("RtSelectAutocomplete", Yy), e.component("RtSheet", Xy), e.component("RtSlider", Qy), e.component("RtSnackbar", lb), e.component("RtSpeedDial", ub), e.component("RtStepper", fb), e.component("RtSwitch", yb), e.component("RtSystemBar", wb), e.component("RtTable", Tb), e.component("RtTabs", Fb), e.component("RtTextArea", Ub), e.component("RtTimeline", Jb), e.component("RtTimePicker", ik), e.component("RtTimePickerUI", sk), e.component("RtToolBar", dk), e.component("RtTreeview", mk), e.component("RtContainer", yk), e.component("RtTooltip", Sk), e.component("RtHorizontalRule", xk), e.component("RtButtonGroup", Pk), e.component("RtDialogDynamic", Rk);
+    e.component("RtAlert", Rc), e.component("RtAvatar", Uc), e.component("RtBadge", Yc), e.component("RtBottomNavigation", ad), e.component("RtBottomSheet", $d), e.component("RtBreadcrumbs", Jd), e.component("RtButton", Lt), e.component("RtCalendar", em), e.component("RtCard", lm), e.component("RtCheckbox", om), e.component("RtColorPicker", Jm), e.component("RtComboBox", vh), e.component("RtConfirmEdit", Sh), e.component("RtDateInput", xh), e.component("RtDatePicker", Ih), e.component("RtDialog", Ah), e.component("RtDivider", Dh), e.component("RtExpansionPanel", Lh), e.component("RtFileInput", $h), e.component("RtFloatingButton", Wh), e.component("RtForm", Jh), e.component("RtGrid", tg), e.component("RtHeader", Ys), e.component("RtHover", kg), e.component("RtIcon", Mn), e.component("RtImage", wr), e.component("RtInfiniteScroll", Tg), e.component("RtInput", Ii), e.component("RtList", Bg), e.component("RtMenu", Eg), e.component("RtNavigationDrawer", Kg), e.component("RtOtp", Jg), e.component("RtOverlay", ey), e.component("RtPage", ly), e.component("RtPagination", cy), e.component("RtParallax", gy), e.component("RtPopover", Sy), e.component("RtProgressCircle", wy), e.component("RtRadioGroup", By), e.component("RtRangeSlider", Ly), e.component("RtRatings", $y), e.component("RtSelect", Ws), e.component("RtSelectAutocomplete", Yy), e.component("RtSheet", Xy), e.component("RtSlider", Qy), e.component("RtSnackbar", lb), e.component("RtSpeedDial", ub), e.component("RtStepper", fb), e.component("RtSwitch", yb), e.component("RtSystemBar", wb), e.component("RtTable", Tb), e.component("RtTabs", Fb), e.component("RtTextArea", Ub), e.component("RtTimeline", Jb), e.component("RtTimePicker", ik), e.component("RtTimePickerUI", sk), e.component("RtToolBar", dk), e.component("RtTreeview", mk), e.component("RtContainer", yk), e.component("RtTooltip", Sk), e.component("RtHorizontalRule", xk), e.component("RtButtonGroup", Pk), e.component("RtDialogDynamic", Rk);
   }
 };
 export {