@smwb/ui-solid 0.1.0

package/dist/components/inputs/datePicker/dataPickerDays.js

@@ -0,0 +1,67 @@
+import { insert as c, createComponent as m, memo as C, template as w } from "solid-js/web";
+import { createMemo as k, For as f } from "solid-js";
+import { getDayNames as E, getWeeks as M, isSameDay as g, isBefore as D, endOfDay as i, isAfter as _, startOfDay as l, isSameMonth as P, isValidDate as s } from "./dateUtils.js";
+import { DatePickerDay as V } from "./datePickerDay.js";
+var A = /* @__PURE__ */ w("<div class=smwb-date-picker__days><div class=smwb-date-picker__week-days></div><div class=smwb-date-picker__month>"), F = /* @__PURE__ */ w("<span class=smwb-date-picker__week-day>"), N = /* @__PURE__ */ w("<div class=smwb-date-picker__week>");
+function j(e) {
+  const u = /* @__PURE__ */ new Date(), h = () => e.weekStartsOn ?? 0, b = k(() => E(u, h(), e.locale)), o = k(() => M(e.viewValue, h())), S = (t) => e.range ? s(e.rangeStart) && g(t, e.rangeStart) || s(e.rangeEnd) && g(t, e.rangeEnd) : s(e.value) ? g(t, e.value) : !1, $ = (t) => !e.range || !s(e.rangeStart) || !s(e.rangeEnd) ? !1 : _(l(t), l(e.rangeStart)) && D(i(t), i(e.rangeEnd)), O = (t) => {
+    let a = !1;
+    return e.disablePast && (a = D(i(t), u)), e.disableFuture && (a = a || _(l(t), u)), e.minDate && D(i(t), l(e.minDate)) && (a = !0), e.maxDate && _(l(t), i(e.maxDate)) && (a = !0), e.isDateDisabled?.(t) && (a = !0), a;
+  };
+  return (() => {
+    var t = A(), a = t.firstChild, x = a.nextSibling;
+    return c(a, m(f, {
+      get each() {
+        return b();
+      },
+      children: (d) => (() => {
+        var r = F();
+        return c(r, d), r;
+      })()
+    })), c(x, m(f, {
+      get each() {
+        return o();
+      },
+      children: (d) => (() => {
+        var r = N();
+        return c(r, m(f, {
+          each: d,
+          children: (n) => {
+            const v = () => !P(n, e.viewValue);
+            return m(V, {
+              day: n,
+              get current() {
+                return g(n, u);
+              },
+              get active() {
+                return S(n);
+              },
+              get inRange() {
+                return $(n);
+              },
+              get hidden() {
+                return C(() => !e.showDaysOutsideMonth)() && v();
+              },
+              get outside() {
+                return v();
+              },
+              get onChange() {
+                return e.onChange;
+              },
+              get disabled() {
+                return O(n);
+              },
+              get children() {
+                return n.getDate();
+              }
+            });
+          }
+        })), r;
+      })()
+    })), t;
+  })();
+}
+export {
+  j as DataPickerDays
+};
+//# sourceMappingURL=dataPickerDays.js.map

package/dist/components/inputs/datePicker/dataPickerDays.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataPickerDays.js","sources":["../../../../src/components/inputs/datePicker/dataPickerDays.tsx"],"sourcesContent":["import { type JSX, For, createMemo } from \"solid-js\";\nimport {\n  type WeekStart,\n  endOfDay,\n  getDayNames,\n  getWeeks,\n  isAfter,\n  isBefore,\n  isSameDay,\n  isSameMonth,\n  isValidDate,\n  startOfDay,\n} from \"./dateUtils\";\nimport { DatePickerDay } from \"./datePickerDay\";\n\nexport interface DataPickerDaysProps {\n  viewValue: Date;\n  value?: Date | undefined;\n  showDaysOutsideMonth?: boolean | undefined;\n  onChange?: ((event?: Event, date?: Date) => void) | undefined;\n  disablePast?: boolean | undefined;\n  disableFuture?: boolean | undefined;\n  weekStartsOn?: WeekStart | undefined;\n  minDate?: Date | undefined;\n  maxDate?: Date | undefined;\n  isDateDisabled?: ((day: Date) => boolean) | undefined;\n  locale?: string | undefined;\n  /** Range selection mode. */\n  range?: boolean | undefined;\n  rangeStart?: Date | undefined;\n  rangeEnd?: Date | undefined;\n}\n\nexport function DataPickerDays(props: DataPickerDaysProps): JSX.Element {\n  const now = new Date();\n  const weekStartsOn = (): WeekStart => props.weekStartsOn ?? 0;\n\n  const dayNames = createMemo(() => getDayNames(now, weekStartsOn(), props.locale));\n  const weeks = createMemo(() => getWeeks(props.viewValue, weekStartsOn()));\n\n  const isActive = (day: Date): boolean => {\n    if (props.range) {\n      return (\n        (isValidDate(props.rangeStart) && isSameDay(day, props.rangeStart)) ||\n        (isValidDate(props.rangeEnd) && isSameDay(day, props.rangeEnd))\n      );\n    }\n\n    if (!isValidDate(props.value)) {\n      return false;\n    }\n\n    return isSameDay(day, props.value);\n  };\n\n  const isInRange = (day: Date): boolean => {\n    if (!props.range || !isValidDate(props.rangeStart) || !isValidDate(props.rangeEnd)) {\n      return false;\n    }\n    return isAfter(startOfDay(day), startOfDay(props.rangeStart)) && isBefore(endOfDay(day), endOfDay(props.rangeEnd));\n  };\n\n  const isDisabledDay = (day: Date): boolean => {\n    let disabled = false;\n\n    if (props.disablePast) {\n      disabled = isBefore(endOfDay(day), now);\n    }\n\n    if (props.disableFuture) {\n      disabled = disabled || isAfter(startOfDay(day), now);\n    }\n\n    if (props.minDate && isBefore(endOfDay(day), startOfDay(props.minDate))) {\n      disabled = true;\n    }\n\n    if (props.maxDate && isAfter(startOfDay(day), endOfDay(props.maxDate))) {\n      disabled = true;\n    }\n\n    if (props.isDateDisabled?.(day)) {\n      disabled = true;\n    }\n\n    return disabled;\n  };\n\n  return (\n    <div class=\"smwb-date-picker__days\">\n      <div class=\"smwb-date-picker__week-days\">\n        <For each={dayNames()}>{(day) => <span class=\"smwb-date-picker__week-day\">{day}</span>}</For>\n      </div>\n      <div class=\"smwb-date-picker__month\">\n        <For each={weeks()}>\n          {(week) => (\n            <div class=\"smwb-date-picker__week\">\n              <For each={week}>\n                {(day) => {\n                  const isOutside = (): boolean => !isSameMonth(day, props.viewValue);\n                  return (\n                    <DatePickerDay\n                      day={day}\n                      current={isSameDay(day, now)}\n                      active={isActive(day)}\n                      inRange={isInRange(day)}\n                      hidden={!props.showDaysOutsideMonth && isOutside()}\n                      outside={isOutside()}\n                      onChange={props.onChange}\n                      disabled={isDisabledDay(day)}\n                    >\n                      {day.getDate()}\n                    </DatePickerDay>\n                  );\n                }}\n              </For>\n            </div>\n          )}\n        </For>\n      </div>\n    </div>\n  );\n}\n\nexport default DataPickerDays;\n"],"names":["DataPickerDays","props","now","Date","weekStartsOn","dayNames","createMemo","getDayNames","locale","weeks","getWeeks","viewValue","isActive","day","range","isValidDate","rangeStart","isSameDay","rangeEnd","value","isInRange","isAfter","startOfDay","isBefore","endOfDay","isDisabledDay","disabled","disablePast","disableFuture","minDate","maxDate","isDateDisabled","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_$insert","_$createComponent","For","each","children","_el$4","_tmpl$2","week","_el$5","_tmpl$3","isOutside","isSameMonth","DatePickerDay","current","active","inRange","hidden","_$memo","showDaysOutsideMonth","outside","onChange","getDate"],"mappings":"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"}

