@quoreadmin/ui 1.7.6 → 1.7.8

package/dist/index44.js

@@ -1,50 +1,53 @@
 import L from "./index142.js";
-import { resolveComponent as b, createElementBlock as t, openBlock as s, createVNode as p, normalizeClass as r, createSlots as $, withCtx as u, createElementVNode as a, createBlock as g, createCommentVNode as n, renderSlot as f, normalizeProps as C, mergeProps as v, toDisplayString as o, withModifiers as k, Fragment as T, renderList as z, createTextVNode as h } from "vue";
+import { resolveComponent as b, createElementBlock as a, openBlock as s, createVNode as h, normalizeClass as r, createSlots as $, withCtx as d, createElementVNode as t, createBlock as p, createCommentVNode as n, renderSlot as f, normalizeProps as C, mergeProps as v, toDisplayString as o, withModifiers as k, Fragment as T, renderList as q, createTextVNode as g } from "vue";
 /* empty css         */
-import O from "./index62.js";
-const q = ["id"], A = ["onMousedown"], E = {
+import E from "./index62.js";
+const z = ["id"], O = ["onMousedown"], R = {
   key: 1,
   class: "searchable-placeholder"
-}, j = { class: "flex gap-2 px-4 py-3" }, P = {
+}, A = {
+  key: 0,
+  class: "required-indicator"
+}, j = { class: "flex gap-2 px-4 py-3" }, D = { class: "required-indicator" }, P = {
   key: 0,
   class: "tag-container"
-}, R = { key: 0 }, B = {
+}, B = { key: 0 }, H = {
   class: /* @__PURE__ */ r([
     "tag-name text-sm leading-normal pr-2 capitalize"
   ])
-}, D = { key: 1 }, M = ["onClick"], N = {
+}, I = { key: 1 }, M = ["onClick"], N = {
   key: 0,
   class: "text-blue-20 text-xs count"
-}, F = {
+}, U = {
   key: 0,
   class: "text-inkwell-10 text-right truncate font-normal"
-}, H = {
+}, F = {
   key: 1,
   class: "text-blue-20 text-xs ml-2"
-}, I = { class: "text-inkwell-40" }, U = { class: "text-inkwell-10 text-right truncate" }, G = {
+}, Q = { class: "text-inkwell-40" }, G = { class: "text-inkwell-10 text-right truncate" }, K = {
   key: 1,
   class: "option-selected text-gray-40 truncate"
-}, K = {
+}, J = {
   key: 3,
   class: "flex w-full justify-between"
-}, Q = { class: "text-inkwell-40 pl-1 text-base font-medium" }, J = ["title"], W = {
+}, W = { class: "text-inkwell-40 pl-1 text-base font-medium" }, X = ["title"], Y = {
   key: 2,
   class: "option-description text-xs pt-0.5 truncate"
 };
-function X(e, d, Y, Z, _, x) {
-  const c = b("q-icon"), w = b("q-button"), S = b("q-badge"), V = b("vue-multiselect");
-  return s(), t("div", {
+function Z(e, u, _, x, ee, le) {
+  const c = b("q-icon"), y = b("q-button"), S = b("q-badge"), V = b("vue-multiselect");
+  return s(), a("div", {
     id: e.id + "-containers",
     class: "control custom-select",
     ref: "currentContainer"
   }, [
-    p(V, {
+    h(V, {
       id: e.id,
       ref: "currentSelect",
       modelValue: e.selected,
       "onUpdate:modelValue": [
-        d[1] || (d[1] = (l) => e.selected = l),
-        d[4] || (d[4] = (l) => e.onUpdateValue(l))
+        u[1] || (u[1] = (l) => e.selected = l),
+        u[4] || (u[4] = (l) => e.onUpdateValue(l))
       ],
       "filtering-sort-func": e.filterSortFunction,
       options: e.internalOptions,
@@ -89,12 +92,12 @@ function X(e, d, Y, Z, _, x) {
       "select-group-label": "",
       "deselect-group-label": "",
       onOpen: e.onOpen,
-      onRemove: d[2] || (d[2] = (l) => e.onRemove(l)),
+      onRemove: u[2] || (u[2] = (l) => e.onRemove(l)),
       onTag: e.addTag,
-      onSearchChange: d[3] || (d[3] = (l) => e.searchChange(l))
+      onSearchChange: u[3] || (u[3] = (l) => e.searchChange(l))
     }, $({
-      caret: u(({ toggle: l }) => [
-        a("div", {
+      caret: d(({ toggle: l }) => [
+        t("div", {
           class: r([
             "h-full w-full",
             "absolute left-0 top-0",
@@ -103,37 +106,40 @@ function X(e, d, Y, Z, _, x) {
           ]),
           onMousedown: k(l, ["prevent"])
         }, [
-          e.loading ? n("", !0) : (s(), g(c, {
+          e.loading ? n("", !0) : (s(), p(c, {
             key: 0,
             icon: "chevron-down",
             type: "line"
           }))
-        ], 40, A),
-        e.searchable ? (s(), g(c, {
+        ], 40, O),
+        e.searchable ? (s(), p(c, {
           key: 0,
           class: "search-icon",
           color: e.selectionControl ? "inkwell-0" : "gray-40",
           icon: "search",
           type: ""
         }, null, 8, ["color"])) : n("", !0),
-        e.searchable && (e.multiple && !e.selected.length || !e.multiple && !e.selected) && !e.selectionControl ? (s(), t("div", E, o(e.placeholder), 1)) : n("", !0)
+        e.searchable && (e.multiple && !e.selected.length || !e.multiple && !e.selected) && !e.selectionControl ? (s(), a("div", R, [
+          g(o(e.placeholder), 1),
+          e.required ? (s(), a("span", A, " *" + o(e.$t("HC_REQUIRED")), 1)) : n("", !0)
+        ])) : n("", !0)
       ]),
-      noResult: u(() => [
-        h(o(e.noResultsText), 1)
+      noResult: d(() => [
+        g(o(e.noResultsText), 1)
       ]),
-      noOptions: u(() => [
-        h(o(e.noOptionsText), 1)
+      noOptions: d(() => [
+        g(o(e.noOptionsText), 1)
       ]),
-      singleLabel: u(({ option: l }) => [
-        l.icon ? (s(), g(c, {
+      singleLabel: d(({ option: l }) => [
+        l.icon ? (s(), p(c, {
           key: 0,
           icon: l.icon
         }, null, 8, ["icon"])) : n("", !0),
         l && e.showPlaceholderImage ? f(e.$slots, "optionPrefix", C(v({ key: 1 }, l)), void 0, !0) : n("", !0),
         e.selectionControl ? f(e.$slots, "controlPlaceholder", { key: 2 }, () => [
-          h(o(e.placeholder), 1)
+          g(o(e.placeholder), 1)
         ], !0) : n("", !0),
-        a("span", {
+        t("span", {
           class: r([
             "option-name",
             {
@@ -142,22 +148,22 @@ function X(e, d, Y, Z, _, x) {
           ])
         }, o(l.label || l.name || l), 3)
       ]),
-      selection: u(({ values: l, isOpen: m }) => [
-        e.useTags ? (s(), t("div", P, [
-          e.groupValues && e.options[0][e.groupValues].length === l.length ? (s(), t("div", R, [
-            a("div", {
+      selection: d(({ values: l, isOpen: m }) => [
+        e.useTags ? (s(), a("div", P, [
+          e.groupValues && e.options[0][e.groupValues].length === l.length ? (s(), a("div", B, [
+            t("div", {
               class: r([
                 "multiselect__tag inline-flex items-center justify-center rounded me-2 z-[1]",
                 { "tag-gray": !!e.showTags }
               ])
             }, [
-              a("span", B, o(e.groupLabel), 1),
-              a("span", {
+              t("span", H, o(e.groupLabel), 1),
+              t("span", {
                 class: "tag-remove cursor-pointer shrink",
                 tabindex: "1",
-                onMousedown: d[0] || (d[0] = k((i) => e.removeElement(e.options[0][e.groupValues]), ["prevent", "stop"]))
+                onMousedown: u[0] || (u[0] = k((i) => e.removeElement(e.options[0][e.groupValues]), ["prevent", "stop"]))
               }, [
-                p(c, {
+                h(c, {
                   icon: "close",
                   color: "white",
                   class: r([
@@ -168,9 +174,9 @@ function X(e, d, Y, Z, _, x) {
                 }, null, 8, ["class"])
               ], 32)
             ], 2)
-          ])) : (s(), t("div", D, [
-            (s(!0), t(T, null, z(!e.expand && e.limitShown ? l.slice(0, e.limitShown) : l, (i, y) => (s(), t("div", {
-              key: y,
+          ])) : (s(), a("div", I, [
+            (s(!0), a(T, null, q(!e.expand && e.limitShown ? l.slice(0, e.limitShown) : l, (i, w) => (s(), a("div", {
+              key: w,
               class: r([
                 "multiselect__tag !inline-flex items-center justify-center rounded mr-2 z-[1]",
                 { "tag-added": i.added },
@@ -178,23 +184,23 @@ function X(e, d, Y, Z, _, x) {
                 i.tagClass ? i.tagClass : ""
               ])
             }, [
-              i.icon ? (s(), g(c, {
+              i.icon ? (s(), p(c, {
                 key: 0,
                 icon: i.icon,
                 class: "tag-icon"
               }, null, 8, ["icon"])) : n("", !0),
-              a("span", {
+              t("span", {
                 class: r([
                   "tag-name text-sm leading-normal pr-2",
                   { "tag-truncate": e.truncateTag }
                 ])
               }, o(i.label || i.name), 3),
-              a("span", {
+              t("span", {
                 class: "tag-remove cursor-pointer shrink",
                 tabindex: "1",
-                onClick: (ee) => e.removeElement(y)
+                onClick: (se) => e.removeElement(w)
               }, [
-                p(c, {
+                h(c, {
                   icon: "close-thick",
                   color: "white",
                   size: "sm",
@@ -206,43 +212,43 @@ function X(e, d, Y, Z, _, x) {
                 }, null, 8, ["class"])
               ], 8, M)
             ], 2))), 128)),
-            !e.expand && e.showSelectedCount && e.multiple && l.length > e.limitShown ? (s(), t("span", N, " + " + o(l.length - e.limitShown) + " more... ", 1)) : n("", !0)
+            !e.expand && e.showSelectedCount && e.multiple && l.length > e.limitShown ? (s(), a("span", N, " + " + o(l.length - e.limitShown) + " more... ", 1)) : n("", !0)
           ]))
         ])) : n("", !0),
-        !e.showTags && !e.taggable && e.multiple && l.length ? (s(), t("div", {
+        !e.showTags && !e.taggable && e.multiple && l.length ? (s(), a("div", {
           key: 1,
           class: r([
             "multiselect__single flex w-full",
             e.selectionControl ? "whitespace-nowrap justify-between" : "items-center"
           ])
         }, [
-          a("span", {
+          t("span", {
             class: r([
               "option-selected",
               {
                 capitalize: e.groupValues && e.options[0][e.groupValues].length === l.length
               }
             ])
-          }, o(e.selectionControl ? e.placeholder : e.groupValues && e.options[0][e.groupValues].length === l.length ? e.groupLabel : l[0].label), 3),
-          e.selectionControl ? (s(), t("span", F, o(e.selectedText), 1)) : n("", !0),
-          e.limitShown && e.limitShown < l.length && (!e.groupValues && l.length !== e.limitShown || e.groupValues && e.options[0][e.groupValues].length !== l.length) ? (s(), t("span", H, " + " + o(l.length - e.limitShown) + " more... ", 1)) : n("", !0)
-        ], 2)) : m && !e.useTags && !e.multiple ? (s(), t("div", {
+          }, o(e.selectionControl ? e.placeholder : e.groupValues && e.options[0][e.groupValues].length === l.length ? e.options[0][e.groupLabel] || e.groupLabel : l[0].label), 3),
+          e.selectionControl ? (s(), a("span", U, o(e.selectedText), 1)) : n("", !0),
+          e.limitShown && e.limitShown < l.length && (!e.groupValues && l.length !== e.limitShown || e.groupValues && e.options[0][e.groupValues].length !== l.length) ? (s(), a("span", F, " + " + o(l.length - e.limitShown) + " more... ", 1)) : n("", !0)
+        ], 2)) : m && !e.useTags && !e.multiple ? (s(), a("div", {
           key: 2,
           class: r([
             "multiselect__single flex w-full",
             e.selectionControl ? "justify-between" : "items-center"
           ])
         }, [
-          e.selectionControl ? (s(), t(T, { key: 0 }, [
-            a("span", I, o(e.placeholder || ""), 1),
-            a("span", U, o(e.selected?.label || e.selected?.name || ""), 1)
-          ], 64)) : (s(), t("span", G, o(e.selected?.label || e.selected?.name || e.placeholder || ""), 1))
-        ], 2)) : m && !e.useTags && e.multiple && e.selectionControl ? (s(), t("div", K, [
-          a("span", Q, o(e.placeholder || ""), 1)
+          e.selectionControl ? (s(), a(T, { key: 0 }, [
+            t("span", Q, o(e.placeholder || ""), 1),
+            t("span", G, o(e.selected?.label || e.selected?.name || ""), 1)
+          ], 64)) : (s(), a("span", K, o(e.selected?.label || e.selected?.name || e.placeholder || ""), 1))
+        ], 2)) : m && !e.useTags && e.multiple && e.selectionControl ? (s(), a("div", J, [
+          t("span", W, o(e.placeholder || ""), 1)
         ])) : n("", !0)
       ]),
-      option: u(({ option: l, search: m }) => [
-        a("div", {
+      option: d(({ option: l, search: m }) => [
+        t("div", {
           class: r([
             "flex items-center w-full",
             { "option-search": l.label === m },
@@ -250,14 +256,14 @@ function X(e, d, Y, Z, _, x) {
           ]),
           title: l.label ? l.label : ""
         }, [
-          e.multiple && e.hasCheckboxes ? (s(), g(S, {
+          e.multiple && e.hasCheckboxes ? (s(), p(S, {
             key: 0,
             "has-icon": !0,
             class: "selected-checkbox mr-2",
             shape: "square"
           }, {
-            icon: u(() => [
-              p(c, {
+            icon: d(() => [
+              h(c, {
                 icon: "check",
                 color: "white",
                 type: "line"
@@ -265,25 +271,25 @@ function X(e, d, Y, Z, _, x) {
             ]),
             _: 1
           })) : n("", !0),
-          a("div", {
+          t("div", {
             class: r([
               "option-icon-name flex items-center",
               !l.$groupLabel && e.groupLabel ? "pl-0" : ""
             ])
           }, [
-            l.icon ? (s(), g(c, {
+            l.icon ? (s(), p(c, {
               key: 0,
               icon: l.icon,
               class: "mr-1"
             }, null, 8, ["icon"])) : n("", !0),
             l ? f(e.$slots, "optionPrefix", C(v({ key: 1 }, l)), void 0, !0) : n("", !0),
-            a("div", {
+            t("div", {
               class: r(["option-name", [
                 l.optionClass ? l.optionClass : ""
               ]])
             }, o(l.$groupLabel || l.label || l.name || l), 3),
-            l.description && e.showOptionDescription ? (s(), t("div", W, o(l.description), 1)) : n("", !0),
-            e.multiple && e.hasCheckboxes ? n("", !0) : (s(), g(c, {
+            l.description && e.showOptionDescription ? (s(), a("div", Y, o(l.description), 1)) : n("", !0),
+            e.multiple && e.hasCheckboxes ? n("", !0) : (s(), p(c, {
               key: 3,
               icon: "check",
               size: "sm",
@@ -292,15 +298,15 @@ function X(e, d, Y, Z, _, x) {
               class: "selected-icon"
             }))
           ], 2)
-        ], 10, J)
+        ], 10, X)
       ]),
       _: 2
     }, [
       e.showSelectAll ? {
         name: "beforeList",
-        fn: u(() => [
-          a("div", j, [
-            p(w, {
+        fn: d(() => [
+          t("div", j, [
+            h(y, {
               type: "button",
               disabled: e.selectedCount === e.selected.length,
               "no-min-width": !0,
@@ -308,12 +314,12 @@ function X(e, d, Y, Z, _, x) {
               status: "link",
               onClick: k(e.selectAll, ["prevent"])
             }, {
-              default: u(() => [
-                h(o(e.$t("HC_SELECT_ALL")), 1)
+              default: d(() => [
+                g(o(e.$t("HC_SELECT_ALL")), 1)
               ]),
               _: 1
             }, 8, ["disabled", "onClick"]),
-            p(w, {
+            h(y, {
               type: "button",
               disabled: !e.selected.length,
               "no-min-width": !0,
@@ -321,19 +327,29 @@ function X(e, d, Y, Z, _, x) {
               status: "link",
               onClick: k(e.clearAll, ["prevent"])
             }, {
-              default: u(() => [
-                h(o(e.$t("HC_CLEAR_ALL")), 1)
+              default: d(() => [
+                g(o(e.$t("HC_CLEAR_ALL")), 1)
               ]),
               _: 1
             }, 8, ["disabled", "onClick"])
           ])
         ]),
         key: "0"
+      } : void 0,
+      e.required ? {
+        name: "placeholder",
+        fn: d(() => [
+          t("span", null, [
+            g(o(e.placeholder), 1),
+            t("span", D, " *" + o(e.$t("HC_REQUIRED")), 1)
+          ])
+        ]),
+        key: "1"
       } : void 0
     ]), 1032, ["id", "modelValue", "filtering-sort-func", "options", "searchable", "multiple", "taggable", "label", "track-by", "group-values", "group-label", "group-select", "block-keys", "class", "disabled", "loading", "allow-empty", "clear-on-select", "close-on-select", "show-tags", "tag-placeholder", "placeholder", "open-direction", "onOpen", "onTag"])
-  ], 8, q);
+  ], 8, z);
 }
-const te = /* @__PURE__ */ O(L, [["render", X], ["__scopeId", "data-v-a1cc69d5"]]);
+const re = /* @__PURE__ */ E(L, [["render", Z], ["__scopeId", "data-v-22fcb9e8"]]);
 export {
-  te as default
+  re as default
 };

package/dist/index95.js

@@ -1,4 +1,4 @@
-import { defineComponent as c, ref as o, computed as p, watch as m, nextTick as y, onUnmounted as b } from "vue";
+import { defineComponent as p, ref as o, computed as u, watch as f, nextTick as b, onUnmounted as w } from "vue";
 import D from "./index175.js";
 /* empty css         */
 import "./index177.js";
@@ -6,7 +6,7 @@ import "./index178.js";
 import "./index179.js";
 import "./index180.js";
 import "./index181.js";
-const x = c({
+const x = p({
   name: "QDatePicker",
   components: {
     DatePicker: D
@@ -82,33 +82,41 @@ const x = c({
     type: {
       type: String,
       default: "date"
+    },
+    // Shows "*Required" indicator next to placeholder with different styling
+    required: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["update:modelValue"],
-  setup(a) {
-    const d = o("bottom"), s = o(), r = o(!1), f = o(a.modelValue || ""), u = p(() => a.disabledAfterToday ? l : a.disabledBeforeToday ? i : a.disabledDate), l = (e) => e > /* @__PURE__ */ new Date(), i = (e) => {
+  setup(t) {
+    const d = o("bottom"), c = o(), r = o(!1), l = o(t.modelValue || ""), m = u(() => t.disabledAfterToday ? i : t.disabledBeforeToday ? s : t.disabledDate), y = u(() => t.required && !l.value), i = (e) => e > /* @__PURE__ */ new Date(), s = (e) => {
       const n = /* @__PURE__ */ new Date();
       return n.setHours(0, 0, 0, 0), e < n;
-    }, t = () => {
+    }, a = () => {
       const e = document.querySelector(".mx-datepicker-main");
       e && (d.value = parseInt(e.style.top) < 0 ? "top" : "bottom");
     };
-    return m(r, async (e) => {
-      e ? window.addEventListener("scroll", t) : window.removeEventListener("scroll", t), await y(), t();
-    }), b(() => {
-      window.removeEventListener("scroll", t);
+    return f(() => t.modelValue, (e) => {
+      l.value = e || "";
+    }), f(r, async (e) => {
+      e ? window.addEventListener("scroll", a) : window.removeEventListener("scroll", a), await b(), a();
+    }), w(() => {
+      window.removeEventListener("scroll", a);
     }), {
       // Refs
       calendarPosition: d,
-      datePicker: s,
+      datePicker: c,
       isOpen: r,
-      value: f,
+      value: l,
       // Computed
-      disabledDates: u,
+      disabledDates: m,
+      showCustomPlaceholder: y,
       // Methods
-      disableDatesAfterToday: l,
-      disableDatesBeforeToday: i,
-      getCalendarPosition: t
+      disableDatesAfterToday: i,
+      disableDatesBeforeToday: s,
+      getCalendarPosition: a
     };
   }
 });

package/dist/src/components/data-filter/data-filter.d.ts

@@ -451,6 +451,10 @@ declare const QDataFilter: import('vue').DefineComponent<import('vue').ExtractPr
             type: StringConstructor;
             default: string;
         };
+        required: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {
         currentInput: import('vue').Ref<null, null>;
         focused: import('vue').Ref<boolean, boolean>;
@@ -488,6 +492,7 @@ declare const QDataFilter: import('vue').DefineComponent<import('vue').ExtractPr
         isDisabled: import('vue').ComputedRef<boolean>;
         showClearIcon: import('vue').ComputedRef<boolean>;
         isSlotAvailable: import('vue').ComputedRef<boolean>;
+        showCustomPlaceholder: import('vue').ComputedRef<boolean>;
         onClickIcon: () => void;
         onFocusOut: () => void;
         togglePasswordVisibility: () => void;
@@ -557,6 +562,10 @@ declare const QDataFilter: import('vue').DefineComponent<import('vue').ExtractPr
             type: StringConstructor;
             default: string;
         };
+        required: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
         "onUpdate-type"?: ((...args: any[]) => any) | undefined;
@@ -567,6 +576,7 @@ declare const QDataFilter: import('vue').DefineComponent<import('vue').ExtractPr
         placeholder: string;
         disabled: boolean;
         status: string;
+        required: boolean;
         expands: boolean;
         maxlength: number;
         controlClass: string;

package/dist/src/components/data-list/data-list.d.ts

@@ -622,6 +622,10 @@ declare const QDataList: import('vue').DefineComponent<import('vue').ExtractProp
                 type: StringConstructor;
                 default: string;
             };
+            required: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>, {
             currentInput: import('vue').Ref<null, null>;
             focused: import('vue').Ref<boolean, boolean>;
@@ -659,6 +663,7 @@ declare const QDataList: import('vue').DefineComponent<import('vue').ExtractProp
             isDisabled: import('vue').ComputedRef<boolean>;
             showClearIcon: import('vue').ComputedRef<boolean>;
             isSlotAvailable: import('vue').ComputedRef<boolean>;
+            showCustomPlaceholder: import('vue').ComputedRef<boolean>;
             onClickIcon: () => void;
             onFocusOut: () => void;
             togglePasswordVisibility: () => void;
@@ -728,6 +733,10 @@ declare const QDataList: import('vue').DefineComponent<import('vue').ExtractProp
                 type: StringConstructor;
                 default: string;
             };
+            required: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{
             "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
             "onUpdate-type"?: ((...args: any[]) => any) | undefined;
@@ -738,6 +747,7 @@ declare const QDataList: import('vue').DefineComponent<import('vue').ExtractProp
             placeholder: string;
             disabled: boolean;
             status: string;
+            required: boolean;
             expands: boolean;
             maxlength: number;
             controlClass: string;

package/dist/src/components/date-picker/date-picker.d.ts

@@ -80,12 +80,17 @@ declare const QDatePicker: import('vue').DefineComponent<import('vue').ExtractPr
         type: StringConstructor;
         default: string;
     };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     calendarPosition: import('vue').Ref<string, string>;
     datePicker: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
     isOpen: import('vue').Ref<boolean, boolean>;
     value: import('vue').Ref<string | Date | (string | Date)[], string | Date | (string | Date)[]>;
     disabledDates: import('vue').ComputedRef<Function | null>;
+    showCustomPlaceholder: import('vue').ComputedRef<boolean>;
     disableDatesAfterToday: (date: any) => boolean;
     disableDatesBeforeToday: (date: any) => boolean;
     getCalendarPosition: () => void;
@@ -171,6 +176,10 @@ declare const QDatePicker: import('vue').DefineComponent<import('vue').ExtractPr
         type: StringConstructor;
         default: string;
     };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -182,6 +191,7 @@ declare const QDatePicker: import('vue').DefineComponent<import('vue').ExtractPr
     disabled: boolean;
     disabledDate: Function;
     locale: string;
+    required: boolean;
     id: string;
     clearable: boolean;
     disabledBeforeToday: boolean;

package/dist/src/components/date-picker/date-picker.stories.d.ts

@@ -72,12 +72,17 @@ export declare const DatePicker: {
                     type: StringConstructor;
                     default: string;
                 };
+                required: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {
                 calendarPosition: import('vue').Ref<string, string>;
                 datePicker: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
                 isOpen: import('vue').Ref<boolean, boolean>;
                 value: import('vue').Ref<string | Date | (string | Date)[], string | Date | (string | Date)[]>;
                 disabledDates: import('vue').ComputedRef<Function | null>;
+                showCustomPlaceholder: import('vue').ComputedRef<boolean>;
                 disableDatesAfterToday: (date: any) => boolean;
                 disableDatesBeforeToday: (date: any) => boolean;
                 getCalendarPosition: () => void;
@@ -147,6 +152,10 @@ export declare const DatePicker: {
                     type: StringConstructor;
                     default: string;
                 };
+                required: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -158,6 +167,7 @@ export declare const DatePicker: {
                 disabled: boolean;
                 disabledDate: Function;
                 locale: string;
+                required: boolean;
                 id: string;
                 clearable: boolean;
                 disabledBeforeToday: boolean;
@@ -726,12 +736,17 @@ export declare const RangedDatePicker: {
                     type: StringConstructor;
                     default: string;
                 };
+                required: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {
                 calendarPosition: import('vue').Ref<string, string>;
                 datePicker: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
                 isOpen: import('vue').Ref<boolean, boolean>;
                 value: import('vue').Ref<string | Date | (string | Date)[], string | Date | (string | Date)[]>;
                 disabledDates: import('vue').ComputedRef<Function | null>;
+                showCustomPlaceholder: import('vue').ComputedRef<boolean>;
                 disableDatesAfterToday: (date: any) => boolean;
                 disableDatesBeforeToday: (date: any) => boolean;
                 getCalendarPosition: () => void;
@@ -801,6 +816,10 @@ export declare const RangedDatePicker: {
                     type: StringConstructor;
                     default: string;
                 };
+                required: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -812,6 +831,7 @@ export declare const RangedDatePicker: {
                 disabled: boolean;
                 disabledDate: Function;
                 locale: string;
+                required: boolean;
                 id: string;
                 clearable: boolean;
                 disabledBeforeToday: boolean;