@smwb/ui-solid 0.1.0

package/dist/headless/components/inputs/datePicker/datePickerIconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datePickerIconButton.js","sources":["../../../../../src/components/inputs/datePicker/datePickerIconButton.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Ripple, type RippleActionsRef } from \"../../base/ripple\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type DataPickerIconButtonProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  size?: \"medium\" | \"small\";\n  edge?: \"start\" | \"end\";\n  ref?: Ref<HTMLButtonElement>;\n};\n\nexport function DatePickerIconButton(props: ParentProps<DataPickerIconButtonProps>): JSX.Element {\n  const merged = mergeProps({ size: \"medium\" as const }, props);\n  const [local, rest] = splitProps(merged, [\"class\", \"children\", \"disabled\", \"size\", \"edge\", \"ref\"]);\n  let rippleActions: RippleActionsRef | undefined;\n\n  const onPointerDown = (event: PointerEvent): void => {\n    if (!local.disabled) rippleActions?.onRipple(event);\n  };\n\n  return (\n    <button\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      onPointerDown={onPointerDown}\n      type=\"button\"\n      class={cn(\"smwb-date-picker__icon-button\", local.class, {\n        \"smwb-date-picker__icon-button--small\": local.size === \"small\",\n        \"smwb-date-picker__icon-button--edge-start\": local.edge === \"start\",\n        \"smwb-date-picker__icon-button--edge-end\": local.edge === \"end\",\n        \"smwb-date-picker__icon-button--disabled\": local.disabled,\n      })}\n      disabled={local.disabled}\n    >\n      {local.children}\n      <Show when={!local.disabled}>\n        <Ripple actionRef={(actions) => (rippleActions = actions)} center />\n      </Show>\n    </button>\n  );\n}\n\nexport default DatePickerIconButton;\n"],"names":["DatePickerIconButton","props","merged","mergeProps","size","local","rest","splitProps","rippleActions","onPointerDown","event","disabled","onRipple","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","edge","_$insert","children","_$createComponent","Show","when","Ripple","actionRef","actions","center"],"mappings":";;;;;;AAWO,SAASA,EAAqBC,GAA4D;AAC/F,QAAMC,IAASC,EAAW;AAAA,IAAEC,MAAM;AAAA,EAAA,GAAqBH,CAAK,GACtD,CAACI,GAAOC,CAAI,IAAIC,EAAWL,GAAQ,CAAC,SAAS,YAAY,YAAY,QAAQ,QAAQ,KAAK,CAAC;AACjG,MAAIM;AAEJ,QAAMC,IAAgBA,CAACC,MAA8B;AACnD,IAAKL,EAAMM,YAAUH,GAAeI,SAASF,CAAK;AAAA,EACpD;AAEA,UAAA,MAAA;AAAA,QAAAG,IAAAC,EAAAA,GAAAC,IAGSC,EAAUX,EAAMY,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EADrBd,GAAI;AAAA,MAAA,eAEOG;AAAAA,MAAa,MACvB;AAAA,MAAQ,IAAA,QAAA;AAAA,eACNY,EAAG,iCAAiChB,EAAMiB,OAAO;AAAA,UACtD,wCAAwCjB,EAAMD,SAAS;AAAA,UACvD,6CAA6CC,EAAMkB,SAAS;AAAA,UAC5D,2CAA2ClB,EAAMkB,SAAS;AAAA,UAC1D,2CAA2ClB,EAAMM;AAAAA,QAAAA,CAClD;AAAA,MAAC;AAAA,MAAA,IACFA,WAAQ;AAAA,eAAEN,EAAMM;AAAAA,MAAQ;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAa,EAAAX,GAAA,MAEvBR,EAAMoB,UAAQ,IAAA,GAAAD,EAAAX,GAAAa,EACdC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAE,CAACvB,EAAMM;AAAAA,MAAQ;AAAA,MAAA,IAAAc,WAAA;AAAA,eAAAC,EACxBG,GAAM;AAAA,UAACC,WAAYC,OAAavB,IAAgBuB;AAAAA,UAAUC,QAAM;AAAA,QAAA,CAAA;AAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAnB;AAAAA,EAAA,GAAA;AAIzE;"}

package/dist/headless/components/inputs/datePicker/datePickerList.js

@@ -0,0 +1,64 @@
+import { use as c, insert as s, createComponent as t, template as m } from "solid-js/web";
+import { createEffect as u, on as a, For as f, Show as d } from "solid-js";
+import { MenuItem as h } from "../../navigation/menu/menuItem.js";
+import { MenuItemIcon as g } from "../../navigation/menu/menuItemIcon.js";
+import { Icon as _ } from "../../base/icon/icon.js";
+import { MenuItemText as v } from "../../navigation/menu/menuItemText.js";
+var w = /* @__PURE__ */ m("<div class=smwb-date-picker__overflow data-testid=date-picker-list><ul class=smwb-date-picker__list>");
+function S(r) {
+  let i;
+  return u(a([() => r.value, () => r.items], () => {
+    if (!i) return;
+    const e = i.querySelector(".smwb-menu__item--selected");
+    if (e) {
+      const l = (i.offsetHeight - e.offsetHeight) / 2;
+      i.scrollTop = e.offsetTop - l;
+    }
+  })), (() => {
+    var e = w(), l = e.firstChild;
+    return c((n) => i = n, e), s(l, t(f, {
+      get each() {
+        return r.items;
+      },
+      children: (n) => {
+        const o = () => r.value === n.value;
+        return t(h, {
+          get selected() {
+            return o();
+          },
+          onClick: () => r.onChange(n.value),
+          get children() {
+            return [t(d, {
+              get when() {
+                return o();
+              },
+              get children() {
+                return t(g, {
+                  get children() {
+                    return t(_, {
+                      name: "check",
+                      weight: 500,
+                      size: 24
+                    });
+                  }
+                });
+              }
+            }), t(v, {
+              class: "smwb-date-picker__list-item",
+              get inset() {
+                return !o();
+              },
+              get children() {
+                return n.label;
+              }
+            })];
+          }
+        });
+      }
+    })), e;
+  })();
+}
+export {
+  S as DatePickerList
+};
+//# sourceMappingURL=datePickerList.js.map