package/dist/components/inputs/datePicker/dataPickerHeader.d.ts

@@ -0,0 +1,12 @@
+import { type JSX } from "solid-js";
+import { OpenView } from "./openView";
+export interface DataPickerHeaderProps {
+    viewValue: Date;
+    openView?: OpenView | undefined;
+    onChange?: ((value: Date) => void) | undefined;
+    onMonthLabelClick?: (() => void) | undefined;
+    onYearLabelClick?: (() => void) | undefined;
+    locale?: string | undefined;
+}
+export declare function DataPickerHeader(props: DataPickerHeaderProps): JSX.Element;
+export default DataPickerHeader;

package/dist/components/inputs/datePicker/dataPickerHeader.js

@@ -0,0 +1,66 @@
+import { insert as l, createComponent as o, template as g } from "solid-js/web";
+import { OpenView as n } from "./openView.js";
+import { DatePickerActionLabel as c } from "./datePickerActionLabel.js";
+import { getMonthLabel as d, getYearLabel as u, addMonths as h, addYears as m } from "./dateUtils.js";
+var k = /* @__PURE__ */ g("<div class=smwb-date-picker__header>");
+function v(e) {
+  const a = (t) => () => {
+    e.onChange?.(h(e.viewValue, t));
+  }, i = (t) => () => {
+    e.onChange?.(m(e.viewValue, t));
+  }, r = () => e.openView === n.months || e.openView === n.years;
+  return (() => {
+    var t = k();
+    return l(t, o(c, {
+      get label() {
+        return d(e.viewValue, e.locale);
+      },
+      get onLeftIconClick() {
+        return a(-1);
+      },
+      get onRightIconClick() {
+        return a(1);
+      },
+      get onLabelClick() {
+        return e.onMonthLabelClick;
+      },
+      get disabled() {
+        return e.openView === n.years;
+      },
+      get active() {
+        return e.openView === n.months;
+      },
+      get hiddenSwitches() {
+        return r();
+      },
+      dataToggleId: "date-picker-months-toggle"
+    }), null), l(t, o(c, {
+      get label() {
+        return u(e.viewValue, e.locale);
+      },
+      get onLeftIconClick() {
+        return i(-1);
+      },
+      get onRightIconClick() {
+        return i(1);
+      },
+      get onLabelClick() {
+        return e.onYearLabelClick;
+      },
+      get disabled() {
+        return e.openView === n.months;
+      },
+      get active() {
+        return e.openView === n.years;
+      },
+      get hiddenSwitches() {
+        return r();
+      },
+      dataToggleId: "date-picker-years-toggle"
+    }), null), t;
+  })();
+}
+export {
+  v as DataPickerHeader
+};
+//# sourceMappingURL=dataPickerHeader.js.map

