@quoreadmin/ui 1.10.32 → 1.10.33

package/dist/index98.js

@@ -1,15 +1,55 @@
-import { defineComponent as g, ref as l, computed as n, watch as f, nextTick as w, onUnmounted as v } from "vue";
-import D from "./index186.js";
+import { defineComponent as w, ref as s, computed as m, watch as D, nextTick as h, onUnmounted as N } from "vue";
+import v from "./index186.js";
 /* empty css         */
 import "./index188.js";
 import "./index189.js";
 import "./index190.js";
 import "./index191.js";
 import "./index192.js";
-const A = g({
+const B = (e) => {
+  if (!e || typeof e != "string") return;
+  const t = e.trim();
+  if (t)
+    try {
+      return new Intl.DateTimeFormat("en-US", { timeZone: t }).format(/* @__PURE__ */ new Date()), t;
+    } catch {
+      return;
+    }
+}, L = (e, t) => {
+  const n = B(t), r = new Intl.DateTimeFormat("sv-SE", {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    ...n ? { timeZone: n } : {}
+  }).formatToParts(e), i = (f) => r.find((y) => y.type === f)?.value ?? "";
+  return {
+    year: Number(i("year")),
+    month: Number(i("month")),
+    day: Number(i("day"))
+  };
+}, c = (e, t) => {
+  const { year: n, month: o, day: r } = L(e, t);
+  return `${n}-${String(o).padStart(2, "0")}-${String(r).padStart(2, "0")}`;
+}, P = (e) => {
+  if (!e) return null;
+  if (e instanceof Date) return Number.isNaN(e.getTime()) ? null : e;
+  const t = e.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+  if (t)
+    return new Date(
+      Number(t[1]),
+      Number(t[2]) - 1,
+      Number(t[3]),
+      12,
+      0,
+      0,
+      0
+    );
+  const n = new Date(e);
+  return Number.isNaN(n.getTime()) ? null : n;
+}, E = w({
   name: "QDatePicker",
   components: {
-    DatePicker: D
+    DatePicker: v
   },
   props: {
     /** Id for this specific date picker */
@@ -43,11 +83,26 @@ const A = g({
       type: Boolean,
       default: !1
     },
+    /** Disable dates before the property's current calendar day */
+    isTodayMin: {
+      type: Boolean,
+      default: !1
+    },
     /** Disable all dates after today's date */
     disabledAfterToday: {
       type: Boolean,
       default: !1
     },
+    /** Minimum allowed date, compared as a calendar day in `propertyTimezone` when provided */
+    minimumDate: {
+      type: [Date, String],
+      default: null
+    },
+    /** IANA timezone used for date-only comparisons such as `isTodayMin` / `minimumDate` */
+    propertyTimezone: {
+      type: String,
+      default: ""
+    },
     /** Date format for the date picker */
     format: {
       type: String,
@@ -95,38 +150,55 @@ const A = g({
     }
   },
   emits: ["update:modelValue"],
-  setup(t) {
-    const i = l("bottom"), c = l(), d = l(!1), o = l(t.modelValue || ""), m = n(() => t.disabledAfterToday ? s : t.disabledBeforeToday ? u : t.disabledDate), y = n(() => t.required && !t.floatingLabel && !o.value), p = n(() => t.floatingLabel), b = n(() => t.floatingLabel && (!!o.value || d.value)), s = (e) => e > /* @__PURE__ */ new Date(), u = (e) => {
-      const r = /* @__PURE__ */ new Date();
-      return r.setHours(0, 0, 0, 0), e < r;
-    }, a = () => {
-      const e = document.querySelector(".mx-datepicker-main");
-      e && (i.value = parseInt(e.style.top) < 0 ? "top" : "bottom");
+  setup(e) {
+    const t = s("bottom"), n = s(), o = s(!1), r = s(e.modelValue || ""), i = m(() => {
+      const a = P(e.minimumDate), d = typeof e.disabledDate == "function";
+      return (u) => {
+        if (e.disabledAfterToday && b(u) || e.disabledBeforeToday && p(u))
+          return !0;
+        if (e.isTodayMin) {
+          const g = c(/* @__PURE__ */ new Date(), e.propertyTimezone);
+          if (c(u, e.propertyTimezone) < g)
+            return !0;
+        }
+        if (a) {
+          const g = c(a, e.propertyTimezone);
+          if (c(u, e.propertyTimezone) < g)
+            return !0;
+        }
+        return d ? e.disabledDate(u) : !1;
+      };
+    }), f = m(() => e.required && !e.floatingLabel && !r.value), y = m(() => e.floatingLabel), S = m(() => e.floatingLabel && (!!r.value || o.value)), b = (a) => a > /* @__PURE__ */ new Date(), p = (a) => {
+      const d = /* @__PURE__ */ new Date();
+      return d.setHours(0, 0, 0, 0), a < d;
+    }, l = () => {
+      const a = document.querySelector(".mx-datepicker-main");
+      a && (t.value = parseInt(a.style.top) < 0 ? "top" : "bottom");
     };
-    return f(() => t.modelValue, (e) => {
-      o.value = e || "";
-    }), f(d, async (e) => {
-      e ? window.addEventListener("scroll", a) : window.removeEventListener("scroll", a), await w(), a();
-    }), v(() => {
-      window.removeEventListener("scroll", a);
+    return D(() => e.modelValue, (a) => {
+      r.value = a || "";
+    }), D(o, async (a) => {
+      a ? window.addEventListener("scroll", l) : window.removeEventListener("scroll", l), await h(), l();
+    }), N(() => {
+      window.removeEventListener("scroll", l);
     }), {
       // Refs
-      calendarPosition: i,
-      datePicker: c,
-      isOpen: d,
-      value: o,
+      calendarPosition: t,
+      datePicker: n,
+      isOpen: o,
+      value: r,
       // Computed
-      disabledDates: m,
-      showCustomPlaceholder: y,
-      showFloatingLabel: p,
-      isLabelFloated: b,
+      disabledDates: i,
+      showCustomPlaceholder: f,
+      showFloatingLabel: y,
+      isLabelFloated: S,
       // Methods
-      disableDatesAfterToday: s,
-      disableDatesBeforeToday: u,
-      getCalendarPosition: a
+      disableDatesAfterToday: b,
+      disableDatesBeforeToday: p,
+      getCalendarPosition: l
     };
   }
 });
 export {
-  A as default
+  E as default
 };

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

@@ -42,11 +42,26 @@ declare const QDatePicker: import('vue').DefineComponent<import('vue').ExtractPr
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Disable dates before the property's current calendar day */
+    isTodayMin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** Disable all dates after today's date */
     disabledAfterToday: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Minimum allowed date, compared as a calendar day in `propertyTimezone` when provided */
+    minimumDate: {
+        type: (StringConstructor | DateConstructor)[];
+        default: null;
+    };
+    /** IANA timezone used for date-only comparisons such as `isTodayMin` / `minimumDate` */
+    propertyTimezone: {
+        type: StringConstructor;
+        default: string;
+    };
     /** Date format for the date picker */
     format: {
         type: StringConstructor;
@@ -144,11 +159,26 @@ declare const QDatePicker: import('vue').DefineComponent<import('vue').ExtractPr
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Disable dates before the property's current calendar day */
+    isTodayMin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** Disable all dates after today's date */
     disabledAfterToday: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Minimum allowed date, compared as a calendar day in `propertyTimezone` when provided */
+    minimumDate: {
+        type: (StringConstructor | DateConstructor)[];
+        default: null;
+    };
+    /** IANA timezone used for date-only comparisons such as `isTodayMin` / `minimumDate` */
+    propertyTimezone: {
+        type: StringConstructor;
+        default: string;
+    };
     /** Date format for the date picker */
     format: {
         type: StringConstructor;
@@ -206,7 +236,10 @@ declare const QDatePicker: import('vue').DefineComponent<import('vue').ExtractPr
     floatingLabel: boolean;
     clearable: boolean;
     disabledBeforeToday: boolean;
+    isTodayMin: boolean;
     disabledAfterToday: boolean;
+    minimumDate: string | Date;
+    propertyTimezone: string;
     format: string;
 }, {}, {
     DatePicker: import('vue').FunctionalComponent<any, any, any, any> & {

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

@@ -44,10 +44,22 @@ export declare const DatePicker: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                isTodayMin: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 disabledAfterToday: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                minimumDate: {
+                    type: (StringConstructor | DateConstructor)[];
+                    default: null;
+                };
+                propertyTimezone: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 format: {
                     type: StringConstructor;
                     default: string;
@@ -130,10 +142,22 @@ export declare const DatePicker: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                isTodayMin: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 disabledAfterToday: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                minimumDate: {
+                    type: (StringConstructor | DateConstructor)[];
+                    default: null;
+                };
+                propertyTimezone: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 format: {
                     type: StringConstructor;
                     default: string;
@@ -182,7 +206,10 @@ export declare const DatePicker: {
                 floatingLabel: boolean;
                 clearable: boolean;
                 disabledBeforeToday: boolean;
+                isTodayMin: boolean;
                 disabledAfterToday: boolean;
+                minimumDate: string | Date;
+                propertyTimezone: string;
                 format: string;
             }, {}, {
                 DatePicker: import('vue').FunctionalComponent<any, any, any, any> & {
@@ -719,10 +746,22 @@ export declare const RangedDatePicker: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                isTodayMin: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 disabledAfterToday: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                minimumDate: {
+                    type: (StringConstructor | DateConstructor)[];
+                    default: null;
+                };
+                propertyTimezone: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 format: {
                     type: StringConstructor;
                     default: string;
@@ -805,10 +844,22 @@ export declare const RangedDatePicker: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                isTodayMin: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 disabledAfterToday: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                minimumDate: {
+                    type: (StringConstructor | DateConstructor)[];
+                    default: null;
+                };
+                propertyTimezone: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 format: {
                     type: StringConstructor;
                     default: string;
@@ -857,7 +908,10 @@ export declare const RangedDatePicker: {
                 floatingLabel: boolean;
                 clearable: boolean;
                 disabledBeforeToday: boolean;
+                isTodayMin: boolean;
                 disabledAfterToday: boolean;
+                minimumDate: string | Date;
+                propertyTimezone: string;
                 format: string;
             }, {}, {
                 DatePicker: import('vue').FunctionalComponent<any, any, any, any> & {
@@ -1398,10 +1452,22 @@ export declare const FloatingLabel: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                isTodayMin: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 disabledAfterToday: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                minimumDate: {
+                    type: (StringConstructor | DateConstructor)[];
+                    default: null;
+                };
+                propertyTimezone: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 format: {
                     type: StringConstructor;
                     default: string;
@@ -1484,10 +1550,22 @@ export declare const FloatingLabel: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                isTodayMin: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 disabledAfterToday: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                minimumDate: {
+                    type: (StringConstructor | DateConstructor)[];
+                    default: null;
+                };
+                propertyTimezone: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 format: {
                     type: StringConstructor;
                     default: string;
@@ -1536,7 +1614,10 @@ export declare const FloatingLabel: {
                 floatingLabel: boolean;
                 clearable: boolean;
                 disabledBeforeToday: boolean;
+                isTodayMin: boolean;
                 disabledAfterToday: boolean;
+                minimumDate: string | Date;
+                propertyTimezone: string;
                 format: string;
             }, {}, {
                 DatePicker: import('vue').FunctionalComponent<any, any, any, any> & {
@@ -2075,10 +2156,22 @@ export declare const FloatingLabelWithValue: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                isTodayMin: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 disabledAfterToday: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                minimumDate: {
+                    type: (StringConstructor | DateConstructor)[];
+                    default: null;
+                };
+                propertyTimezone: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 format: {
                     type: StringConstructor;
                     default: string;
@@ -2161,10 +2254,22 @@ export declare const FloatingLabelWithValue: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                isTodayMin: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 disabledAfterToday: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                minimumDate: {
+                    type: (StringConstructor | DateConstructor)[];
+                    default: null;
+                };
+                propertyTimezone: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 format: {
                     type: StringConstructor;
                     default: string;
@@ -2213,7 +2318,10 @@ export declare const FloatingLabelWithValue: {
                 floatingLabel: boolean;
                 clearable: boolean;
                 disabledBeforeToday: boolean;
+                isTodayMin: boolean;
                 disabledAfterToday: boolean;
+                minimumDate: string | Date;
+                propertyTimezone: string;
                 format: string;
             }, {}, {
                 DatePicker: import('vue').FunctionalComponent<any, any, any, any> & {

package/dist/src/components/room-details-popover/room-details-popover.d.ts

@@ -871,10 +871,22 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
             type: BooleanConstructor;
             default: boolean;
         };
+        isTodayMin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         disabledAfterToday: {
             type: BooleanConstructor;
             default: boolean;
         };
+        minimumDate: {
+            type: (StringConstructor | DateConstructor)[];
+            default: null;
+        };
+        propertyTimezone: {
+            type: StringConstructor;
+            default: string;
+        };
         format: {
             type: StringConstructor;
             default: string;
@@ -957,10 +969,22 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
             type: BooleanConstructor;
             default: boolean;
         };
+        isTodayMin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         disabledAfterToday: {
             type: BooleanConstructor;
             default: boolean;
         };
+        minimumDate: {
+            type: (StringConstructor | DateConstructor)[];
+            default: null;
+        };
+        propertyTimezone: {
+            type: StringConstructor;
+            default: string;
+        };
         format: {
             type: StringConstructor;
             default: string;
@@ -1009,7 +1033,10 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
         floatingLabel: boolean;
         clearable: boolean;
         disabledBeforeToday: boolean;
+        isTodayMin: boolean;
         disabledAfterToday: boolean;
+        minimumDate: string | Date;
+        propertyTimezone: string;
         format: string;
     }, {}, {
         DatePicker: import('vue').FunctionalComponent<any, any, any, any> & {
@@ -1021,9 +1048,7 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
                 value?: Date | Date[] | undefined;
                 defaultValue?: Date | undefined;
                 defaultPanel?: import('vue-datepicker-next').PickerType | undefined;
-                disabledDate?: ((value: Date, innerValue? /**
-                 * Refs
-                 */: Date[] | undefined) => boolean) | undefined;
+                disabledDate?: ((value: Date, innerValue?: Date[] | undefined) => boolean) | undefined;
                 getClasses?: ((value: Date, innerValue: Date[], classes: string) => string | string[]) | undefined;
                 calendar?: Date | undefined;
                 multiple?: boolean | undefined;
@@ -1031,7 +1056,9 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
                 showWeekNumber?: boolean | undefined;
                 titleFormat?: string | undefined;
                 getYearPanel?: (() => number[][]) | undefined;
-                onDateMouseEnter?: ((value: Date) => void) | undefined;
+                onDateMouseEnter? /**
+                 * Refs
+                 */: ((value: Date) => void) | undefined;
                 onDateMouseLeave?: ((value: Date) => void) | undefined;
                 onCalendarChange?: ((value: Date) => void) | undefined;
                 onPanelChange?: ((value: import('vue-datepicker-next').PanelType, oldValue: import('vue-datepicker-next').PanelType) => void) | undefined;
@@ -1138,7 +1165,7 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
                 value?: Date | undefined;
                 defaultValue?: Date | undefined;
                 format?: string | undefined;
-                timeTitleFormat? /** Room is Greener Stay when hkTaskTypeId === 996 (Clean Initiative). Replaces cleanliness icon when true. */: string | undefined;
+                timeTitleFormat?: string | undefined;
                 showTimeHeader?: boolean | undefined;
                 disabledTime?: ((v: Date, i?: number | undefined) => boolean) | undefined;
                 timePickerOptions?: import('vue-datepicker-next').TimePickerOptions | undefined;
@@ -1159,17 +1186,13 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
                 value?: unknown;
                 defaultValue?: unknown;
                 format?: unknown;
-                timeTitleFormat?: unknown;
+                timeTitleFormat? /** Greener Stay icon URL from Hub; empty when not provided */: unknown;
                 showTimeHeader?: unknown;
                 disabledTime?: unknown;
                 timePickerOptions?: unknown;
                 hourOptions?: unknown;
                 minuteOptions?: unknown;
-                secondOptions? /**
-                 * Groups messages with time separators for chat display.
-                 * Messages within the same hour are grouped together.
-                 * Returns an array of items that can be either 'separator' or 'message' types.
-                 */: unknown;
+                secondOptions?: unknown;
                 hourStep?: unknown;
                 minuteStep?: unknown;
                 secondStep?: unknown;
@@ -1387,7 +1410,9 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
                 value?: Date[] | undefined;
                 defaultValue?: Date | Date[] | undefined;
                 "onUpdate:value"?: (((value: Date[], type: string, index?: number | undefined) => void) & ((v: Date[], type: string) => void)) | undefined;
-                format?: string | undefined;
+                format? /**
+                 * Methods
+                 */: string | undefined;
                 disabledTime?: ((v: Date, i?: number | undefined) => boolean) | undefined;
                 showHour?: boolean | undefined;
                 showMinute?: boolean | undefined;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quoreadmin/ui",
   "private": false,
-  "version": "1.10.32",
+  "version": "1.10.33",
   "type": "module",
   "sideEffects": [
     "**/*.css",