package/dist/headless/components/inputs/datePicker/datePickerList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datePickerList.js","sources":["../../../../../src/components/inputs/datePicker/datePickerList.tsx"],"sourcesContent":["import { type JSX, For, Show, createEffect, on } from \"solid-js\";\nimport { MenuItem, MenuItemIcon, MenuItemText } from \"../../navigation/menu\";\nimport { Icon } from \"../../base/icon\";\n\nexport interface DatePickerListItem {\n  label: string;\n  value: number;\n}\n\nexport interface DatePickerListProps {\n  value: number;\n  items: DatePickerListItem[];\n  onChange: (value: number) => void;\n}\n\nexport function DatePickerList(props: DatePickerListProps): JSX.Element {\n  let overflowEl: HTMLDivElement | undefined;\n\n  createEffect(\n    on(\n      [() => props.value, () => props.items],\n      () => {\n        if (!overflowEl) return;\n        const selected = overflowEl.querySelector<HTMLElement>(\".smwb-menu__item--selected\");\n        if (selected) {\n          const middle = (overflowEl.offsetHeight - selected.offsetHeight) / 2;\n          overflowEl.scrollTop = selected.offsetTop - middle;\n        }\n      }\n    )\n  );\n\n  return (\n    <div class=\"smwb-date-picker__overflow\" ref={(el) => (overflowEl = el)} data-testid=\"date-picker-list\">\n      <ul class=\"smwb-date-picker__list\">\n        <For each={props.items}>\n          {(item) => {\n            const isSelected = (): boolean => props.value === item.value;\n            return (\n              <MenuItem selected={isSelected()} onClick={() => props.onChange(item.value)}>\n                <Show when={isSelected()}>\n                  <MenuItemIcon>\n                    <Icon name=\"check\" weight={500} size={24} />\n                  </MenuItemIcon>\n                </Show>\n                <MenuItemText class=\"smwb-date-picker__list-item\" inset={!isSelected()}>\n                  {item.label}\n                </MenuItemText>\n              </MenuItem>\n            );\n          }}\n        </For>\n      </ul>\n    </div>\n  );\n}\n\nexport default DatePickerList;\n"],"names":["DatePickerList","props","overflowEl","createEffect","on","value","items","selected","querySelector","middle","offsetHeight","scrollTop","offsetTop","_el$","_tmpl$","_el$2","firstChild","_$use","el","_$insert","_$createComponent","For","each","children","item","isSelected","MenuItem","onClick","onChange","Show","when","MenuItemIcon","Icon","name","weight","size","MenuItemText","inset","label"],"mappings":";;;;;;;AAeO,SAASA,EAAeC,GAAyC;AACtE,MAAIC;AAEJC,SAAAA,EACEC,EACE,CAAC,MAAMH,EAAMI,OAAO,MAAMJ,EAAMK,KAAK,GACrC,MAAM;AACJ,QAAI,CAACJ,EAAY;AACjB,UAAMK,IAAWL,EAAWM,cAA2B,4BAA4B;AACnF,QAAID,GAAU;AACZ,YAAME,KAAUP,EAAWQ,eAAeH,EAASG,gBAAgB;AACnER,MAAAA,EAAWS,YAAYJ,EAASK,YAAYH;AAAAA,IAC9C;AAAA,EACF,CACF,CACF,IAEA,MAAA;AAAA,QAAAI,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG;AAAAC,WAAAA,EACgDC,CAAAA,MAAQhB,IAAagB,GAAGL,CAAA,GAAAM,EAAAJ,GAAAK,EAEjEC,GAAG;AAAA,MAAA,IAACC,OAAI;AAAA,eAAErB,EAAMK;AAAAA,MAAK;AAAA,MAAAiB,UAClBC,CAAAA,MAAS;AACT,cAAMC,IAAaA,MAAexB,EAAMI,UAAUmB,EAAKnB;AACvD,eAAAe,EACGM,GAAQ;AAAA,UAAA,IAACnB,WAAQ;AAAA,mBAAEkB,EAAAA;AAAAA,UAAY;AAAA,UAAEE,SAASA,MAAM1B,EAAM2B,SAASJ,EAAKnB,KAAK;AAAA,UAAC,IAAAkB,WAAA;AAAA,mBAAA,CAAAH,EACxES,GAAI;AAAA,cAAA,IAACC,OAAI;AAAA,uBAAEL,EAAAA;AAAAA,cAAY;AAAA,cAAA,IAAAF,WAAA;AAAA,uBAAAH,EACrBW,GAAY;AAAA,kBAAA,IAAAR,WAAA;AAAA,2BAAAH,EACVY,GAAI;AAAA,sBAACC,MAAI;AAAA,sBAASC,QAAQ;AAAA,sBAAKC,MAAM;AAAA,oBAAA,CAAE;AAAA,kBAAA;AAAA,gBAAA,CAAA;AAAA,cAAA;AAAA,YAAA,CAAA,GAAAf,EAG3CgB,GAAY;AAAA,cAAA,OAAA;AAAA,cAAA,IAAqCC,QAAK;AAAA,uBAAE,CAACZ,EAAAA;AAAAA,cAAY;AAAA,cAAA,IAAAF,WAAA;AAAA,uBACnEC,EAAKc;AAAAA,cAAK;AAAA,YAAA,CAAA,CAAA;AAAA,UAAA;AAAA,QAAA,CAAA;AAAA,MAInB;AAAA,IAAA,CAAC,CAAA,GAAAzB;AAAAA,EAAA,GAAA;AAKX;"}

package/dist/headless/components/inputs/datePicker/dateUtils.js