package/dist/components/inputs/datePicker/dataPickerHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataPickerHeader.js","sources":["../../../../src/components/inputs/datePicker/dataPickerHeader.tsx"],"sourcesContent":["import { type JSX } from \"solid-js\";\nimport { OpenView } from \"./openView\";\nimport { DatePickerActionLabel } from \"./datePickerActionLabel\";\nimport { addMonths, addYears, getMonthLabel, getYearLabel } from \"./dateUtils\";\n\nexport interface DataPickerHeaderProps {\n  viewValue: Date;\n  openView?: OpenView | undefined;\n  onChange?: ((value: Date) => void) | undefined;\n  onMonthLabelClick?: (() => void) | undefined;\n  onYearLabelClick?: (() => void) | undefined;\n  locale?: string | undefined;\n}\n\nexport function DataPickerHeader(props: DataPickerHeaderProps): JSX.Element {\n  const onMonthIconClick = (value: number) => (): void => {\n    props.onChange?.(addMonths(props.viewValue, value));\n  };\n\n  const onYearIconClick = (value: number) => (): void => {\n    props.onChange?.(addYears(props.viewValue, value));\n  };\n\n  const hiddenSwitches = (): boolean => props.openView === OpenView.months || props.openView === OpenView.years;\n\n  return (\n    <div class=\"smwb-date-picker__header\">\n      <DatePickerActionLabel\n        label={getMonthLabel(props.viewValue, props.locale)}\n        onLeftIconClick={onMonthIconClick(-1)}\n        onRightIconClick={onMonthIconClick(1)}\n        onLabelClick={props.onMonthLabelClick}\n        disabled={props.openView === OpenView.years}\n        active={props.openView === OpenView.months}\n        hiddenSwitches={hiddenSwitches()}\n        dataToggleId=\"date-picker-months-toggle\"\n      />\n      <DatePickerActionLabel\n        label={getYearLabel(props.viewValue, props.locale)}\n        onLeftIconClick={onYearIconClick(-1)}\n        onRightIconClick={onYearIconClick(1)}\n        onLabelClick={props.onYearLabelClick}\n        disabled={props.openView === OpenView.months}\n        active={props.openView === OpenView.years}\n        hiddenSwitches={hiddenSwitches()}\n        dataToggleId=\"date-picker-years-toggle\"\n      />\n    </div>\n  );\n}\n\nexport default DataPickerHeader;\n"],"names":["DataPickerHeader","props","onMonthIconClick","value","onChange","addMonths","viewValue","onYearIconClick","addYears","hiddenSwitches","openView","OpenView","months","years","_el$","_tmpl$","_$insert","_$createComponent","DatePickerActionLabel","label","getMonthLabel","locale","onLeftIconClick","onRightIconClick","onLabelClick","onMonthLabelClick","disabled","active","dataToggleId","getYearLabel","onYearLabelClick"],"mappings":";;;;;AAcO,SAASA,EAAiBC,GAA2C;AAC1E,QAAMC,IAAmBA,CAACC,MAAkB,MAAY;AACtDF,IAAAA,EAAMG,WAAWC,EAAUJ,EAAMK,WAAWH,CAAK,CAAC;AAAA,EACpD,GAEMI,IAAkBA,CAACJ,MAAkB,MAAY;AACrDF,IAAAA,EAAMG,WAAWI,EAASP,EAAMK,WAAWH,CAAK,CAAC;AAAA,EACnD,GAEMM,IAAiBA,MAAeR,EAAMS,aAAaC,EAASC,UAAUX,EAAMS,aAAaC,EAASE;AAExG,UAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA;AAAAC,WAAAA,EAAAF,GAAAG,EAEKC,GAAqB;AAAA,MAAA,IACpBC,QAAK;AAAA,eAAEC,EAAcnB,EAAMK,WAAWL,EAAMoB,MAAM;AAAA,MAAC;AAAA,MAAA,IACnDC,kBAAe;AAAA,eAAEpB,EAAiB,EAAE;AAAA,MAAC;AAAA,MAAA,IACrCqB,mBAAgB;AAAA,eAAErB,EAAiB,CAAC;AAAA,MAAC;AAAA,MAAA,IACrCsB,eAAY;AAAA,eAAEvB,EAAMwB;AAAAA,MAAiB;AAAA,MAAA,IACrCC,WAAQ;AAAA,eAAEzB,EAAMS,aAAaC,EAASE;AAAAA,MAAK;AAAA,MAAA,IAC3Cc,SAAM;AAAA,eAAE1B,EAAMS,aAAaC,EAASC;AAAAA,MAAM;AAAA,MAAA,IAC1CH,iBAAc;AAAA,eAAEA,EAAAA;AAAAA,MAAgB;AAAA,MAChCmB,cAAY;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAZ,EAAAF,GAAAG,EAEbC,GAAqB;AAAA,MAAA,IACpBC,QAAK;AAAA,eAAEU,EAAa5B,EAAMK,WAAWL,EAAMoB,MAAM;AAAA,MAAC;AAAA,MAAA,IAClDC,kBAAe;AAAA,eAAEf,EAAgB,EAAE;AAAA,MAAC;AAAA,MAAA,IACpCgB,mBAAgB;AAAA,eAAEhB,EAAgB,CAAC;AAAA,MAAC;AAAA,MAAA,IACpCiB,eAAY;AAAA,eAAEvB,EAAM6B;AAAAA,MAAgB;AAAA,MAAA,IACpCJ,WAAQ;AAAA,eAAEzB,EAAMS,aAAaC,EAASC;AAAAA,MAAM;AAAA,MAAA,IAC5Ce,SAAM;AAAA,eAAE1B,EAAMS,aAAaC,EAASE;AAAAA,MAAK;AAAA,MAAA,IACzCJ,iBAAc;AAAA,eAAEA,EAAAA;AAAAA,MAAgB;AAAA,MAChCmB,cAAY;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAd;AAAAA,EAAA,GAAA;AAIpB;"}

package/dist/components/inputs/datePicker/dataPickerInput.d.ts

@@ -0,0 +1,9 @@
+import { type JSX } from "solid-js";
+import { type Ref } from "../../../primitives/mergeRefs";
+import type { DatePickerProps } from "./datePicker";
+export interface DataPickerInputProps extends Omit<DatePickerProps, "placement" | "onToggle"> {
+    onToggle: () => void;
+    ref?: Ref<HTMLInputElement>;
+}
+export declare function DataPickerInput(props: DataPickerInputProps): JSX.Element;
+export default DataPickerInput;