@@ -0,0 +1,179 @@
+import { formatDateByPattern as M, isDatePatternMatch as p, parseDateByPattern as T } from "./dateFormat.js";
+const f = /\d/gi, F = /[a-zA-Z]/g;
+function m(t, e = 0) {
+  const n = e % 7, r = new Date(t), o = r.getDay(), a = (o < n ? 7 : 0) + o - n;
+  return new Date(r.setDate(r.getDate() - a));
+}
+function g(t, e = 0) {
+  const n = new Date(m(t, e));
+  return new Date(n.setDate(n.getDate() + 6));
+}
+function _(t, e) {
+  const n = [], o = new Date(e).getTime(), a = new Date(t);
+  for (a.setHours(0, 0, 0, 0); a.getTime() <= o; )
+    n.push(new Date(a.getTime())), a.setDate(a.getDate() + 1), a.setHours(0, 0, 0, 0);
+  return n;
+}
+function P(t, e, n) {
+  const r = new Intl.DateTimeFormat(n, { weekday: "narrow" });
+  return _(m(t, e), g(t, e)).map(
+    (o) => r.format(o)
+  );
+}
+function d(t) {
+  const e = new Date(t);
+  return new Date(e.getFullYear(), e.getMonth(), 1);
+}
+function h(t) {
+  return w(new Date(t.getFullYear(), t.getMonth() + 1, 0));
+}
+function y(t, e) {
+  return new Date(t) < new Date(e);
+}
+function O(t, e) {
+  return y(e, t);
+}
+function I(t, e) {
+  const n = new Date(t);
+  return n.setDate(n.getDate() + e), n;
+}
+function E(t, e) {
+  const n = m(d(t), e), r = g(h(t), e);
+  let o = 0, a = n;
+  const i = [];
+  let s = null;
+  for (; y(a, r); ) {
+    const u = Math.floor(o / 7);
+    let c = i[u];
+    c || (c = [], i[u] = c);
+    const l = a.getDay();
+    s !== l && (s = l, c.push(a), o += 1), a = I(a, 1);
+  }
+  return i;
+}
+function S(t, e) {
+  return d(e) <= t && t <= h(e);
+}
+function D(t) {
+  return new Date(t.getFullYear(), t.getMonth(), t.getDate());
+}
+function w(t) {
+  return new Date(t.getFullYear(), t.getMonth(), t.getDate(), 23, 59, 59, 999);
+}
+function v(t, e) {
+  return D(t).getTime() === D(e).getTime();
+}
+function Y(t, e) {
+  return b(t, t.getMonth() + e);
+}
+function x(t, e) {
+  return k(t, t.getFullYear() + e);
+}
+function A(t) {
+  return w(t);
+}
+function j(t) {
+  return D(t);
+}
+function B(t) {
+  const e = [], n = new Intl.DateTimeFormat(t, { month: "long" });
+  for (let r = 0; r < 12; r++)
+    e.push({
+      label: n.format(Y(/* @__PURE__ */ new Date("1970-01-01"), r)),
+      value: r
+    });
+  return e;
+}
+function b(t, e) {
+  const n = new Date(t);
+  return n.setMonth(e), n;
+}
+function L(t, e) {
+  const n = [];
+  for (let r = t - e; r <= t + e; r++)
+    n.push({ label: String(r).padStart(4, "0"), value: r });
+  return n;
+}
+function k(t, e) {
+  const n = new Date(t);
+  return n.setFullYear(e), n;
+}
+function W(t, e) {
+  return new Intl.DateTimeFormat(e, { month: "short" }).format(t);
+}
+function K(t, e) {
+  return new Intl.DateTimeFormat(e, { year: "numeric" }).format(t);
+}
+function z(t, e) {
+  return C(t) ? e ? M(t, e) : new Intl.DateTimeFormat(void 0, { day: "2-digit", month: "2-digit", year: "numeric" }).format(t) : "";
+}
+function G(t) {
+  if (t)
+    return t;
+  const e = {
+    year: "yyyy",
+    month: "MM",
+    day: "dd"
+  };
+  return new Intl.DateTimeFormat(void 0, { day: "2-digit", month: "2-digit", year: "numeric" }).formatToParts(/* @__PURE__ */ new Date("1970-01-01")).map((o) => e[o.type] ?? o.value).join("");
+}
+function H(t) {
+  return t ? t.replace(F, "_") : new Intl.DateTimeFormat(void 0, { day: "2-digit", month: "2-digit", year: "numeric" }).format(
+    /* @__PURE__ */ new Date("1970-01-01")
+  ).replace(f, "_");
+}
+function R(t) {
+  return (e) => {
+    let n = 0;
+    return e.split("").map((r, o) => {
+      if (f.lastIndex = 0, n > t.length - 1)
+        return "";
+      const a = t[n], i = t[n + 1], s = f.test(r) ? r : "", u = a === "_" ? s : a + s;
+      return n += u.length, o === e.length - 1 && i && i !== "_" ? u ? u + i : "" : u;
+    }).join("");
+  };
+}
+function X(t, e) {
+  return p(t, e);
+}
+function V(t, e) {
+  const n = T(t, e);
+  return n || new Date(Number.NaN);
+}
+function C(t) {
+  return Object.prototype.toString.call(t) === "[object Date]" && !isNaN(t);
+}
+export {
+  I as addDays,
+  Y as addMonths,
+  x as addYears,
+  _ as eachDayOfInterval,
+  A as endOfDay,
+  h as endOfMonth,
+  g as endOfWeek,
+  G as getCurrentFormatDate,
+  V as getDateByFormat,
+  P as getDayNames,
+  z as getDisplayDate,
+  H as getMaskFormat,
+  W as getMonthLabel,
+  B as getMonths,
+  E as getWeeks,
+  K as getYearLabel,
+  L as getYears,
+  O as isAfter,
+  y as isBefore,
+  X as isDateMatch,
+  v as isSameDay,
+  S as isSameMonth,
+  C as isValidDate,
+  R as maskedDateFormatter,
+  D as resetTime,
+  w as setMaxTime,
+  b as setMonth,
+  k as setYear,
+  j as startOfDay,
+  d as startOfMonth,
+  m as startOfWeek
+};
+//# sourceMappingURL=dateUtils.js.map

package/dist/headless/components/inputs/datePicker/dateUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateUtils.js","sources":["../../../../../src/components/inputs/datePicker/dateUtils.ts"],"sourcesContent":["import { formatDateByPattern, isDatePatternMatch, parseDateByPattern } from \"./dateFormat\";\n\nexport type WeekStart = 0 | 1 | 2 | 3 | 4 | 5 | 6;\n\nexport interface DatePickerListItem {\n  value: number;\n  label: string;\n}\n\nconst MASK_DATE_REGEXP = /\\d/gi;\nconst MASK_TOKEN_REGEXP = /[a-zA-Z]/g;\n\n/** Returns the start of the week, Sunday by default. */\nexport function startOfWeek(date: Date, weekStart: number = 0): Date {\n  const normalizedStart = weekStart % 7;\n  const day = new Date(date);\n  const weekDay = day.getDay();\n  const diff = (weekDay < normalizedStart ? 7 : 0) + weekDay - normalizedStart;\n\n  return new Date(day.setDate(day.getDate() - diff));\n}\n\n/** Returns the end of the week, Saturday by default. */\nexport function endOfWeek(date: Date, weekStart: number = 0): Date {\n  const day = new Date(startOfWeek(date, weekStart));\n\n  return new Date(day.setDate(day.getDate() + 6));\n}\n\n/** Returns every day between start and end (inclusive). */\nexport function eachDayOfInterval(start: Date, end: Date): Date[] {\n  const dates: Date[] = [];\n  const endDate = new Date(end);\n  const endTime = endDate.getTime();\n  const currentDate = new Date(start);\n  currentDate.setHours(0, 0, 0, 0);\n\n  while (currentDate.getTime() <= endTime) {\n    dates.push(new Date(currentDate.getTime()));\n    currentDate.setDate(currentDate.getDate() + 1);\n    currentDate.setHours(0, 0, 0, 0);\n  }\n\n  return dates;\n}\n\n/** Returns localized narrow week-day names. */\nexport function getDayNames(now: Date, weekStartsOn: WeekStart, locale?: string): string[] {\n  const formatter = new Intl.DateTimeFormat(locale, { weekday: \"narrow\" });\n\n  return eachDayOfInterval(startOfWeek(now, weekStartsOn), endOfWeek(now, weekStartsOn)).map((day) =>\n    formatter.format(day)\n  );\n}\n\nexport function startOfMonth(date: Date): Date {\n  const _date = new Date(date);\n\n  return new Date(_date.getFullYear(), _date.getMonth(), 1);\n}\n\nexport function endOfMonth(date: Date): Date {\n  return setMaxTime(new Date(date.getFullYear(), date.getMonth() + 1, 0));\n}\n\nexport function isBefore(date1: Date, date2: Date): boolean {\n  return new Date(date1) < new Date(date2);\n}\n\nexport function isAfter(date1: Date, date2: Date): boolean {\n  return isBefore(date2, date1);\n}\n\nexport function addDays(date: Date, days: number): Date {\n  const _date = new Date(date);\n  _date.setDate(_date.getDate() + days);\n\n  return _date;\n}\n\n/** Returns the weeks (including leading/trailing days) covering the month of `date`. */\nexport function getWeeks(date: Date, weekStartsOn: WeekStart): Date[][] {\n  const start = startOfWeek(startOfMonth(date), weekStartsOn);\n  const end = endOfWeek(endOfMonth(date), weekStartsOn);\n\n  let count = 0;\n  let current = start;\n  const nestedWeeks: Date[][] = [];\n  let lastDay: number | null = null;\n\n  while (isBefore(current, end)) {\n    const weekNumber = Math.floor(count / 7);\n    let week = nestedWeeks[weekNumber];\n    if (!week) {\n      week = [];\n      nestedWeeks[weekNumber] = week;\n    }\n    const day = current.getDay();\n\n    if (lastDay !== day) {\n      lastDay = day;\n      week.push(current);\n      count += 1;\n    }\n\n    current = addDays(current, 1);\n  }\n\n  return nestedWeeks;\n}\n\nexport function isSameMonth(date1: Date, date2: Date): boolean {\n  return startOfMonth(date2) <= date1 && date1 <= endOfMonth(date2);\n}\n\nexport function resetTime(date: Date): Date {\n  return new Date(date.getFullYear(), date.getMonth(), date.getDate());\n}\n\nexport function setMaxTime(date: Date): Date {\n  return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59, 999);\n}\n\nexport function isSameDay(date1: Date, date2: Date): boolean {\n  return resetTime(date1).getTime() === resetTime(date2).getTime();\n}\n\nexport function addMonths(date: Date, months: number): Date {\n  return setMonth(date, date.getMonth() + months);\n}\n\nexport function addYears(date: Date, years: number): Date {\n  return setYear(date, date.getFullYear() + years);\n}\n\nexport function endOfDay(date: Date): Date {\n  return setMaxTime(date);\n}\n\nexport function startOfDay(date: Date): Date {\n  return resetTime(date);\n}\n\nexport function getMonths(locale?: string): DatePickerListItem[] {\n  const months: DatePickerListItem[] = [];\n  const formatter = new Intl.DateTimeFormat(locale, { month: \"long\" });\n\n  for (let i = 0; i < 12; i++) {\n    months.push({\n      label: formatter.format(addMonths(new Date(\"1970-01-01\"), i)),\n      value: i,\n    });\n  }\n\n  return months;\n}\n\nexport function setMonth(date: Date, month: number): Date {\n  const _date = new Date(date);\n  _date.setMonth(month);\n\n  return _date;\n}\n\nexport function getYears(currentYear: number, range: number): DatePickerListItem[] {\n  const years: DatePickerListItem[] = [];\n\n  for (let i = currentYear - range; i <= currentYear + range; i++) {\n    years.push({ label: String(i).padStart(4, \"0\"), value: i });\n  }\n\n  return years;\n}\n\nexport function setYear(date: Date, year: number): Date {\n  const _date = new Date(date);\n  _date.setFullYear(year);\n\n  return _date;\n}\n\nexport function getMonthLabel(date: Date, locale?: string): string {\n  return new Intl.DateTimeFormat(locale, { month: \"short\" }).format(date);\n}\n\nexport function getYearLabel(date: Date, locale?: string): string {\n  return new Intl.DateTimeFormat(locale, { year: \"numeric\" }).format(date);\n}\n\nexport function getDisplayDate(date: unknown, format?: string): string {\n  if (!isValidDate(date)) {\n    return \"\";\n  }\n\n  if (format) {\n    return formatDateByPattern(date, format);\n  }\n\n  return new Intl.DateTimeFormat(undefined, { day: \"2-digit\", month: \"2-digit\", year: \"numeric\" }).format(date);\n}\n\nexport function getCurrentFormatDate(format?: string): string {\n  if (format) {\n    return format;\n  }\n\n  const parts: Record<string, string> = {\n    year: \"yyyy\",\n    month: \"MM\",\n    day: \"dd\",\n  };\n  const formatter = new Intl.DateTimeFormat(undefined, { day: \"2-digit\", month: \"2-digit\", year: \"numeric\" });\n  const dateParts = formatter.formatToParts(new Date(\"1970-01-01\"));\n\n  return dateParts.map((element) => parts[element.type] ?? element.value).join(\"\");\n}\n\nexport function getMaskFormat(format?: string): string {\n  if (format) {\n    return format.replace(MASK_TOKEN_REGEXP, \"_\");\n  }\n\n  const date = new Intl.DateTimeFormat(undefined, { day: \"2-digit\", month: \"2-digit\", year: \"numeric\" }).format(\n    new Date(\"1970-01-01\")\n  );\n\n  return date.replace(MASK_DATE_REGEXP, \"_\");\n}\n\nexport function maskedDateFormatter(mask: string): (value: string) => string {\n  return (value: string) => {\n    let outputCharIndex = 0;\n\n    return value\n      .split(\"\")\n      .map((char, inputCharIndex) => {\n        MASK_DATE_REGEXP.lastIndex = 0;\n\n        if (outputCharIndex > mask.length - 1) {\n          return \"\";\n        }\n\n        const maskChar = mask[outputCharIndex] as string;\n        const nextMaskChar = mask[outputCharIndex + 1];\n\n        const acceptedChar = MASK_DATE_REGEXP.test(char) ? char : \"\";\n        const formattedChar = maskChar === \"_\" ? acceptedChar : maskChar + acceptedChar;\n\n        outputCharIndex += formattedChar.length;\n\n        const isLastCharacter = inputCharIndex === value.length - 1;\n\n        if (isLastCharacter && nextMaskChar && nextMaskChar !== \"_\") {\n          return formattedChar ? formattedChar + nextMaskChar : \"\";\n        }\n\n        return formattedChar;\n      })\n      .join(\"\");\n  };\n}\n\nexport function isDateMatch(value: string, format: string): boolean {\n  return isDatePatternMatch(value, format);\n}\n\nexport function getDateByFormat(value: string, format: string): Date {\n  const parsed = parseDateByPattern(value, format);\n\n  if (!parsed) {\n    return new Date(Number.NaN);\n  }\n\n  return parsed;\n}\n\nexport function isValidDate(value: unknown): value is Date {\n  return Object.prototype.toString.call(value) === \"[object Date]\" && !isNaN(value as number);\n}\n"],"names":["MASK_DATE_REGEXP","MASK_TOKEN_REGEXP","startOfWeek","date","weekStart","normalizedStart","day","weekDay","diff","endOfWeek","eachDayOfInterval","start","end","dates","endTime","currentDate","getDayNames","now","weekStartsOn","locale","formatter","startOfMonth","_date","endOfMonth","setMaxTime","isBefore","date1","date2","isAfter","addDays","days","getWeeks","count","current","nestedWeeks","lastDay","weekNumber","week","isSameMonth","resetTime","isSameDay","addMonths","months","setMonth","addYears","years","setYear","endOfDay","startOfDay","getMonths","i","month","getYears","currentYear","range","year","getMonthLabel","getYearLabel","getDisplayDate","format","isValidDate","formatDateByPattern","getCurrentFormatDate","parts","element","getMaskFormat","maskedDateFormatter","mask","value","outputCharIndex","char","inputCharIndex","maskChar","nextMaskChar","acceptedChar","formattedChar","isDateMatch","isDatePatternMatch","getDateByFormat","parsed","parseDateByPattern"],"mappings":"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"}