package/dist/components/inputs/datePicker/dataPickerInput.js

@@ -0,0 +1,80 @@
+import { createComponent as n, mergeProps as i } from "solid-js/web";
+import { splitProps as u, Show as a } from "solid-js";
+import { DatePickerIconButton as c } from "./datePickerIconButton.js";
+import { createDateInput as g } from "./useDateInput.js";
+import { mergeRefs as p } from "../../../primitives/mergeRefs.js";
+import { TextField as m } from "../textField/textField.js";
+import { Icon as f } from "../../base/icon/icon.js";
+function s(t) {
+  t.stopPropagation();
+}
+function P(t) {
+  const [e, l] = u(t, ["value", "onChange", "onBlur", "onToggle", "disabled", "disableCalendar", "calendarIcon", "format", "ref"]), r = g({
+    value: e.value,
+    onChange: e.onChange,
+    onBlur: e.onBlur,
+    format: e.format
+  });
+  return n(m, i({
+    ref(d) {
+      var o = p(e.ref, r.ref);
+      typeof o == "function" && o(d);
+    },
+    get value() {
+      return r.value();
+    },
+    get onChange() {
+      return r.onInput;
+    },
+    get onBlur() {
+      return r.onBlur;
+    },
+    get placeholder() {
+      return r.placeholder();
+    },
+    type: "tel",
+    get endAdornment() {
+      return n(a, {
+        get when() {
+          return !e.disableCalendar;
+        },
+        get children() {
+          return n(c, {
+            edge: "end",
+            onClick: () => e.onToggle(),
+            onMouseDown: s,
+            get disabled() {
+              return !!e.disabled;
+            },
+            "data-testid": "date-picker-icon-button",
+            get children() {
+              return n(a, {
+                get when() {
+                  return e.calendarIcon;
+                },
+                get fallback() {
+                  return n(f, {
+                    name: "calendar_today",
+                    fill: 1,
+                    weight: 500,
+                    size: 24
+                  });
+                },
+                get children() {
+                  return e.calendarIcon;
+                }
+              });
+            }
+          });
+        }
+      });
+    },
+    get disabled() {
+      return !!e.disabled;
+    }
+  }, l));
+}
+export {
+  P as DataPickerInput
+};
+//# sourceMappingURL=dataPickerInput.js.map

package/dist/components/inputs/datePicker/dataPickerInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataPickerInput.js","sources":["../../../../src/components/inputs/datePicker/dataPickerInput.tsx"],"sourcesContent":["import { type JSX, Show, splitProps } from \"solid-js\";\nimport { TextField } from \"../textField\";\nimport { DatePickerIconButton } from \"./datePickerIconButton\";\nimport { createDateInput } from \"./useDateInput\";\nimport { Icon } from \"../../base/icon\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport type { DatePickerProps } from \"./datePicker\";\n\nexport interface DataPickerInputProps extends Omit<DatePickerProps, \"placement\" | \"onToggle\"> {\n  onToggle: () => void;\n  ref?: Ref<HTMLInputElement>;\n}\n\nfunction stopPropagation(event: Event): void {\n  event.stopPropagation();\n}\n\nexport function DataPickerInput(props: DataPickerInputProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"value\",\n    \"onChange\",\n    \"onBlur\",\n    \"onToggle\",\n    \"disabled\",\n    \"disableCalendar\",\n    \"calendarIcon\",\n    \"format\",\n    \"ref\",\n  ]);\n\n  const masked = createDateInput({\n    value: local.value,\n    onChange: local.onChange,\n    onBlur: local.onBlur,\n    format: local.format,\n  });\n\n  return (\n    <TextField\n      ref={mergeRefs(local.ref, masked.ref)}\n      value={masked.value()}\n      onChange={masked.onInput}\n      onBlur={masked.onBlur}\n      placeholder={masked.placeholder()}\n      type=\"tel\"\n      endAdornment={\n        <Show when={!local.disableCalendar}>\n          <DatePickerIconButton\n            edge=\"end\"\n            onClick={() => local.onToggle()}\n            onMouseDown={stopPropagation}\n            disabled={Boolean(local.disabled)}\n            data-testid=\"date-picker-icon-button\"\n          >\n            <Show when={local.calendarIcon} fallback={<Icon name=\"calendar_today\" fill={1} weight={500} size={24} />}>\n              {local.calendarIcon}\n            </Show>\n          </DatePickerIconButton>\n        </Show>\n      }\n      disabled={Boolean(local.disabled)}\n      {...rest}\n    />\n  );\n}\n\nexport default DataPickerInput;\n"],"names":["stopPropagation","event","DataPickerInput","props","local","rest","splitProps","masked","createDateInput","value","onChange","onBlur","format","_$createComponent","TextField","_$mergeProps","ref","r$","_ref$","mergeRefs","onInput","placeholder","type","endAdornment","Show","when","disableCalendar","children","DatePickerIconButton","edge","onClick","onToggle","onMouseDown","disabled","Boolean","calendarIcon","fallback","Icon","name","fill","weight","size"],"mappings":";;;;;;;AAaA,SAASA,EAAgBC,GAAoB;AAC3CA,EAAAA,EAAMD,gBAAAA;AACR;AAEO,SAASE,EAAgBC,GAA0C;AACxE,QAAM,CAACC,GAAOC,CAAI,IAAIC,EAAWH,GAAO,CACtC,SACA,YACA,UACA,YACA,YACA,mBACA,gBACA,UACA,KAAK,CACN,GAEKI,IAASC,EAAgB;AAAA,IAC7BC,OAAOL,EAAMK;AAAAA,IACbC,UAAUN,EAAMM;AAAAA,IAChBC,QAAQP,EAAMO;AAAAA,IACdC,QAAQR,EAAMQ;AAAAA,EAAAA,CACf;AAED,SAAAC,EACGC,GAASC,EAAA;AAAA,IAAAC,IAAAC,GAAA;AAAA,UAAAC,IACHC,EAAUf,EAAMY,KAAKT,EAAOS,GAAG;AAAC,aAAAE,KAAA,cAAAA,EAAAD,CAAA;AAAA,IAAA;AAAA,IAAA,IACrCR,QAAK;AAAA,aAAEF,EAAOE,MAAAA;AAAAA,IAAO;AAAA,IAAA,IACrBC,WAAQ;AAAA,aAAEH,EAAOa;AAAAA,IAAO;AAAA,IAAA,IACxBT,SAAM;AAAA,aAAEJ,EAAOI;AAAAA,IAAM;AAAA,IAAA,IACrBU,cAAW;AAAA,aAAEd,EAAOc,YAAAA;AAAAA,IAAa;AAAA,IACjCC,MAAI;AAAA,IAAA,IACJC,eAAY;AAAA,aAAAV,EACTW,GAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAE,CAACrB,EAAMsB;AAAAA,QAAe;AAAA,QAAA,IAAAC,WAAA;AAAA,iBAAAd,EAC/Be,GAAoB;AAAA,YACnBC,MAAI;AAAA,YACJC,SAASA,MAAM1B,EAAM2B,SAAAA;AAAAA,YACrBC,aAAahC;AAAAA,YAAe,IAC5BiC,WAAQ;AAAA,qBAAEC,EAAQ9B,EAAM6B;AAAAA,YAAS;AAAA,YAAA,eAAA;AAAA,YAAA,IAAAN,WAAA;AAAA,qBAAAd,EAGhCW,GAAI;AAAA,gBAAA,IAACC,OAAI;AAAA,yBAAErB,EAAM+B;AAAAA,gBAAY;AAAA,gBAAA,IAAEC,WAAQ;AAAA,yBAAAvB,EAAGwB,GAAI;AAAA,oBAACC,MAAI;AAAA,oBAAkBC,MAAM;AAAA,oBAAGC,QAAQ;AAAA,oBAAKC,MAAM;AAAA,kBAAA,CAAE;AAAA,gBAAA;AAAA,gBAAA,IAAAd,WAAA;AAAA,yBACjGvB,EAAM+B;AAAAA,gBAAY;AAAA,cAAA,CAAA;AAAA,YAAA;AAAA,UAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,IAAA,IAK3BF,WAAQ;AAAA,aAAEC,EAAQ9B,EAAM6B;AAAAA,IAAS;AAAA,EAAA,GAC7B5B,CAAI,CAAA;AAGd;"}