package/dist/headless/components/inputs/datePicker/openView.js

@@ -0,0 +1,5 @@
+var s = /* @__PURE__ */ ((r) => (r.days = "days", r.months = "months", r.years = "years", r))(s || {});
+export {
+  s as OpenView
+};
+//# sourceMappingURL=openView.js.map

package/dist/headless/components/inputs/datePicker/openView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"openView.js","sources":["../../../../../src/components/inputs/datePicker/openView.ts"],"sourcesContent":["export enum OpenView {\n  days = \"days\",\n  months = \"months\",\n  years = \"years\",\n}\n"],"names":["OpenView"],"mappings":"AAAO,IAAKA,sBAAAA,OACVA,EAAA,OAAO,QACPA,EAAA,SAAS,UACTA,EAAA,QAAQ,SAHEA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/headless/components/inputs/datePicker/useDateInput.js

@@ -0,0 +1,29 @@
+import { createSignal as d, createEffect as g } from "solid-js";
+import { getDisplayDate as n, isDateMatch as f, getDateByFormat as l, getCurrentFormatDate as v, maskedDateFormatter as D, getMaskFormat as s } from "./dateUtils.js";
+import { createMaskedInput as h } from "../../../primitives/createMaskedInput.js";
+function k(t) {
+  const a = () => v(t.format), [i, o] = d(n(t.value, t.format)), u = () => D(s(t.format));
+  let r;
+  g(() => {
+    const e = t.value;
+    e !== r && (r = e, o(n(e, t.format)));
+  });
+  const m = h({ value: i, onChange: (e) => {
+    o(e), t.onChange && (f(e, a()) ? t.onChange(void 0, l(e, a())) : e === "" && t.onChange(void 0));
+  }, format: (e) => u()(e) }), c = () => {
+    if (!t.onBlur) return;
+    const e = r;
+    e instanceof Date && f(n(e, t.format), a()) ? t.onBlur(void 0, e) : typeof e == "string" && f(e, a()) ? t.onBlur(void 0, l(e, a())) : (e === void 0 || e === "") && t.onBlur(void 0), o(n(t.value, t.format));
+  };
+  return {
+    value: i,
+    onInput: m.onInput,
+    onBlur: c,
+    ref: m.ref,
+    placeholder: () => a().toLowerCase()
+  };
+}
+export {
+  k as createDateInput
+};
+//# sourceMappingURL=useDateInput.js.map