package/dist/components/inputs/datePicker/dateFormat.d.ts

@@ -0,0 +1,3 @@
+export declare function formatDateByPattern(date: Date, pattern: string): string;
+export declare function parseDateByPattern(value: string, pattern: string): Date | undefined;
+export declare function isDatePatternMatch(value: string, pattern: string): boolean;

package/dist/components/inputs/datePicker/dateFormat.js

@@ -0,0 +1,58 @@
+const c = /yyyy|MM|dd/g;
+function y(t) {
+  const e = [];
+  let n;
+  for (c.lastIndex = 0; (n = c.exec(t)) !== null; )
+    e.push(n[0]);
+  return e;
+}
+function s(t) {
+  return t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function f(t) {
+  let e = "^", n = 0, r;
+  for (c.lastIndex = 0; (r = c.exec(t)) !== null; )
+    e += s(t.slice(n, r.index)), e += r[0] === "yyyy" ? "(\\d{4})" : "(\\d{2})", n = c.lastIndex;
+  return e += s(t.slice(n)), e += "$", new RegExp(e);
+}
+function g(t, e, n) {
+  if (e < 1 || e > 12 || n < 1)
+    return !1;
+  const r = new Date(t, e - 1, n);
+  return r.getFullYear() === t && r.getMonth() === e - 1 && r.getDate() === n;
+}
+function p(t, e) {
+  const n = t.getFullYear(), r = t.getMonth() + 1, a = t.getDate();
+  return e.replace(c, (i) => i === "yyyy" ? String(n).padStart(4, "0") : i === "MM" ? String(r).padStart(2, "0") : String(a).padStart(2, "0"));
+}
+function x(t, e) {
+  const n = y(e);
+  if (n.length !== 3 || !n.includes("yyyy") || !n.includes("MM") || !n.includes("dd"))
+    return;
+  const r = f(e).exec(t);
+  if (!r)
+    return;
+  let a, i, u;
+  if (n.forEach((o, d) => {
+    const l = Number(r[d + 1]);
+    if (o === "yyyy") {
+      a = l;
+      return;
+    }
+    if (o === "MM") {
+      i = l;
+      return;
+    }
+    u = l;
+  }), !(a === void 0 || i === void 0 || u === void 0) && g(a, i, u))
+    return new Date(a, i - 1, u);
+}
+function M(t, e) {
+  return x(t, e) !== void 0;
+}
+export {
+  p as formatDateByPattern,
+  M as isDatePatternMatch,
+  x as parseDateByPattern
+};
+//# sourceMappingURL=dateFormat.js.map

package/dist/components/inputs/datePicker/dateFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateFormat.js","sources":["../../../../src/components/inputs/datePicker/dateFormat.ts"],"sourcesContent":["const DATE_TOKEN_REGEXP = /yyyy|MM|dd/g;\n\ntype DateToken = \"yyyy\" | \"MM\" | \"dd\";\n\nfunction extractTokens(pattern: string): DateToken[] {\n  const tokens: DateToken[] = [];\n  let match: RegExpExecArray | null;\n\n  DATE_TOKEN_REGEXP.lastIndex = 0;\n  while ((match = DATE_TOKEN_REGEXP.exec(pattern)) !== null) {\n    tokens.push(match[0] as DateToken);\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  DATE_TOKEN_REGEXP.lastIndex = 0;\n  while ((match = DATE_TOKEN_REGEXP.exec(pattern)) !== null) {\n    regex += escapeRegExp(pattern.slice(lastIndex, match.index));\n    regex += match[0] === \"yyyy\" ? \"(\\\\d{4})\" : \"(\\\\d{2})\";\n    lastIndex = DATE_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\nexport function formatDateByPattern(date: Date, pattern: string): string {\n  const year = date.getFullYear();\n  const month = date.getMonth() + 1;\n  const day = date.getDate();\n\n  return pattern.replace(DATE_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    return String(day).padStart(2, \"0\");\n  });\n}\n\nexport function parseDateByPattern(value: string, pattern: string): Date | undefined {\n  const tokens = extractTokens(pattern);\n\n  if (tokens.length !== 3 || !tokens.includes(\"yyyy\") || !tokens.includes(\"MM\") || !tokens.includes(\"dd\")) {\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\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    day = part;\n  });\n\n  if (year === undefined || month === undefined || day === undefined) {\n    return undefined;\n  }\n\n  if (!isValidCalendarDate(year, month, day)) {\n    return undefined;\n  }\n\n  return new Date(year, month - 1, day);\n}\n\nexport function isDatePatternMatch(value: string, pattern: string): boolean {\n  return parseDateByPattern(value, pattern) !== undefined;\n}\n"],"names":["DATE_TOKEN_REGEXP","extractTokens","pattern","tokens","match","escapeRegExp","value","patternToRegExp","regex","lastIndex","isValidCalendarDate","year","month","day","date","formatDateByPattern","token","parseDateByPattern","index","part","isDatePatternMatch"],"mappings":"AAAA,MAAMA,IAAoB;AAI1B,SAASC,EAAcC,GAA8B;AACnD,QAAMC,IAAsB,CAAA;AAC5B,MAAIC;AAGJ,OADAJ,EAAkB,YAAY,IACtBI,IAAQJ,EAAkB,KAAKE,CAAO,OAAO;AACnD,IAAAC,EAAO,KAAKC,EAAM,CAAC,CAAc;AAGnC,SAAOD;AACT;AAEA,SAASE,EAAaC,GAAuB;AAC3C,SAAOA,EAAM,QAAQ,uBAAuB,MAAM;AACpD;AAEA,SAASC,EAAgBL,GAAyB;AAChD,MAAIM,IAAQ,KACRC,IAAY,GACZL;AAGJ,OADAJ,EAAkB,YAAY,IACtBI,IAAQJ,EAAkB,KAAKE,CAAO,OAAO;AACnD,IAAAM,KAASH,EAAaH,EAAQ,MAAMO,GAAWL,EAAM,KAAK,CAAC,GAC3DI,KAASJ,EAAM,CAAC,MAAM,SAAS,aAAa,YAC5CK,IAAYT,EAAkB;AAGhC,SAAAQ,KAASH,EAAaH,EAAQ,MAAMO,CAAS,CAAC,GAC9CD,KAAS,KAEF,IAAI,OAAOA,CAAK;AACzB;AAEA,SAASE,EAAoBC,GAAcC,GAAeC,GAAsB;AAC9E,MAAID,IAAQ,KAAKA,IAAQ,MAAMC,IAAM;AACnC,WAAO;AAGT,QAAMC,IAAO,IAAI,KAAKH,GAAMC,IAAQ,GAAGC,CAAG;AAE1C,SAAOC,EAAK,kBAAkBH,KAAQG,EAAK,eAAeF,IAAQ,KAAKE,EAAK,QAAA,MAAcD;AAC5F;AAEO,SAASE,EAAoBD,GAAYZ,GAAyB;AACvE,QAAMS,IAAOG,EAAK,YAAA,GACZF,IAAQE,EAAK,SAAA,IAAa,GAC1BD,IAAMC,EAAK,QAAA;AAEjB,SAAOZ,EAAQ,QAAQF,GAAmB,CAACgB,MACrCA,MAAU,SACL,OAAOL,CAAI,EAAE,SAAS,GAAG,GAAG,IAGjCK,MAAU,OACL,OAAOJ,CAAK,EAAE,SAAS,GAAG,GAAG,IAG/B,OAAOC,CAAG,EAAE,SAAS,GAAG,GAAG,CACnC;AACH;AAEO,SAASI,EAAmBX,GAAeJ,GAAmC;AACnF,QAAMC,IAASF,EAAcC,CAAO;AAEpC,MAAIC,EAAO,WAAW,KAAK,CAACA,EAAO,SAAS,MAAM,KAAK,CAACA,EAAO,SAAS,IAAI,KAAK,CAACA,EAAO,SAAS,IAAI;AACpG;AAGF,QAAMC,IAAQG,EAAgBL,CAAO,EAAE,KAAKI,CAAK;AAEjD,MAAI,CAACF;AACH;AAGF,MAAIO,GACAC,GACAC;AAkBJ,MAhBAV,EAAO,QAAQ,CAACa,GAAOE,MAAU;AAC/B,UAAMC,IAAO,OAAOf,EAAMc,IAAQ,CAAC,CAAC;AAEpC,QAAIF,MAAU,QAAQ;AACpB,MAAAL,IAAOQ;AACP;AAAA,IACF;AAEA,QAAIH,MAAU,MAAM;AAClB,MAAAJ,IAAQO;AACR;AAAA,IACF;AAEA,IAAAN,IAAMM;AAAA,EACR,CAAC,GAEG,EAAAR,MAAS,UAAaC,MAAU,UAAaC,MAAQ,WAIpDH,EAAoBC,GAAMC,GAAOC,CAAG;AAIzC,WAAO,IAAI,KAAKF,GAAMC,IAAQ,GAAGC,CAAG;AACtC;AAEO,SAASO,EAAmBd,GAAeJ,GAA0B;AAC1E,SAAOe,EAAmBX,GAAOJ,CAAO,MAAM;AAChD;"}