package/dist/headless/components/inputs/datePicker/useDateInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDateInput.js","sources":["../../../../../src/components/inputs/datePicker/useDateInput.ts"],"sourcesContent":["import { type Accessor, createEffect, createSignal } from \"solid-js\";\nimport {\n  getCurrentFormatDate,\n  getDateByFormat,\n  getDisplayDate,\n  getMaskFormat,\n  isDateMatch,\n  maskedDateFormatter,\n} from \"./dateUtils\";\nimport { createMaskedInput } from \"../../../primitives/createMaskedInput\";\n\nexport interface CreateDateInputProps {\n  value?: Date | string | undefined;\n  onChange?: ((event?: Event, value?: Date) => void) | undefined;\n  onBlur?: ((event?: FocusEvent, value?: Date) => void) | undefined;\n  format?: string | undefined;\n}\n\nexport interface DateInputState {\n  value: Accessor<string>;\n  onInput: (event: InputEvent & { currentTarget: HTMLInputElement; target: Element }) => void;\n  onBlur: () => void;\n  ref: (el: HTMLInputElement) => void;\n  placeholder: Accessor<string>;\n}\n\n/** Solid port of useDateInput — masked text input bound to a Date value. */\nexport function createDateInput(props: CreateDateInputProps): DateInputState {\n  const currentFormatDate = (): string => getCurrentFormatDate(props.format);\n  const [displayedValue, setDisplayedValue] = createSignal(getDisplayDate(props.value, props.format));\n  const formatter = (): ((value: string) => string) => maskedDateFormatter(getMaskFormat(props.format));\n\n  let prevValue: Date | string | undefined;\n\n  createEffect(() => {\n    const v = props.value;\n    if (v !== prevValue) {\n      prevValue = v;\n      setDisplayedValue(getDisplayDate(v, props.format));\n    }\n  });\n\n  const onChange = (value: string): void => {\n    setDisplayedValue(value);\n    if (!props.onChange) return;\n    if (isDateMatch(value, currentFormatDate())) {\n      props.onChange(undefined, getDateByFormat(value, currentFormatDate()));\n    } else if (value === \"\") {\n      props.onChange(undefined);\n    }\n  };\n\n  const masked = createMaskedInput({ value: displayedValue, onChange, format: (v) => formatter()(v) });\n\n  const onBlur = (): void => {\n    if (!props.onBlur) return;\n    const prev = prevValue;\n    if (prev instanceof Date && isDateMatch(getDisplayDate(prev, props.format), currentFormatDate())) {\n      props.onBlur(undefined, prev);\n    } else if (typeof prev === \"string\" && isDateMatch(prev, currentFormatDate())) {\n      props.onBlur(undefined, getDateByFormat(prev, currentFormatDate()));\n    } else if (prev === undefined || prev === \"\") {\n      props.onBlur(undefined);\n    }\n    setDisplayedValue(getDisplayDate(props.value, props.format));\n  };\n\n  return {\n    value: displayedValue,\n    onInput: masked.onInput,\n    onBlur,\n    ref: masked.ref,\n    placeholder: () => currentFormatDate().toLowerCase(),\n  };\n}\n"],"names":["createDateInput","props","currentFormatDate","getCurrentFormatDate","displayedValue","setDisplayedValue","createSignal","getDisplayDate","formatter","maskedDateFormatter","getMaskFormat","prevValue","createEffect","v","masked","createMaskedInput","value","isDateMatch","getDateByFormat","onBlur","prev"],"mappings":";;;AA2BO,SAASA,EAAgBC,GAA6C;AAC3E,QAAMC,IAAoB,MAAcC,EAAqBF,EAAM,MAAM,GACnE,CAACG,GAAgBC,CAAiB,IAAIC,EAAaC,EAAeN,EAAM,OAAOA,EAAM,MAAM,CAAC,GAC5FO,IAAY,MAAmCC,EAAoBC,EAAcT,EAAM,MAAM,CAAC;AAEpG,MAAIU;AAEJ,EAAAC,EAAa,MAAM;AACjB,UAAMC,IAAIZ,EAAM;AAChB,IAAIY,MAAMF,MACRA,IAAYE,GACZR,EAAkBE,EAAeM,GAAGZ,EAAM,MAAM,CAAC;AAAA,EAErD,CAAC;AAYD,QAAMa,IAASC,EAAkB,EAAE,OAAOX,GAAgB,UAVzC,CAACY,MAAwB;AAExC,IADAX,EAAkBW,CAAK,GAClBf,EAAM,aACPgB,EAAYD,GAAOd,EAAA,CAAmB,IACxCD,EAAM,SAAS,QAAWiB,EAAgBF,GAAOd,EAAA,CAAmB,CAAC,IAC5Dc,MAAU,MACnBf,EAAM,SAAS,MAAS;AAAA,EAE5B,GAEoE,QAAQ,CAACY,MAAML,IAAYK,CAAC,GAAG,GAE7FM,IAAS,MAAY;AACzB,QAAI,CAAClB,EAAM,OAAQ;AACnB,UAAMmB,IAAOT;AACb,IAAIS,aAAgB,QAAQH,EAAYV,EAAea,GAAMnB,EAAM,MAAM,GAAGC,EAAA,CAAmB,IAC7FD,EAAM,OAAO,QAAWmB,CAAI,IACnB,OAAOA,KAAS,YAAYH,EAAYG,GAAMlB,EAAA,CAAmB,IAC1ED,EAAM,OAAO,QAAWiB,EAAgBE,GAAMlB,EAAA,CAAmB,CAAC,KACzDkB,MAAS,UAAaA,MAAS,OACxCnB,EAAM,OAAO,MAAS,GAExBI,EAAkBE,EAAeN,EAAM,OAAOA,EAAM,MAAM,CAAC;AAAA,EAC7D;AAEA,SAAO;AAAA,IACL,OAAOG;AAAA,IACP,SAASU,EAAO;AAAA,IAChB,QAAAK;AAAA,IACA,KAAKL,EAAO;AAAA,IACZ,aAAa,MAAMZ,EAAA,EAAoB,YAAA;AAAA,EAAY;AAEvD;"}

package/dist/headless/components/inputs/dateTimePicker/dateTimeFormat.js

@@ -0,0 +1,73 @@
+const l = /yyyy|MM|dd|HH|mm|ss/g;
+function m(t) {
+  const e = [];
+  let r;
+  for (l.lastIndex = 0; (r = l.exec(t)) !== null; )
+    e.push(r[0]);
+  return e;
+}
+function y(t) {
+  return t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function p(t) {
+  let e = "^", r = 0, n;
+  for (l.lastIndex = 0; (n = l.exec(t)) !== null; )
+    e += y(t.slice(r, n.index)), e += n[0] === "yyyy" ? "(\\d{4})" : "(\\d{2})", r = l.lastIndex;
+  return e += y(t.slice(r)), e += "$", new RegExp(e);
+}
+function x(t, e, r) {
+  if (e < 1 || e > 12 || r < 1)
+    return !1;
+  const n = new Date(t, e - 1, r);
+  return n.getFullYear() === t && n.getMonth() === e - 1 && n.getDate() === r;
+}
+function M(t, e, r) {
+  return t >= 0 && t <= 23 && e >= 0 && e <= 59 && r >= 0 && r <= 59;
+}
+function h(t, e) {
+  const r = t.getFullYear(), n = t.getMonth() + 1, u = t.getDate(), s = t.getHours(), a = t.getMinutes(), c = t.getSeconds();
+  return e.replace(l, (i) => i === "yyyy" ? String(r).padStart(4, "0") : i === "MM" ? String(n).padStart(2, "0") : i === "dd" ? String(u).padStart(2, "0") : i === "HH" ? String(s).padStart(2, "0") : i === "mm" ? String(a).padStart(2, "0") : String(c).padStart(2, "0"));
+}
+function S(t, e) {
+  const r = m(e);
+  if (!r.includes("yyyy") || !r.includes("MM") || !r.includes("dd") || !r.includes("HH") || !r.includes("mm"))
+    return;
+  const n = p(e).exec(t);
+  if (!n)
+    return;
+  let u, s, a, c, i, f = 0;
+  if (r.forEach((o, g) => {
+    const d = Number(n[g + 1]);
+    if (o === "yyyy") {
+      u = d;
+      return;
+    }
+    if (o === "MM") {
+      s = d;
+      return;
+    }
+    if (o === "dd") {
+      a = d;
+      return;
+    }
+    if (o === "HH") {
+      c = d;
+      return;
+    }
+    if (o === "mm") {
+      i = d;
+      return;
+    }
+    f = d;
+  }), !(u === void 0 || s === void 0 || a === void 0 || c === void 0 || i === void 0) && !(!x(u, s, a) || !M(c, i, f)))
+    return new Date(u, s - 1, a, c, i, f);
+}
+function v(t, e) {
+  return S(t, e) !== void 0;
+}
+export {
+  h as formatDateTimeByPattern,
+  v as isDateTimePatternMatch,
+  S as parseDateTimeByPattern
+};
+//# sourceMappingURL=dateTimeFormat.js.map

package/dist/headless/components/inputs/dateTimePicker/dateTimeFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimeFormat.js","sources":["../../../../../src/components/inputs/dateTimePicker/dateTimeFormat.ts"],"sourcesContent":["const DATETIME_TOKEN_REGEXP = /yyyy|MM|dd|HH|mm|ss/g;\n\ntype DateTimeToken = \"yyyy\" | \"MM\" | \"dd\" | \"HH\" | \"mm\" | \"ss\";\n\nfunction extractTokens(pattern: string): DateTimeToken[] {\n  const tokens: DateTimeToken[] = [];\n  let match: RegExpExecArray | null;\n\n  DATETIME_TOKEN_REGEXP.lastIndex = 0;\n  while ((match = DATETIME_TOKEN_REGEXP.exec(pattern)) !== null) {\n    tokens.push(match[0] as DateTimeToken);\n  }\n\n  return tokens;\n}\n\nfunction escapeRegExp(value: string): string {\n  return value.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n}\n\nfunction patternToRegExp(pattern: string): RegExp {\n  let regex = \"^\";\n  let lastIndex = 0;\n  let match: RegExpExecArray | null;\n\n  DATETIME_TOKEN_REGEXP.lastIndex = 0;\n  while ((match = DATETIME_TOKEN_REGEXP.exec(pattern)) !== null) {\n    regex += escapeRegExp(pattern.slice(lastIndex, match.index));\n    regex += match[0] === \"yyyy\" ? \"(\\\\d{4})\" : \"(\\\\d{2})\";\n    lastIndex = DATETIME_TOKEN_REGEXP.lastIndex;\n  }\n\n  regex += escapeRegExp(pattern.slice(lastIndex));\n  regex += \"$\";\n\n  return new RegExp(regex);\n}\n\nfunction isValidCalendarDate(year: number, month: number, day: number): boolean {\n  if (month < 1 || month > 12 || day < 1) {\n    return false;\n  }\n\n  const date = new Date(year, month - 1, day);\n\n  return date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day;\n}\n\nfunction isValidTime(hours: number, minutes: number, seconds: number): boolean {\n  return hours >= 0 && hours <= 23 && minutes >= 0 && minutes <= 59 && seconds >= 0 && seconds <= 59;\n}\n\nexport function formatDateTimeByPattern(date: Date, pattern: string): string {\n  const year = date.getFullYear();\n  const month = date.getMonth() + 1;\n  const day = date.getDate();\n  const hours = date.getHours();\n  const minutes = date.getMinutes();\n  const seconds = date.getSeconds();\n\n  return pattern.replace(DATETIME_TOKEN_REGEXP, (token) => {\n    if (token === \"yyyy\") {\n      return String(year).padStart(4, \"0\");\n    }\n\n    if (token === \"MM\") {\n      return String(month).padStart(2, \"0\");\n    }\n\n    if (token === \"dd\") {\n      return String(day).padStart(2, \"0\");\n    }\n\n    if (token === \"HH\") {\n      return String(hours).padStart(2, \"0\");\n    }\n\n    if (token === \"mm\") {\n      return String(minutes).padStart(2, \"0\");\n    }\n\n    return String(seconds).padStart(2, \"0\");\n  });\n}\n\nexport function parseDateTimeByPattern(value: string, pattern: string): Date | undefined {\n  const tokens = extractTokens(pattern);\n\n  if (\n    !tokens.includes(\"yyyy\") ||\n    !tokens.includes(\"MM\") ||\n    !tokens.includes(\"dd\") ||\n    !tokens.includes(\"HH\") ||\n    !tokens.includes(\"mm\")\n  ) {\n    return undefined;\n  }\n\n  const match = patternToRegExp(pattern).exec(value);\n\n  if (!match) {\n    return undefined;\n  }\n\n  let year: number | undefined;\n  let month: number | undefined;\n  let day: number | undefined;\n  let hours: number | undefined;\n  let minutes: number | undefined;\n  let seconds = 0;\n\n  tokens.forEach((token, index) => {\n    const part = Number(match[index + 1]);\n\n    if (token === \"yyyy\") {\n      year = part;\n      return;\n    }\n\n    if (token === \"MM\") {\n      month = part;\n      return;\n    }\n\n    if (token === \"dd\") {\n      day = part;\n      return;\n    }\n\n    if (token === \"HH\") {\n      hours = part;\n      return;\n    }\n\n    if (token === \"mm\") {\n      minutes = part;\n      return;\n    }\n\n    seconds = part;\n  });\n\n  if (year === undefined || month === undefined || day === undefined || hours === undefined || minutes === undefined) {\n    return undefined;\n  }\n\n  if (!isValidCalendarDate(year, month, day) || !isValidTime(hours, minutes, seconds)) {\n    return undefined;\n  }\n\n  return new Date(year, month - 1, day, hours, minutes, seconds);\n}\n\nexport function isDateTimePatternMatch(value: string, pattern: string): boolean {\n  return parseDateTimeByPattern(value, pattern) !== undefined;\n}\n"],"names":["DATETIME_TOKEN_REGEXP","extractTokens","pattern","tokens","match","escapeRegExp","value","patternToRegExp","regex","lastIndex","isValidCalendarDate","year","month","day","date","isValidTime","hours","minutes","seconds","formatDateTimeByPattern","token","parseDateTimeByPattern","index","part","isDateTimePatternMatch"],"mappings":"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"}

package/dist/headless/components/inputs/dateTimePicker/dateTimePicker.js