package/dist/components/inputs/datePicker/datePicker.d.ts

@@ -0,0 +1,40 @@
+import { type JSX } from "solid-js";
+import { type Placement } from "../../../utils/floating";
+import { type TextFieldProps } from "../textField";
+import { type WeekStart } from "./dateUtils";
+import { type Ref } from "../../../primitives/mergeRefs";
+export { OpenView } from "./openView";
+export interface DatePickerProps extends Omit<TextFieldProps, "onBlur" | "onChange" | "value" | "defaultValue" | "ref" | "onToggle"> {
+    showDaysOutsideMonth?: boolean | undefined;
+    disablePast?: boolean | undefined;
+    disableFuture?: boolean | undefined;
+    /** Earliest selectable date (inclusive). */
+    minDate?: Date | undefined;
+    /** Latest selectable date (inclusive). */
+    maxDate?: Date | undefined;
+    /** Predicate to disable arbitrary days. */
+    isDateDisabled?: ((day: Date) => boolean) | undefined;
+    weekStartsOn?: WeekStart | undefined;
+    /** BCP-47 locale for calendar labels (day/month/year names). */
+    locale?: string | undefined;
+    /** Input format pattern with tokens dd, MM, yyyy, e.g. "dd/MM/yyyy". */
+    format?: string | undefined;
+    /** Enables date-range selection. */
+    range?: boolean | undefined;
+    /** Controlled range value `[start, end]`. */
+    rangeValue?: [Date | undefined, Date | undefined] | undefined;
+    /** Called when the range changes. */
+    onRangeChange?: ((range: [Date | undefined, Date | undefined]) => void) | undefined;
+    placement?: Placement | undefined;
+    disableCalendar?: boolean | undefined;
+    label?: string | undefined;
+    /** Accessible label for the calendar popup dialog. */
+    calendarAriaLabel?: string | undefined;
+    value?: Date | string | undefined;
+    calendarIcon?: JSX.Element;
+    onChange?: ((event?: Event, value?: Date, data?: DatePickerProps) => void) | undefined;
+    onBlur?: ((event?: FocusEvent, value?: Date, data?: DatePickerProps) => void) | undefined;
+    ref?: Ref<HTMLInputElement>;
+}
+export declare function DatePicker(props: DatePickerProps): JSX.Element;
+export default DatePicker;

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

@@ -0,0 +1,258 @@
+import { createComponent as a, mergeProps as $, Portal as ne, use as oe, insert as x, effect as le, style as ie, setAttribute as se, template as ce } from "solid-js/web";
+import '../../../assets/styles/less/components/datePicker/dataPicker.entry.css';/* empty css                                                               */
+import { splitProps as de, createSignal as c, createEffect as B, createMemo as ue, onCleanup as ge, Show as p } from "solid-js";
+import { buildFloatingMiddleware as me, resolvePlacement as fe } from "../../../utils/floating.js";
+import { createFloating as he } from "../../../primitives/createFloating.js";
+import { DataPickerHeader as pe } from "./dataPickerHeader.js";
+import { DataPickerDays as be } from "./dataPickerDays.js";
+import { DatePickerList as L } from "./datePickerList.js";
+import { DataPickerInput as ve } from "./dataPickerInput.js";
+import { DatePickerIconButton as we } from "./datePickerIconButton.js";
+import { OpenView as o } from "./openView.js";
+import { isValidDate as D, getMonths as De, getYears as Ce, getDisplayDate as Y, setYear as ye, setMonth as ke } from "./dateUtils.js";
+import { mergeRefs as E } from "../../../primitives/mergeRefs.js";
+import { TextField as Ve } from "../textField/textField.js";
+import { Icon as Oe } from "../../base/icon/icon.js";
+import { ClickAwayListener as Pe } from "../../clickAwayListener/clickAwayListener.js";
+var Fe = /* @__PURE__ */ ce('<div class=smwb-date-picker data-testid=date-picker role=dialog aria-modal=false style="transition:opacity 150ms ease-in-out"><div class=smwb-date-picker__inner><div class=smwb-date-picker__body>');
+const Me = 150;
+function Ge(C) {
+  const [e, y] = de(C, ["value", "onChange", "showDaysOutsideMonth", "disablePast", "disableFuture", "weekStartsOn", "placement", "disabled", "disableCalendar", "calendarAriaLabel", "minDate", "maxDate", "isDateDisabled", "locale", "format", "range", "rangeValue", "onRangeChange", "calendarIcon", "onBlur", "ref"]), b = () => e.value === void 0 ? void 0 : new Date(e.value), k = () => e.rangeValue !== void 0, [q, z] = c([void 0, void 0]), i = () => k() && e.rangeValue ? e.rangeValue : q(), V = b(), [s, u] = c(D(V) ? V : /* @__PURE__ */ new Date()), [g, m] = c(o.days), [H, f] = c(!1);
+  let O, P;
+  const F = () => fe(e.placement ?? "bottom-start"), v = he({
+    placement: () => F().placement,
+    middleware: () => me(F())
+  });
+  B(() => {
+    if (e.disabled) return;
+    const t = b();
+    u(D(t) ? t : /* @__PURE__ */ new Date());
+  });
+  const j = () => e.weekStartsOn ?? 1, G = (t) => {
+    u(t);
+  }, J = () => {
+    m(g() === o.months ? o.days : o.months);
+  }, K = () => {
+    m(g() === o.years ? o.days : o.years);
+  }, N = (t) => {
+    u(ke(s(), t)), m(o.days);
+  }, Q = (t) => {
+    u(ye(s(), t)), m(o.days);
+  }, U = (t, n) => {
+    if (e.range) {
+      if (!n) return;
+      const [l, h] = i();
+      let r;
+      !l || l && h ? r = [n, void 0] : r = D(l) && n.getTime() < l.getTime() ? [n, l] : [l, n], k() || z(r), e.onRangeChange?.(r), r[0] && r[1] && f(!1);
+      return;
+    }
+    e.onChange?.(t, n, C), f(!1);
+  }, M = () => {
+    e.disabled || f((t) => !t);
+  }, W = (t) => {
+    const n = t.target;
+    P?.contains(n) || O?.contains(n) || f(!1);
+  }, X = ue(() => De(e.locale)), Z = Ce((/* @__PURE__ */ new Date()).getFullYear(), 100), S = () => H() && !e.disabled && !e.disableCalendar, [A, I] = c(S()), [ee, _] = c(!1);
+  let w, d;
+  B(() => {
+    S() ? (d !== void 0 && clearTimeout(d), I(!0), w = requestAnimationFrame(() => _(!0))) : (_(!1), A() && (d = setTimeout(() => I(!1), Me)));
+  }), ge(() => {
+    w !== void 0 && cancelAnimationFrame(w), d !== void 0 && clearTimeout(d);
+  });
+  const te = () => {
+    switch (g()) {
+      case o.months:
+        return a(L, {
+          get value() {
+            return s().getMonth();
+          },
+          get items() {
+            return X();
+          },
+          onChange: N
+        });
+      case o.years:
+        return a(L, {
+          get value() {
+            return s().getFullYear();
+          },
+          items: Z,
+          onChange: Q
+        });
+      default:
+        return a(be, {
+          get viewValue() {
+            return s();
+          },
+          get value() {
+            return b();
+          },
+          get showDaysOutsideMonth() {
+            return e.showDaysOutsideMonth;
+          },
+          onChange: U,
+          get disablePast() {
+            return e.disablePast;
+          },
+          get disableFuture() {
+            return e.disableFuture;
+          },
+          get weekStartsOn() {
+            return j();
+          },
+          get minDate() {
+            return e.minDate;
+          },
+          get maxDate() {
+            return e.maxDate;
+          },
+          get isDateDisabled() {
+            return e.isDateDisabled;
+          },
+          get locale() {
+            return e.locale;
+          },
+          get range() {
+            return e.range;
+          },
+          get rangeStart() {
+            return i()[0];
+          },
+          get rangeEnd() {
+            return i()[1];
+          }
+        });
+    }
+  }, re = () => e.range && (i()[0] || i()[1]) ? `${Y(i()[0], e.format)} – ${Y(i()[1], e.format)}` : "", R = E(e.ref, v.setReference, (t) => O = t);
+  return [a(p, {
+    get when() {
+      return e.range;
+    },
+    get fallback() {
+      return a(ve, $({
+        ref: R,
+        get value() {
+          return e.value;
+        },
+        get onChange() {
+          return e.onChange;
+        },
+        get onBlur() {
+          return e.onBlur;
+        },
+        onToggle: M,
+        get disabled() {
+          return e.disabled;
+        },
+        get disableCalendar() {
+          return e.disableCalendar;
+        },
+        get format() {
+          return e.format;
+        },
+        get calendarIcon() {
+          return e.calendarIcon;
+        }
+      }, y));
+    },
+    get children() {
+      return a(Ve, $({
+        ref: R,
+        get value() {
+          return re();
+        },
+        readOnly: !0,
+        onChange: () => {
+        },
+        get disabled() {
+          return !!e.disabled;
+        }
+      }, () => e.format ? {
+        placeholder: `${e.format} – ${e.format}`
+      } : {}, {
+        get endAdornment() {
+          return a(p, {
+            get when() {
+              return !e.disableCalendar;
+            },
+            get children() {
+              return a(we, {
+                edge: "end",
+                onClick: M,
+                get disabled() {
+                  return !!e.disabled;
+                },
+                "data-testid": "date-picker-icon-button",
+                get children() {
+                  return a(p, {
+                    get when() {
+                      return e.calendarIcon;
+                    },
+                    get fallback() {
+                      return a(Oe, {
+                        name: "calendar_today",
+                        fill: 1,
+                        weight: 500,
+                        size: 24
+                      });
+                    },
+                    get children() {
+                      return e.calendarIcon;
+                    }
+                  });
+                }
+              });
+            }
+          });
+        }
+      }, y));
+    }
+  }), a(p, {
+    get when() {
+      return A();
+    },
+    get children() {
+      return a(ne, {
+        get mount() {
+          return document.body;
+        },
+        get children() {
+          return a(Pe, {
+            onClickAway: W,
+            get children() {
+              var t = Fe(), n = t.firstChild, l = n.firstChild, h = E(v.setFloating, (r) => P = r);
+              return typeof h == "function" && oe(h, t), x(n, a(pe, {
+                get viewValue() {
+                  return s();
+                },
+                get locale() {
+                  return e.locale;
+                },
+                get openView() {
+                  return g();
+                },
+                onChange: G,
+                onMonthLabelClick: J,
+                onYearLabelClick: K
+              }), l), x(l, te), le((r) => {
+                var ae = {
+                  ...v.floatingStyles(),
+                  opacity: ee() ? 1 : 0
+                }, T = e.calendarAriaLabel ?? "Choose date";
+                return r.e = ie(t, ae, r.e), T !== r.t && se(t, "aria-label", r.t = T), r;
+              }, {
+                e: void 0,
+                t: void 0
+              }), t;
+            }
+          });
+        }
+      });
+    }
+  })];
+}
+export {
+  Ge as DatePicker,
+  o as OpenView
+};
+//# sourceMappingURL=datePicker.js.map