@@ -0,0 +1,198 @@
+import { createComponent as i, mergeProps as ee, Portal as te, use as ae, insert as b, effect as re, style as ne, setAttribute as oe, template as ie } from "solid-js/web";
+import { splitProps as se, createSignal as u, createEffect as L, createMemo as le, onCleanup as me, Show as ce } from "solid-js";
+import { buildFloatingMiddleware as ue, resolvePlacement as de } from "../../../utils/floating.js";
+import { createFloating as ge } from "../../../primitives/createFloating.js";
+import { DataPickerHeader as fe } from "../datePicker/dataPickerHeader.js";
+import { DataPickerDays as he } from "../datePicker/dataPickerDays.js";
+import { DatePickerList as E } from "../datePicker/datePickerList.js";
+import { isValidDate as w, getMonths as pe, getYears as ve, setYear as be, setMonth as we } from "../datePicker/dateUtils.js";
+import { OpenView as r } from "../datePicker/openView.js";
+import { TimePickerColumns as De } from "../timePicker/timePickerColumns.js";
+import { isValidTimeDate as D, mergeTime as Ce, DEFAULT_TIME_FORMAT as ye, mergeDate as ke } from "../timePicker/timeUtils.js";
+import { DateTimePickerInput as _e } from "./dateTimePickerInput.js";
+import { mergeRefs as I } from "../../../primitives/mergeRefs.js";
+import { ClickAwayListener as Fe } from "../../clickAwayListener/clickAwayListener.js";
+var Me = /* @__PURE__ */ ie('<div class="smwb-date-picker smwb-date-time-picker"data-testid=date-time-picker role=dialog aria-modal=false style="transition:opacity 150ms ease-in-out"><div class="smwb-date-picker__inner smwb-date-time-picker__inner"><div class=smwb-date-time-picker__content><div class="smwb-date-picker__body smwb-date-time-picker__body">');
+const Te = 150;
+function qe(C) {
+  const [e, Y] = se(C, ["value", "onChange", "showDaysOutsideMonth", "disablePast", "disableFuture", "weekStartsOn", "placement", "disabled", "disableCalendar", "calendarAriaLabel", "minDate", "maxDate", "isDateDisabled", "locale", "format", "timeFormat", "calendarIcon", "onBlur", "ref"]), l = () => e.value === void 0 ? void 0 : new Date(e.value), f = l(), [o, m] = u(w(f) || D(f) ? f : /* @__PURE__ */ new Date()), [d, g] = u(r.days), [H, y] = u(!1);
+  let k, _;
+  const F = () => de(e.placement ?? "bottom-start"), h = ge({
+    placement: () => F().placement,
+    middleware: () => ue(F())
+  });
+  L(() => {
+    if (e.disabled) return;
+    const t = l();
+    m(w(t) || D(t) ? t : /* @__PURE__ */ new Date());
+  });
+  const $ = () => e.weekStartsOn ?? 1, x = (t) => {
+    m(t);
+  }, B = () => {
+    g(d() === r.months ? r.days : r.months);
+  }, R = () => {
+    g(d() === r.years ? r.days : r.years);
+  }, q = (t) => {
+    m(we(o(), t)), g(r.days);
+  }, U = (t) => {
+    m(be(o(), t)), g(r.days);
+  }, M = (t) => {
+    m(t), e.onChange?.(void 0, t, C);
+  }, j = (t, a) => {
+    if (!a) return;
+    const n = l(), v = D(n) ? n : o();
+    M(ke(a, v));
+  }, z = (t) => {
+    const a = l(), n = w(a) ? a : o();
+    M(Ce(n, t));
+  }, G = () => {
+    e.disabled || y((t) => !t);
+  }, J = (t) => {
+    const a = t.target;
+    _?.contains(a) || k?.contains(a) || y(!1);
+  }, K = () => e.timeFormat ? e.timeFormat : e.format?.includes("HH:mm:ss") ? "HH:mm:ss" : ye, N = le(() => pe(e.locale)), Q = ve((/* @__PURE__ */ new Date()).getFullYear(), 100), T = () => H() && !e.disabled && !e.disableCalendar, [V, O] = u(T()), [W, P] = u(!1);
+  let p, c;
+  L(() => {
+    T() ? (c !== void 0 && clearTimeout(c), O(!0), p = requestAnimationFrame(() => P(!0))) : (P(!1), V() && (c = setTimeout(() => O(!1), Te)));
+  }), me(() => {
+    p !== void 0 && cancelAnimationFrame(p), c !== void 0 && clearTimeout(c);
+  });
+  const X = () => {
+    switch (d()) {
+      case r.months:
+        return i(E, {
+          get value() {
+            return o().getMonth();
+          },
+          get items() {
+            return N();
+          },
+          onChange: q
+        });
+      case r.years:
+        return i(E, {
+          get value() {
+            return o().getFullYear();
+          },
+          items: Q,
+          onChange: U
+        });
+      default:
+        return i(he, {
+          get viewValue() {
+            return o();
+          },
+          get value() {
+            return l();
+          },
+          get showDaysOutsideMonth() {
+            return e.showDaysOutsideMonth;
+          },
+          onChange: j,
+          get disablePast() {
+            return e.disablePast;
+          },
+          get disableFuture() {
+            return e.disableFuture;
+          },
+          get weekStartsOn() {
+            return $();
+          },
+          get minDate() {
+            return e.minDate;
+          },
+          get maxDate() {
+            return e.maxDate;
+          },
+          get isDateDisabled() {
+            return e.isDateDisabled;
+          },
+          get locale() {
+            return e.locale;
+          }
+        });
+    }
+  };
+  return [i(_e, ee({
+    ref(t) {
+      var a = I(e.ref, h.setReference, (n) => k = n);
+      typeof a == "function" && a(t);
+    },
+    get value() {
+      return e.value;
+    },
+    get onChange() {
+      return e.onChange;
+    },
+    get onBlur() {
+      return e.onBlur;
+    },
+    onToggle: G,
+    get disabled() {
+      return e.disabled;
+    },
+    get disableCalendar() {
+      return e.disableCalendar;
+    },
+    get format() {
+      return e.format;
+    },
+    get calendarIcon() {
+      return e.calendarIcon;
+    }
+  }, Y)), i(ce, {
+    get when() {
+      return V();
+    },
+    get children() {
+      return i(te, {
+        get mount() {
+          return document.body;
+        },
+        get children() {
+          return i(Fe, {
+            onClickAway: J,
+            get children() {
+              var t = Me(), a = t.firstChild, n = a.firstChild, v = n.firstChild, S = I(h.setFloating, (s) => _ = s);
+              return typeof S == "function" && ae(S, t), b(a, i(fe, {
+                get viewValue() {
+                  return o();
+                },
+                get locale() {
+                  return e.locale;
+                },
+                get openView() {
+                  return d();
+                },
+                onChange: x,
+                onMonthLabelClick: B,
+                onYearLabelClick: R
+              }), n), b(v, X), b(n, i(De, {
+                get value() {
+                  return o();
+                },
+                get format() {
+                  return K();
+                },
+                onChange: z
+              }), null), re((s) => {
+                var Z = {
+                  ...h.floatingStyles(),
+                  opacity: W() ? 1 : 0
+                }, A = e.calendarAriaLabel ?? "Choose date and time";
+                return s.e = ne(t, Z, s.e), A !== s.t && oe(t, "aria-label", s.t = A), s;
+              }, {
+                e: void 0,
+                t: void 0
+              }), t;
+            }
+          });
+        }
+      });
+    }
+  })];
+}
+export {
+  qe as DateTimePicker
+};
+//# sourceMappingURL=dateTimePicker.js.map