@techzyapp/ui-library 1.0.0

package/dist/DatePicker-WM9TC6L_.js

@@ -0,0 +1,191 @@
+import { jsxs as V, jsx as n } from "react/jsx-runtime";
+import { forwardRef as Ne, useId as Se, useState as C, useEffect as K, useRef as x, useCallback as Q } from "react";
+import { clsx as U } from "clsx";
+import { u as Te } from "./formContext-B7ln1Miy.js";
+import { F as Ye } from "./FloatingPanel-BG9Uag__.js";
+import { I as X } from "./Icon-CophpkHo.js";
+import { I as be } from "./IconButton-CBusrDa9.js";
+import { T as Z } from "./Typography-Cta6Rg4L.js";
+import { C as Fe } from "./Calendar-Bh317SaV.js";
+import { p as we, a as O, m as Pe, t as _, s as o, b as ee, c as Re, f as Ve, d as Oe } from "./DatePicker.module-BZDftL4g.js";
+import { a as Ee } from "./ConfigProvider-2c94kUOk.js";
+const Ue = Ne(function({
+  label: E,
+  size: k = "md",
+  error: te,
+  helperText: oe,
+  required: re = !1,
+  fullWidth: se = !0,
+  disabled: m = !1,
+  value: D,
+  defaultValue: ae,
+  onChange: M,
+  format: l = "DD/MM/YYYY",
+  valueFormat: g = "YYYY-MM-DDTHH:mm:ss",
+  placeholder: ne,
+  min: le,
+  max: ce,
+  disabledDate: B,
+  weekStartsOn: ie = 1,
+  clearable: ue = !0,
+  name: c,
+  id: pe,
+  className: me,
+  style: de
+}, i) {
+  const H = Ee(), fe = Se(), d = pe ?? fe, j = `${d}-helper`, he = `${d}-label`, f = Te(), h = !!(f && c), r = h ? f.field(c) : void 0, ve = D !== void 0 ? D : h ? f.values[c] ?? "" : void 0, L = D !== void 0 || h, [Ie, ye] = C(ae ?? ""), v = L ? ve : Ie, s = we(v, g), N = te ?? (r == null ? void 0 : r.error) ?? !1, S = oe ?? (r == null ? void 0 : r.helperText), T = O(le), Y = O(ce), Ce = Pe(l), I = (e) => {
+    e !== v && (L || ye(e), h && f.setValue(c, e), M == null || M(e));
+  }, b = (e) => I(e ? Ve(e, g) : ""), F = (e) => !s || !e.isSame(s, "day"), [w, u] = C(
+    () => s ? s.format(l) : ""
+  );
+  K(() => {
+    u(s ? s.format(l) : "");
+  }, [v, l, g]);
+  const P = x(null), R = x(null), [p, $] = C(!1), [xe, q] = C(() => s ?? _()), ke = Q(
+    (e) => {
+      R.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
+    },
+    [i]
+  ), y = x(void 0);
+  y.current = r ? () => r.onBlur({}) : void 0;
+  const z = x(null), A = Q((e) => {
+    var t, a;
+    $(!1), (t = y.current) == null || t.call(y), e && ((a = R.current) == null || a.focus());
+  }, []);
+  K(() => {
+    p && q(s ?? _());
+  }, [p]);
+  const De = (e) => {
+    const t = Re(e, Ce);
+    if (u(t), t === "") {
+      I("");
+      return;
+    }
+    const a = ee(t, l);
+    a && !W(a) && F(a) && b(a);
+  }, W = (e) => T && e.isBefore(T, "day") || Y && e.isAfter(Y, "day") ? !0 : !!(B && B(Oe(e))), Me = (e) => {
+    var G, J;
+    const t = ee(w, l);
+    w === "" ? I("") : t && !W(t) ? (F(t) && b(t), u(t.format(l))) : u(s ? s.format(l) : "");
+    const a = e.relatedTarget;
+    a && ((G = z.current) != null && G.contains(a) || (J = P.current) != null && J.contains(a)) || r == null || r.onBlur(e);
+  }, ge = (e) => {
+    const t = O(e);
+    t && F(t) && b(t), A(!0);
+  }, Be = k === "sm" ? "sm" : "md";
+  return /* @__PURE__ */ V(
+    "div",
+    {
+      className: U(
+        o.field,
+        o[k],
+        se && o.fullWidth,
+        N && o.error,
+        m && o.disabled,
+        me
+      ),
+      style: de,
+      children: [
+        E != null && /* @__PURE__ */ V("label", { htmlFor: d, className: o.label, children: [
+          /* @__PURE__ */ n(Z, { as: "span", variant: "bodySmall", color: "muted", children: E }),
+          re && /* @__PURE__ */ n("span", { className: o.required, "aria-hidden": "true", children: "*" })
+        ] }),
+        /* @__PURE__ */ V("div", { ref: P, className: U(o.control, p && o.open), children: [
+          /* @__PURE__ */ n(
+            "input",
+            {
+              ref: ke,
+              id: d,
+              name: c,
+              className: o.input,
+              value: w,
+              placeholder: ne ?? l.toLowerCase(),
+              disabled: m,
+              inputMode: "numeric",
+              autoComplete: "off",
+              "aria-invalid": N || void 0,
+              "aria-describedby": S != null ? j : void 0,
+              onChange: (e) => De(e.target.value),
+              onBlur: Me
+            }
+          ),
+          ue && v !== "" && !m && /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              className: o.clear,
+              "aria-label": H("datePicker.clear"),
+              tabIndex: -1,
+              onMouseDown: (e) => e.preventDefault(),
+              onClick: () => {
+                var e;
+                I(""), u(""), (e = R.current) == null || e.focus();
+              },
+              children: /* @__PURE__ */ n(X, { name: "CloseCircle", size: "sm" })
+            }
+          ),
+          /* @__PURE__ */ n(
+            be,
+            {
+              type: "button",
+              variant: "text",
+              color: "primary",
+              size: k,
+              disabled: m,
+              "aria-label": H("datePicker.open"),
+              "aria-haspopup": "dialog",
+              "aria-expanded": p,
+              className: o.calendarButton,
+              onMouseDown: (e) => e.preventDefault(),
+              onClick: () => $((e) => !e),
+              children: /* @__PURE__ */ n(X, { name: "Calendar3", size: Be })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n(
+          Ye,
+          {
+            ref: z,
+            open: p,
+            triggerRef: P,
+            onClose: A,
+            role: "dialog",
+            ariaLabel: "Choose date",
+            trapFocus: !0,
+            className: o.popover,
+            children: /* @__PURE__ */ n(
+              Fe,
+              {
+                value: s,
+                month: xe,
+                onMonthChange: q,
+                onSelect: ge,
+                min: T,
+                max: Y,
+                disabledDate: B,
+                weekStartsOn: ie,
+                autoFocus: !0,
+                labelId: he
+              }
+            )
+          }
+        ),
+        S != null && /* @__PURE__ */ n(
+          Z,
+          {
+            as: "span",
+            id: j,
+            variant: "bodySmall",
+            color: N ? "error" : "muted",
+            className: o.helper,
+            children: S
+          }
+        )
+      ]
+    }
+  );
+});
+export {
+  Ue as D
+};
+//# sourceMappingURL=DatePicker-WM9TC6L_.js.map

package/dist/DatePicker-WM9TC6L_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker-WM9TC6L_.js","sources":["../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { useFormContext } from '../../form/formContext'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Typography } from '../Typography'\nimport { Calendar } from './Calendar'\nimport {\n  applyMask,\n  formatValue,\n  maskFromFormat,\n  parseISO,\n  parseInput,\n  parseValue,\n  today,\n  toISO,\n  type Dayjs,\n} from './dateUtils'\nimport styles from './DatePicker.module.css'\n\nexport type DatePickerSize = 'sm' | 'md' | 'lg'\n\nexport interface DatePickerProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** Preset size — control height, font and calendar density. */\n  size?: DatePickerSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — a date string in `valueFormat` (default ISO datetime; `''` = empty). */\n  value?: string\n  /** Initial value for uncontrolled use (in `valueFormat`). */\n  defaultValue?: string\n  /** Fires with the next date in `valueFormat` (`''` when cleared). */\n  onChange?: (value: string) => void\n  /** Display + typed-input format (dayjs tokens; should be numeric for the typed mask). Defaults to `'DD/MM/YYYY'`. */\n  format?: string\n  /**\n   * Wire format of `value`/`defaultValue`/`onChange` (dayjs tokens), decoupled from the displayed\n   * `format`. Defaults to the ISO datetime `'YYYY-MM-DDTHH:mm:ss'`. Incoming values are parsed\n   * **leniently** (this format, then any ISO-8601 string — so a backend datetime like\n   * `'2026-06-10T09:35:49.6134342'` is accepted), while `onChange` emits in exactly this format at the\n   * **start of the UTC day** (e.g. `'2026-06-10T00:00:00'`). Pass `'YYYY-MM-DD'` for a plain date.\n   */\n  valueFormat?: string\n  /** Placeholder shown when empty. Defaults to the lowercased `format` (e.g. `\"dd/mm/yyyy\"`). */\n  placeholder?: string\n  /** Earliest selectable date (ISO `'YYYY-MM-DD'`). */\n  min?: string\n  /** Latest selectable date (ISO `'YYYY-MM-DD'`). */\n  max?: string\n  /** Disables specific dates — receives each day as an ISO `'YYYY-MM-DD'` string. */\n  disabledDate?: (date: string) => boolean\n  /** First day of the week: 0 = Sunday … 6 = Saturday. Defaults to `1` (Monday). */\n  weekStartsOn?: number\n  /** Shows a clear (×) button when a date is set. Defaults to `true`. */\n  clearable?: boolean\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is the ISO date string). */\n  name?: string\n  /** Id for the input (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\n/**\n * A date field with a typed, masked input **and** a calendar popover. The input accepts typing in\n * `format` (default `DD/MM/YYYY`, masked) and parses strictly; the calendar icon opens a\n * `Dropdown`-style popover (portaled, flips, scroll-locked — shared via `useFloatingPanel`) with a\n * keyboard-navigable month grid + year picker. All calendar math runs in **UTC** so the date never\n * drifts with the viewer's timezone; the value is a string in `valueFormat` (default ISO datetime\n * `'YYYY-MM-DDTHH:mm:ss'`) — incoming values are parsed leniently (a richer backend datetime is\n * accepted) and emitted at the start of the UTC day. Supports `min`/`max`, `disabledDate`,\n * `weekStartsOn`, and\n * `clearable`. Controlled (`value` + `onChange`) or\n * uncontrolled (`defaultValue`), and binds to a surrounding `<Form>` by `name` (validate with e.g.\n * `z.string().min(1, 'Required')`). Token-only styling. Requires the `dayjs` peer dependency.\n */\nexport const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>(function DatePicker(\n  {\n    label,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    disabled = false,\n    value,\n    defaultValue,\n    onChange,\n    format = 'DD/MM/YYYY',\n    valueFormat = 'YYYY-MM-DDTHH:mm:ss',\n    placeholder,\n    min,\n    max,\n    disabledDate,\n    weekStartsOn = 1,\n    clearable = true,\n    name,\n    id: idProp,\n    className,\n    style,\n  },\n  ref,\n) {\n  const t = useT()\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const helperId = `${id}-helper`\n  const labelId = `${id}-label`\n\n  // ── value (controlled / form-bound / uncontrolled) — ISO 'YYYY-MM-DD' ──────────────────────────\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = isFormBound ? form!.field(name!) : undefined\n  const externalValue =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as string | undefined) ?? '')\n        : undefined\n  const isControlled = value !== undefined || isFormBound\n  const [internal, setInternal] = useState<string>(defaultValue ?? '')\n  const currentValue = isControlled ? externalValue! : internal\n  const selected = parseValue(currentValue, valueFormat)\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const minDate = parseISO(min)\n  const maxDate = parseISO(max)\n  const mask = maskFromFormat(format)\n\n  const commit = (next: string) => {\n    if (next === currentValue) return // skip redundant onChange / setValue with an unchanged value\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  // emit a chosen day in the wire `valueFormat` (start of the UTC day), or '' to clear\n  const commitDate = (d: Dayjs | null) => commit(d ? formatValue(d, valueFormat) : '')\n\n  // true when `d` is a different calendar day than the current value — gates commits so a no-op\n  // round-trip (e.g. focusing then blurring) never rewrites an unchanged value's time to midnight\n  const dayChanged = (d: Dayjs) => !selected || !d.isSame(selected, 'day')\n\n  // input display text (kept in sync with the committed value; free while typing an incomplete date)\n  const [inputText, setInputText] = useState<string>(() =>\n    selected ? selected.format(format) : '',\n  )\n  useEffect(() => {\n    setInputText(selected ? selected.format(format) : '')\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [currentValue, format, valueFormat])\n\n  // ── popover ────────────────────────────────────────────────────────────────────────────────────\n  const triggerRef = useRef<HTMLDivElement | null>(null)\n  const inputRef = useRef<HTMLInputElement | null>(null)\n  const [open, setOpen] = useState(false)\n  const [viewMonth, setViewMonth] = useState<Dayjs>(() => selected ?? today())\n\n  const setInputRef = useCallback(\n    (node: HTMLInputElement | null) => {\n      inputRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as { current: HTMLInputElement | null }).current = node\n    },\n    [ref],\n  )\n\n  // keep the form's blur handler live for the stable closePopover (`bound` is recreated each render)\n  const fieldBlurRef = useRef<(() => void) | undefined>(undefined)\n  fieldBlurRef.current = bound ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>) : undefined\n\n  // the floating panel forwards its node here, for the focus-leaves-the-widget check on blur\n  const popoverRef = useRef<HTMLDivElement | null>(null)\n\n  const closePopover = useCallback((refocus: boolean) => {\n    setOpen(false)\n    fieldBlurRef.current?.()\n    if (refocus) inputRef.current?.focus()\n  }, [])\n\n  // when opening, sync the calendar to the selected date (or today)\n  useEffect(() => {\n    if (open) setViewMonth(selected ?? today())\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open])\n\n  const handleInputChange = (raw: string) => {\n    const masked = applyMask(raw, mask)\n    setInputText(masked)\n    if (masked === '') {\n      commit('') // emptying the field clears the value\n      return\n    }\n    const parsed = parseInput(masked, format)\n    // commit only a complete, valid, in-range, enabled date that changes the day\n    if (parsed && !isOutOfRange(parsed) && dayChanged(parsed)) commitDate(parsed)\n  }\n\n  const isOutOfRange = (d: Dayjs): boolean => {\n    if (minDate && d.isBefore(minDate, 'day')) return true\n    if (maxDate && d.isAfter(maxDate, 'day')) return true\n    return Boolean(disabledDate && disabledDate(toISO(d)))\n  }\n\n  const handleInputBlur = (event: FocusEvent<HTMLInputElement>) => {\n    // re-format from the committed value (drops half-typed / invalid text); fires the form's touched\n    const parsed = parseInput(inputText, format)\n    if (inputText === '') {\n      commit('') // an emptied field stays cleared (don't restore the old date)\n    } else if (parsed && !isOutOfRange(parsed)) {\n      if (dayChanged(parsed)) commitDate(parsed)\n      setInputText(parsed.format(format))\n    } else {\n      setInputText(selected ? selected.format(format) : '')\n    }\n    // only mark touched when focus leaves the whole widget (not into the popover)\n    const nextEl = event.relatedTarget as Node | null\n    if (nextEl && (popoverRef.current?.contains(nextEl) || triggerRef.current?.contains(nextEl)))\n      return\n    bound?.onBlur(event)\n  }\n\n  const handleSelect = (iso: string) => {\n    const picked = parseISO(iso)\n    if (picked && dayChanged(picked)) commitDate(picked) // re-picking the same day preserves its value\n    closePopover(true)\n  }\n\n  const iconSize: 'sm' | 'md' = size === 'sm' ? 'sm' : 'md'\n\n  return (\n    <div\n      className={clsx(\n        styles.field,\n        styles[size],\n        fullWidth && styles.fullWidth,\n        resolvedError && styles.error,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={style}\n    >\n      {label != null && (\n        <label htmlFor={id} className={styles.label}>\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={styles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      <div ref={triggerRef} className={clsx(styles.control, open && styles.open)}>\n        <input\n          ref={setInputRef}\n          id={id}\n          name={name}\n          className={styles.input}\n          value={inputText}\n          placeholder={placeholder ?? format.toLowerCase()}\n          disabled={disabled}\n          inputMode=\"numeric\"\n          autoComplete=\"off\"\n          aria-invalid={resolvedError || undefined}\n          aria-describedby={resolvedHelperText != null ? helperId : undefined}\n          onChange={(e) => handleInputChange(e.target.value)}\n          onBlur={handleInputBlur}\n        />\n\n        {clearable && currentValue !== '' && !disabled && (\n          <button\n            type=\"button\"\n            className={styles.clear}\n            aria-label={t('datePicker.clear')}\n            tabIndex={-1}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={() => {\n              commit('')\n              setInputText('')\n              inputRef.current?.focus()\n            }}\n          >\n            <Icon name=\"CloseCircle\" size=\"sm\" />\n          </button>\n        )}\n\n        <IconButton\n          type=\"button\"\n          variant=\"text\"\n          color=\"primary\"\n          size={size}\n          disabled={disabled}\n          aria-label={t('datePicker.open')}\n          aria-haspopup=\"dialog\"\n          aria-expanded={open}\n          className={styles.calendarButton}\n          onMouseDown={(e) => e.preventDefault()}\n          onClick={() => setOpen((o) => !o)}\n        >\n          <Icon name=\"Calendar3\" size={iconSize} />\n        </IconButton>\n      </div>\n\n      <FloatingPanel\n        ref={popoverRef}\n        open={open}\n        triggerRef={triggerRef}\n        onClose={closePopover}\n        role=\"dialog\"\n        ariaLabel=\"Choose date\"\n        trapFocus\n        className={styles.popover}\n      >\n        <Calendar\n          value={selected}\n          month={viewMonth}\n          onMonthChange={setViewMonth}\n          onSelect={handleSelect}\n          min={minDate}\n          max={maxDate}\n          disabledDate={disabledDate}\n          weekStartsOn={weekStartsOn}\n          autoFocus\n          labelId={labelId}\n        />\n      </FloatingPanel>\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={styles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["DatePicker","forwardRef","label","size","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","format","valueFormat","placeholder","min","max","disabledDate","weekStartsOn","clearable","name","idProp","className","style","ref","t","useT","reactId","useId","id","helperId","labelId","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","selected","parseValue","resolvedError","resolvedHelperText","minDate","parseISO","maxDate","mask","maskFromFormat","commit","next","commitDate","d","formatValue","dayChanged","inputText","setInputText","useEffect","triggerRef","useRef","inputRef","open","setOpen","viewMonth","setViewMonth","today","setInputRef","useCallback","node","fieldBlurRef","popoverRef","closePopover","refocus","_a","_b","handleInputChange","raw","masked","applyMask","parsed","parseInput","isOutOfRange","toISO","handleInputBlur","event","nextEl","handleSelect","iso","picked","iconSize","jsxs","clsx","styles","jsx","Typography","Icon","IconButton","o","FloatingPanel","Calendar"],"mappings":"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"}

package/dist/DatePicker.module-BZDftL4g.js

@@ -0,0 +1,138 @@
+import c from "dayjs";
+import u from "dayjs/plugin/utc";
+import y from "dayjs/plugin/customParseFormat";
+c.extend(u);
+c.extend(y);
+const r = "YYYY-MM-DD";
+function et(t) {
+  if (!t) return null;
+  const n = c.utc(t, r, !0);
+  return n.isValid() ? n : null;
+}
+function at(t, n) {
+  const a = c.utc(t, n, !0);
+  return a.isValid() ? a : null;
+}
+const nt = (t) => t.format(r);
+function ot(t, n) {
+  if (!t) return null;
+  const a = c.utc(t, n, !0);
+  if (a.isValid()) return a;
+  const e = c.utc(t);
+  return e.isValid() ? e : null;
+}
+const ct = (t, n) => t.startOf("day").format(n), _ = () => c.utc(c().format(r), r), d = "YYYY-MM-DDTHH:mm:ss.SSS";
+function rt(t) {
+  return t ? c.utc(t.local().format(d)) : null;
+}
+function st(t) {
+  return c(t.format(d)).utc();
+}
+function lt(t, n) {
+  if (!t) return null;
+  const a = c.utc(t, n, !0);
+  if (a.isValid()) return a;
+  const e = c.utc(`${_().format(r)}T${t}`);
+  if (e.isValid()) return e;
+  const o = c.utc(t);
+  return o.isValid() ? o : null;
+}
+function it(t, n, a = 1) {
+  if (a <= 0) return [];
+  const e = [];
+  for (let o = t; o <= n; o += a) e.push(o);
+  return e;
+}
+const _t = (t) => String(t).padStart(2, "0"), dt = (t) => t.replace(/[DMYHhms]/g, "9").replace(/A/g, "AA").replace(/a/g, "aa"), f = /[0-9]/, m = /[A-Za-z]/;
+function pt(t, n) {
+  let a = "", e = 0;
+  for (const o of n)
+    if (o === "9") {
+      for (; e < t.length && !f.test(t[e]); ) e++;
+      if (e >= t.length) break;
+      a += t[e++];
+    } else if (o === "A" || o === "a") {
+      for (; e < t.length && !m.test(t[e]); ) e++;
+      if (e >= t.length) break;
+      a += o === "A" ? t[e++].toUpperCase() : t[e++].toLowerCase();
+    } else {
+      if (e >= t.length) break;
+      t[e] === o && e++, a += o;
+    }
+  return a;
+}
+function ut(t, n, a, e) {
+  return !!(n && t.isBefore(n, "day") || a && t.isAfter(a, "day") || e && e(t.format(r)));
+}
+function yt(t, n) {
+  const a = t.startOf("month"), e = (a.day() - n + 7) % 7, o = a.subtract(e, "day"), i = _(), l = t.month();
+  return Array.from({ length: 42 }, (R, p) => {
+    const s = o.add(p, "day");
+    return {
+      date: s,
+      iso: s.format(r),
+      inMonth: s.month() === l,
+      isToday: s.isSame(i, "day")
+    };
+  });
+}
+function ft(t, n, a) {
+  const e = Math.min(t ? t.year() : a - 100, a), o = Math.max(n ? n.year() : a + 100, a);
+  return Array.from({ length: o - e + 1 }, (i, l) => e + l);
+}
+const x = "_field_yapex_1", k = "_fullWidth_yapex_7", h = "_label_yapex_12", S = "_required_yapex_19", T = "_control_yapex_25", g = "_open_yapex_39", b = "_error_yapex_43", M = "_disabled_yapex_51", A = "_input_yapex_59", O = "_clear_yapex_79", V = "_calendarButton_yapex_97", D = "_sm_yapex_108", G = "_md_yapex_112", H = "_lg_yapex_116", I = "_helper_yapex_121", Y = "_popover_yapex_126", C = "_calendar_yapex_97", W = "_calHeader_yapex_136", B = "_calTitleGroup_yapex_144", L = "_calTitle_yapex_144", q = "_calTitleStatic_yapex_173", F = "_weekdays_yapex_180", P = "_week_yapex_180", U = "_weekday_yapex_180", $ = "_day_yapex_196", j = "_dayOutside_yapex_220", z = "_dayToday_yapex_224", Z = "_daySelected_yapex_224", w = "_dayDisabled_yapex_235", E = "_pickGrid_yapex_244", J = "_pickScroll_yapex_249", K = "_pickCell_yapex_255", N = "_pickToday_yapex_278", Q = "_pickSelected_yapex_281", mt = {
+  field: x,
+  fullWidth: k,
+  label: h,
+  required: S,
+  control: T,
+  open: g,
+  error: b,
+  disabled: M,
+  input: A,
+  clear: O,
+  calendarButton: V,
+  sm: D,
+  md: G,
+  lg: H,
+  helper: I,
+  popover: Y,
+  calendar: C,
+  calHeader: W,
+  calTitleGroup: B,
+  calTitle: L,
+  calTitleStatic: q,
+  weekdays: F,
+  week: P,
+  weekday: U,
+  day: $,
+  dayOutside: j,
+  dayToday: z,
+  daySelected: Z,
+  dayDisabled: w,
+  pickGrid: E,
+  pickScroll: J,
+  pickCell: K,
+  pickToday: N,
+  pickSelected: Q
+};
+export {
+  et as a,
+  at as b,
+  pt as c,
+  nt as d,
+  yt as e,
+  ct as f,
+  _t as g,
+  lt as h,
+  ut as i,
+  st as l,
+  dt as m,
+  ot as p,
+  it as r,
+  mt as s,
+  _ as t,
+  rt as u,
+  ft as y
+};
+//# sourceMappingURL=DatePicker.module-BZDftL4g.js.map

package/dist/DatePicker.module-BZDftL4g.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.module-BZDftL4g.js","sources":["../src/components/DatePicker/dateUtils.ts"],"sourcesContent":["/**\n * Date math for the date components, on top of dayjs (an optional peer dep). All calendar math runs\n * in **UTC** (via the `utc` plugin) so a calendar date never drifts with the viewer's timezone; the\n * public value is a plain ISO date string `'YYYY-MM-DD'`. Typed input is parsed strictly against a\n * display `format` (via the `customParseFormat` plugin).\n */\nimport dayjs, { type Dayjs } from 'dayjs'\nimport utc from 'dayjs/plugin/utc'\nimport customParseFormat from 'dayjs/plugin/customParseFormat'\n\ndayjs.extend(utc)\ndayjs.extend(customParseFormat)\n\nexport type { Dayjs }\n\n/** The canonical value format (timezone-agnostic calendar date). */\nexport const ISO = 'YYYY-MM-DD'\n\n/** Parse an ISO `'YYYY-MM-DD'` value (UTC-anchored) into a dayjs, or `null` if empty/invalid. */\nexport function parseISO(value?: string | null): Dayjs | null {\n  if (!value) return null\n  const d = dayjs.utc(value, ISO, true)\n  return d.isValid() ? d : null\n}\n\n/** Parse a user-typed string strictly against a display `format` (UTC), or `null`. */\nexport function parseInput(text: string, format: string): Dayjs | null {\n  const d = dayjs.utc(text, format, true)\n  return d.isValid() ? d : null\n}\n\nexport const toISO = (d: Dayjs): string => d.format(ISO)\n\n/**\n * Parse an incoming **value** leniently (UTC): the declared `valueFormat` first (strict), then any\n * ISO-8601 string — so a richer backend datetime such as `'2026-06-10T09:35:49.6134342'` is still\n * accepted (dayjs caps the fractional seconds at milliseconds). Returns `null` when empty/unparseable.\n */\nexport function parseValue(value: string | null | undefined, valueFormat: string): Dayjs | null {\n  if (!value) return null\n  const strict = dayjs.utc(value, valueFormat, true)\n  if (strict.isValid()) return strict\n  const lenient = dayjs.utc(value)\n  return lenient.isValid() ? lenient : null\n}\n\n/**\n * Format a date to the I/O `valueFormat`, anchored to the **start of its UTC day** — a date picker\n * carries no time-of-day, so the emitted time is `00:00:00` (e.g. `valueFormat='YYYY-MM-DDTHH:mm:ss'`\n * → `'2026-06-10T00:00:00'`).\n */\nexport const formatValue = (d: Dayjs, valueFormat: string): string =>\n  d.startOf('day').format(valueFormat)\n\n/** The viewer's local calendar date, anchored to UTC midnight for stable, drift-free math. */\nexport const today = (): Dayjs => dayjs.utc(dayjs().format(ISO), ISO)\n\nconst ISO_MS = 'YYYY-MM-DDTHH:mm:ss.SSS'\n\n/**\n * Convert a real UTC instant into a UTC-mode dayjs that **holds the viewer's local wall-clock** — so the\n * UTC-internal calendar/time machinery renders the viewer's local time while the stored value stays UTC\n * (the \"store UTC, show local\" pattern, used by `DateTimePicker`/`TimePicker`). Returns `null` for null.\n */\nexport function utcToLocalWall(instant: Dayjs | null): Dayjs | null {\n  return instant ? dayjs.utc(instant.local().format(ISO_MS)) : null\n}\n\n/** Inverse of {@link utcToLocalWall}: a local-wall dayjs → the real UTC instant (for emitting). */\nexport function localWallToUtc(localWall: Dayjs): Dayjs {\n  return dayjs(localWall.format(ISO_MS)).utc()\n}\n\n/**\n * Parse an incoming **time-of-day** value leniently (UTC): the declared `valueFormat` first (strict),\n * then a numeric time anchored to a fixed date (so `'09:35:49.6134342'` is accepted, ms-capped), then\n * any ISO-8601 datetime (its time is used). Only the time-of-day matters; the date part is ignored by\n * `TimePicker`. Returns `null` when empty/unparseable.\n */\nexport function parseTime(value: string | null | undefined, valueFormat: string): Dayjs | null {\n  if (!value) return null\n  const strict = dayjs.utc(value, valueFormat, true)\n  if (strict.isValid()) return strict\n  // anchor a bare time to today's date so any local-tz conversion uses the current offset\n  const numeric = dayjs.utc(`${today().format(ISO)}T${value}`)\n  if (numeric.isValid()) return numeric\n  const lenient = dayjs.utc(value)\n  return lenient.isValid() ? lenient : null\n}\n\n/** Inclusive numeric range `[start, end]` stepped by `step` — for the time-picker columns. A\n *  non-positive `step` returns `[]` rather than looping forever. */\nexport function range(start: number, end: number, step = 1): number[] {\n  if (step <= 0) return []\n  const out: number[] = []\n  for (let v = start; v <= end; v += step) out.push(v)\n  return out\n}\n\n/** Zero-pads a number to two digits (`9` → `'09'`) for time-column display. */\nexport const pad2 = (n: number): string => String(n).padStart(2, '0')\n\n/**\n * Build an input mask from a date/time format: numeric tokens (`D M Y H h m s`) → `9` (digit slots),\n * the **uppercase** meridiem token `A` → `AA` and the **lowercase** `a` → `aa` (two letter slots for\n * `AM`/`PM`, matching dayjs's case-sensitive strict parse), everything else literal.\n * `'DD/MM/YYYY'` → `'99/99/9999'`; `'DD/MM/YYYY hh:mm A'` → `'99/99/9999 99:99 AA'`.\n */\nexport const maskFromFormat = (format: string): string =>\n  format\n    .replace(/[DMYHhms]/g, '9')\n    .replace(/A/g, 'AA')\n    .replace(/a/g, 'aa')\n\nconst DIGIT = /[0-9]/\nconst ALPHA = /[A-Za-z]/\n\n/**\n * Applies a mask to raw input: `9` = digit, `A` = letter forced upper-case, `a` = letter forced\n * lower-case (so a typed meridiem matches the format's case for dayjs), everything else a literal.\n */\nexport function applyMask(raw: string, mask: string): string {\n  let out = ''\n  let i = 0\n  for (const m of mask) {\n    if (m === '9') {\n      while (i < raw.length && !DIGIT.test(raw[i])) i++\n      if (i >= raw.length) break\n      out += raw[i++]\n    } else if (m === 'A' || m === 'a') {\n      while (i < raw.length && !ALPHA.test(raw[i])) i++\n      if (i >= raw.length) break\n      out += m === 'A' ? raw[i++].toUpperCase() : raw[i++].toLowerCase()\n    } else {\n      if (i >= raw.length) break\n      if (raw[i] === m) i++\n      out += m\n    }\n  }\n  return out\n}\n\n/** True when `d` falls outside `[min, max]` or is rejected by `disabledDate`. */\nexport function isDisabled(\n  d: Dayjs,\n  min: Dayjs | null,\n  max: Dayjs | null,\n  disabledDate?: (iso: string) => boolean,\n): boolean {\n  if (min && d.isBefore(min, 'day')) return true\n  if (max && d.isAfter(max, 'day')) return true\n  if (disabledDate && disabledDate(d.format(ISO))) return true\n  return false\n}\n\n/** A single cell in the month grid. */\nexport interface CalendarDay {\n  date: Dayjs\n  iso: string\n  /** Belongs to the month being displayed (vs. a leading/trailing day from an adjacent month). */\n  inMonth: boolean\n  isToday: boolean\n}\n\n/**\n * Builds a fixed 6×7 (42-cell) grid for the month containing `monthDate`, with weeks starting on\n * `weekStartsOn` (0 = Sunday … 6 = Saturday). Fixed height avoids layout shift between months.\n */\nexport function buildMonthGrid(monthDate: Dayjs, weekStartsOn: number): CalendarDay[] {\n  const firstOfMonth = monthDate.startOf('month')\n  const lead = (firstOfMonth.day() - weekStartsOn + 7) % 7\n  const start = firstOfMonth.subtract(lead, 'day')\n  const now = today()\n  const month = monthDate.month()\n  return Array.from({ length: 42 }, (_, i) => {\n    const date = start.add(i, 'day')\n    return {\n      date,\n      iso: date.format(ISO),\n      inMonth: date.month() === month,\n      isToday: date.isSame(now, 'day'),\n    }\n  })\n}\n\n/** Short weekday header labels, ordered from `weekStartsOn`. */\nexport function weekdayLabels(weekStartsOn: number): string[] {\n  return Array.from({ length: 7 }, (_, i) =>\n    dayjs\n      .utc()\n      .day((weekStartsOn + i) % 7)\n      .format('dd'),\n  )\n}\n\n/** Full month names (`'January'…'December'`), index 0–11, for the month-picker view. */\nexport function monthLabels(): string[] {\n  return Array.from({ length: 12 }, (_, m) => dayjs.utc().month(m).format('MMMM'))\n}\n\n/**\n * The list of selectable years for the (scrollable) year-picker view: bounded by `min`/`max` when\n * given, otherwise ±100 around `viewYear`. Always widened to include `viewYear` so the roving focus\n * has a cell to land on.\n */\nexport function yearList(min: Dayjs | null, max: Dayjs | null, viewYear: number): number[] {\n  const start = Math.min(min ? min.year() : viewYear - 100, viewYear)\n  const end = Math.max(max ? max.year() : viewYear + 100, viewYear)\n  return Array.from({ length: end - start + 1 }, (_, i) => start + i)\n}\n"],"names":["dayjs","utc","customParseFormat","ISO","parseISO","value","d","parseInput","text","format","toISO","parseValue","valueFormat","strict","lenient","formatValue","today","ISO_MS","utcToLocalWall","instant","localWallToUtc","localWall","parseTime","numeric","range","start","end","step","out","v","pad2","n","maskFromFormat","DIGIT","ALPHA","applyMask","raw","mask","i","m","isDisabled","min","max","disabledDate","buildMonthGrid","monthDate","weekStartsOn","firstOfMonth","lead","now","month","_","date","yearList","viewYear"],"mappings":"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"}

package/dist/DatePicker.module-tE-tGNBd.cjs

@@ -0,0 +1,2 @@
+"use strict";const c=require("dayjs"),p=require("dayjs/plugin/utc"),y=require("dayjs/plugin/customParseFormat");c.extend(p);c.extend(y);const r="YYYY-MM-DD";function f(t){if(!t)return null;const n=c.utc(t,r,!0);return n.isValid()?n:null}function m(t,n){const a=c.utc(t,n,!0);return a.isValid()?a:null}const x=t=>t.format(r);function k(t,n){if(!t)return null;const a=c.utc(t,n,!0);if(a.isValid())return a;const e=c.utc(t);return e.isValid()?e:null}const h=(t,n)=>t.startOf("day").format(n),i=()=>c.utc(c().format(r),r),d="YYYY-MM-DDTHH:mm:ss.SSS";function S(t){return t?c.utc(t.local().format(d)):null}function T(t){return c(t.format(d)).utc()}function b(t,n){if(!t)return null;const a=c.utc(t,n,!0);if(a.isValid())return a;const e=c.utc(`${i().format(r)}T${t}`);if(e.isValid())return e;const o=c.utc(t);return o.isValid()?o:null}function g(t,n,a=1){if(a<=0)return[];const e=[];for(let o=t;o<=n;o+=a)e.push(o);return e}const M=t=>String(t).padStart(2,"0"),O=t=>t.replace(/[DMYHhms]/g,"9").replace(/A/g,"AA").replace(/a/g,"aa"),A=/[0-9]/,V=/[A-Za-z]/;function I(t,n){let a="",e=0;for(const o of n)if(o==="9"){for(;e<t.length&&!A.test(t[e]);)e++;if(e>=t.length)break;a+=t[e++]}else if(o==="A"||o==="a"){for(;e<t.length&&!V.test(t[e]);)e++;if(e>=t.length)break;a+=o==="A"?t[e++].toUpperCase():t[e++].toLowerCase()}else{if(e>=t.length)break;t[e]===o&&e++,a+=o}return a}function D(t,n,a,e){return!!(n&&t.isBefore(n,"day")||a&&t.isAfter(a,"day")||e&&e(t.format(r)))}function G(t,n){const a=t.startOf("month"),e=(a.day()-n+7)%7,o=a.subtract(e,"day"),_=i(),s=t.month();return Array.from({length:42},(pt,u)=>{const l=o.add(u,"day");return{date:l,iso:l.format(r),inMonth:l.month()===s,isToday:l.isSame(_,"day")}})}function H(t,n,a){const e=Math.min(t?t.year():a-100,a),o=Math.max(n?n.year():a+100,a);return Array.from({length:o-e+1},(_,s)=>e+s)}const W="_field_yapex_1",q="_fullWidth_yapex_7",L="_label_yapex_12",Y="_required_yapex_19",C="_control_yapex_25",F="_open_yapex_39",B="_error_yapex_43",U="_disabled_yapex_51",P="_input_yapex_59",$="_clear_yapex_79",j="_calendarButton_yapex_97",z="_sm_yapex_108",Z="_md_yapex_112",w="_lg_yapex_116",E="_helper_yapex_121",J="_popover_yapex_126",K="_calendar_yapex_97",N="_calHeader_yapex_136",Q="_calTitleGroup_yapex_144",R="_calTitle_yapex_144",X="_calTitleStatic_yapex_173",v="_weekdays_yapex_180",tt="_week_yapex_180",et="_weekday_yapex_180",at="_day_yapex_196",nt="_dayOutside_yapex_220",ot="_dayToday_yapex_224",ct="_daySelected_yapex_224",rt="_dayDisabled_yapex_235",lt="_pickGrid_yapex_244",st="_pickScroll_yapex_249",it="_pickCell_yapex_255",_t="_pickToday_yapex_278",dt="_pickSelected_yapex_281",ut={field:W,fullWidth:q,label:L,required:Y,control:C,open:F,error:B,disabled:U,input:P,clear:$,calendarButton:j,sm:z,md:Z,lg:w,helper:E,popover:J,calendar:K,calHeader:N,calTitleGroup:Q,calTitle:R,calTitleStatic:X,weekdays:v,week:tt,weekday:et,day:at,dayOutside:nt,dayToday:ot,daySelected:ct,dayDisabled:rt,pickGrid:lt,pickScroll:st,pickCell:it,pickToday:_t,pickSelected:dt};exports.applyMask=I;exports.buildMonthGrid=G;exports.formatValue=h;exports.isDisabled=D;exports.localWallToUtc=T;exports.maskFromFormat=O;exports.pad2=M;exports.parseISO=f;exports.parseInput=m;exports.parseTime=b;exports.parseValue=k;exports.range=g;exports.styles=ut;exports.toISO=x;exports.today=i;exports.utcToLocalWall=S;exports.yearList=H;
+//# sourceMappingURL=DatePicker.module-tE-tGNBd.cjs.map

package/dist/DatePicker.module-tE-tGNBd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.module-tE-tGNBd.cjs","sources":["../src/components/DatePicker/dateUtils.ts"],"sourcesContent":["/**\n * Date math for the date components, on top of dayjs (an optional peer dep). All calendar math runs\n * in **UTC** (via the `utc` plugin) so a calendar date never drifts with the viewer's timezone; the\n * public value is a plain ISO date string `'YYYY-MM-DD'`. Typed input is parsed strictly against a\n * display `format` (via the `customParseFormat` plugin).\n */\nimport dayjs, { type Dayjs } from 'dayjs'\nimport utc from 'dayjs/plugin/utc'\nimport customParseFormat from 'dayjs/plugin/customParseFormat'\n\ndayjs.extend(utc)\ndayjs.extend(customParseFormat)\n\nexport type { Dayjs }\n\n/** The canonical value format (timezone-agnostic calendar date). */\nexport const ISO = 'YYYY-MM-DD'\n\n/** Parse an ISO `'YYYY-MM-DD'` value (UTC-anchored) into a dayjs, or `null` if empty/invalid. */\nexport function parseISO(value?: string | null): Dayjs | null {\n  if (!value) return null\n  const d = dayjs.utc(value, ISO, true)\n  return d.isValid() ? d : null\n}\n\n/** Parse a user-typed string strictly against a display `format` (UTC), or `null`. */\nexport function parseInput(text: string, format: string): Dayjs | null {\n  const d = dayjs.utc(text, format, true)\n  return d.isValid() ? d : null\n}\n\nexport const toISO = (d: Dayjs): string => d.format(ISO)\n\n/**\n * Parse an incoming **value** leniently (UTC): the declared `valueFormat` first (strict), then any\n * ISO-8601 string — so a richer backend datetime such as `'2026-06-10T09:35:49.6134342'` is still\n * accepted (dayjs caps the fractional seconds at milliseconds). Returns `null` when empty/unparseable.\n */\nexport function parseValue(value: string | null | undefined, valueFormat: string): Dayjs | null {\n  if (!value) return null\n  const strict = dayjs.utc(value, valueFormat, true)\n  if (strict.isValid()) return strict\n  const lenient = dayjs.utc(value)\n  return lenient.isValid() ? lenient : null\n}\n\n/**\n * Format a date to the I/O `valueFormat`, anchored to the **start of its UTC day** — a date picker\n * carries no time-of-day, so the emitted time is `00:00:00` (e.g. `valueFormat='YYYY-MM-DDTHH:mm:ss'`\n * → `'2026-06-10T00:00:00'`).\n */\nexport const formatValue = (d: Dayjs, valueFormat: string): string =>\n  d.startOf('day').format(valueFormat)\n\n/** The viewer's local calendar date, anchored to UTC midnight for stable, drift-free math. */\nexport const today = (): Dayjs => dayjs.utc(dayjs().format(ISO), ISO)\n\nconst ISO_MS = 'YYYY-MM-DDTHH:mm:ss.SSS'\n\n/**\n * Convert a real UTC instant into a UTC-mode dayjs that **holds the viewer's local wall-clock** — so the\n * UTC-internal calendar/time machinery renders the viewer's local time while the stored value stays UTC\n * (the \"store UTC, show local\" pattern, used by `DateTimePicker`/`TimePicker`). Returns `null` for null.\n */\nexport function utcToLocalWall(instant: Dayjs | null): Dayjs | null {\n  return instant ? dayjs.utc(instant.local().format(ISO_MS)) : null\n}\n\n/** Inverse of {@link utcToLocalWall}: a local-wall dayjs → the real UTC instant (for emitting). */\nexport function localWallToUtc(localWall: Dayjs): Dayjs {\n  return dayjs(localWall.format(ISO_MS)).utc()\n}\n\n/**\n * Parse an incoming **time-of-day** value leniently (UTC): the declared `valueFormat` first (strict),\n * then a numeric time anchored to a fixed date (so `'09:35:49.6134342'` is accepted, ms-capped), then\n * any ISO-8601 datetime (its time is used). Only the time-of-day matters; the date part is ignored by\n * `TimePicker`. Returns `null` when empty/unparseable.\n */\nexport function parseTime(value: string | null | undefined, valueFormat: string): Dayjs | null {\n  if (!value) return null\n  const strict = dayjs.utc(value, valueFormat, true)\n  if (strict.isValid()) return strict\n  // anchor a bare time to today's date so any local-tz conversion uses the current offset\n  const numeric = dayjs.utc(`${today().format(ISO)}T${value}`)\n  if (numeric.isValid()) return numeric\n  const lenient = dayjs.utc(value)\n  return lenient.isValid() ? lenient : null\n}\n\n/** Inclusive numeric range `[start, end]` stepped by `step` — for the time-picker columns. A\n *  non-positive `step` returns `[]` rather than looping forever. */\nexport function range(start: number, end: number, step = 1): number[] {\n  if (step <= 0) return []\n  const out: number[] = []\n  for (let v = start; v <= end; v += step) out.push(v)\n  return out\n}\n\n/** Zero-pads a number to two digits (`9` → `'09'`) for time-column display. */\nexport const pad2 = (n: number): string => String(n).padStart(2, '0')\n\n/**\n * Build an input mask from a date/time format: numeric tokens (`D M Y H h m s`) → `9` (digit slots),\n * the **uppercase** meridiem token `A` → `AA` and the **lowercase** `a` → `aa` (two letter slots for\n * `AM`/`PM`, matching dayjs's case-sensitive strict parse), everything else literal.\n * `'DD/MM/YYYY'` → `'99/99/9999'`; `'DD/MM/YYYY hh:mm A'` → `'99/99/9999 99:99 AA'`.\n */\nexport const maskFromFormat = (format: string): string =>\n  format\n    .replace(/[DMYHhms]/g, '9')\n    .replace(/A/g, 'AA')\n    .replace(/a/g, 'aa')\n\nconst DIGIT = /[0-9]/\nconst ALPHA = /[A-Za-z]/\n\n/**\n * Applies a mask to raw input: `9` = digit, `A` = letter forced upper-case, `a` = letter forced\n * lower-case (so a typed meridiem matches the format's case for dayjs), everything else a literal.\n */\nexport function applyMask(raw: string, mask: string): string {\n  let out = ''\n  let i = 0\n  for (const m of mask) {\n    if (m === '9') {\n      while (i < raw.length && !DIGIT.test(raw[i])) i++\n      if (i >= raw.length) break\n      out += raw[i++]\n    } else if (m === 'A' || m === 'a') {\n      while (i < raw.length && !ALPHA.test(raw[i])) i++\n      if (i >= raw.length) break\n      out += m === 'A' ? raw[i++].toUpperCase() : raw[i++].toLowerCase()\n    } else {\n      if (i >= raw.length) break\n      if (raw[i] === m) i++\n      out += m\n    }\n  }\n  return out\n}\n\n/** True when `d` falls outside `[min, max]` or is rejected by `disabledDate`. */\nexport function isDisabled(\n  d: Dayjs,\n  min: Dayjs | null,\n  max: Dayjs | null,\n  disabledDate?: (iso: string) => boolean,\n): boolean {\n  if (min && d.isBefore(min, 'day')) return true\n  if (max && d.isAfter(max, 'day')) return true\n  if (disabledDate && disabledDate(d.format(ISO))) return true\n  return false\n}\n\n/** A single cell in the month grid. */\nexport interface CalendarDay {\n  date: Dayjs\n  iso: string\n  /** Belongs to the month being displayed (vs. a leading/trailing day from an adjacent month). */\n  inMonth: boolean\n  isToday: boolean\n}\n\n/**\n * Builds a fixed 6×7 (42-cell) grid for the month containing `monthDate`, with weeks starting on\n * `weekStartsOn` (0 = Sunday … 6 = Saturday). Fixed height avoids layout shift between months.\n */\nexport function buildMonthGrid(monthDate: Dayjs, weekStartsOn: number): CalendarDay[] {\n  const firstOfMonth = monthDate.startOf('month')\n  const lead = (firstOfMonth.day() - weekStartsOn + 7) % 7\n  const start = firstOfMonth.subtract(lead, 'day')\n  const now = today()\n  const month = monthDate.month()\n  return Array.from({ length: 42 }, (_, i) => {\n    const date = start.add(i, 'day')\n    return {\n      date,\n      iso: date.format(ISO),\n      inMonth: date.month() === month,\n      isToday: date.isSame(now, 'day'),\n    }\n  })\n}\n\n/** Short weekday header labels, ordered from `weekStartsOn`. */\nexport function weekdayLabels(weekStartsOn: number): string[] {\n  return Array.from({ length: 7 }, (_, i) =>\n    dayjs\n      .utc()\n      .day((weekStartsOn + i) % 7)\n      .format('dd'),\n  )\n}\n\n/** Full month names (`'January'…'December'`), index 0–11, for the month-picker view. */\nexport function monthLabels(): string[] {\n  return Array.from({ length: 12 }, (_, m) => dayjs.utc().month(m).format('MMMM'))\n}\n\n/**\n * The list of selectable years for the (scrollable) year-picker view: bounded by `min`/`max` when\n * given, otherwise ±100 around `viewYear`. Always widened to include `viewYear` so the roving focus\n * has a cell to land on.\n */\nexport function yearList(min: Dayjs | null, max: Dayjs | null, viewYear: number): number[] {\n  const start = Math.min(min ? min.year() : viewYear - 100, viewYear)\n  const end = Math.max(max ? max.year() : viewYear + 100, viewYear)\n  return Array.from({ length: end - start + 1 }, (_, i) => start + i)\n}\n"],"names":["dayjs","utc","customParseFormat","ISO","parseISO","value","d","parseInput","text","format","toISO","parseValue","valueFormat","strict","lenient","formatValue","today","ISO_MS","utcToLocalWall","instant","localWallToUtc","localWall","parseTime","numeric","range","start","end","step","out","v","pad2","n","maskFromFormat","DIGIT","ALPHA","applyMask","raw","mask","i","m","isDisabled","min","max","disabledDate","buildMonthGrid","monthDate","weekStartsOn","firstOfMonth","lead","now","month","_","date","yearList","viewYear"],"mappings":"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"}

package/dist/DateTimePicker-C557OjBU.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),a=require("react"),A=require("clsx"),Ne=require("./formContext-bTWrqdEV.cjs"),Re=require("./FloatingPanel-U6sGYiSK.cjs"),Ye=require("./Button-D4bfVNNa.cjs"),te=require("./Icon-CXTl_QAP.cjs"),He=require("./IconButton-D6TenQZ_.cjs"),Ve=require("./Tabs-BZcMnjdC.cjs"),se=require("./Typography-BFatE1_A.cjs"),Ee=require("./Calendar-C8uNezI-.cjs"),t=require("./DatePicker.module-tE-tGNBd.cjs"),y=require("./TimeColumns-Duh4DcYJ.cjs"),Oe=require("./ConfigProvider-ByOFXVyP.cjs");function we(L,u){return`DD/MM/YYYY ${L?u?"hh:mm:ss A":"hh:mm A":u?"HH:mm:ss":"HH:mm"}`}const We=a.forwardRef(function({label:u,size:v="md",error:re,helperText:ae,required:oe=!1,fullWidth:ne=!0,disabled:x=!1,value:g,defaultValue:le,onChange:P,format:ce,valueFormat:ie,utc:F=!0,hour12:$=!1,minuteStep:ue=1,showSeconds:z=!0,placeholder:me,min:de,max:fe,disabledDate:S,weekStartsOn:pe=1,clearable:he=!0,name:m,id:ye,className:ve,style:xe},d){const i=Oe.useT(),Te=a.useId(),T=ye??Te,U=`${T}-helper`,Ce=`${T}-label`,c=ce??we($,z),f=ie??(F?"YYYY-MM-DDTHH:mm:ss[Z]":"YYYY-MM-DDTHH:mm:ss"),C=Ne.useFormContext(),b=!!(C&&m),l=b?C.field(m):void 0,be=g!==void 0?g:b?C.values[m]??"":void 0,K=g!==void 0||b,[je,ke]=a.useState(le??""),j=K?be:je,B=e=>F?t.utcToLocalWall(e):e,o=B(t.parseValue(j,f)),M=re??(l==null?void 0:l.error)??!1,N=ae??(l==null?void 0:l.helperText),R=B(t.parseValue(de,f)),Y=B(t.parseValue(fe,f)),Ie=t.maskFromFormat(c),qe=/s/.test(c)?"second":"minute",k=e=>{e!==j&&(K||ke(e),b&&C.setValue(m,e),P==null||P(e))},I=e=>{e&&o&&e.isSame(o,"second")||k(e?(F?t.localWallToUtc(e):e).format(f):"")},Z=e=>!o||!e.isSame(o,qe),[H,p]=a.useState(()=>o?o.format(c):"");a.useEffect(()=>{p(o?o.format(c):"")},[j,c,f]);const V=a.useRef(null),E=a.useRef(null),[h,_]=a.useState(!1),[De,G]=a.useState(()=>o??t.today()),[O,w]=a.useState("date"),W=a.useRef(!1),ge=a.useCallback(e=>{E.current=e,typeof d=="function"?d(e):d&&(d.current=e)},[d]),q=a.useRef(void 0);q.current=l?()=>l.onBlur({}):void 0;const D=a.useRef(null),J=a.useCallback(e=>{var s,n;_(!1),(s=q.current)==null||s.call(q),e&&((n=E.current)==null||n.focus())},[]);a.useEffect(()=>{h&&(G(o??t.today()),w("date"))},[h]),a.useEffect(()=>{var e,s;O==="time"&&W.current&&(W.current=!1,(s=(e=D.current)==null?void 0:e.querySelector('[role="tab"][aria-selected="true"]'))==null||s.focus())},[O,D]);const Q=e=>R&&e.isBefore(R,"day")||Y&&e.isAfter(Y,"day")?!0:!!(S&&S(t.toISO(e))),Pe=e=>{const s=t.applyMask(e,Ie);if(p(s),s===""){k("");return}const n=t.parseInput(s,c);n&&!Q(n)&&Z(n)&&I(n)},Fe=e=>{var X,ee;const s=t.parseInput(H,c);H===""?k(""):s&&!Q(s)?(Z(s)&&I(s),p(s.format(c))):p(o?o.format(c):"");const n=e.relatedTarget;n&&((X=D.current)!=null&&X.contains(n)||(ee=V.current)!=null&&ee.contains(n))||l==null||l.onBlur(e)},Se=e=>{const s=t.parseISO(e);if(!s)return;const n=o??t.today();I(s.hour(n.hour()).minute(n.minute()).second(n.second())),W.current=!0,w("time")},Be=e=>I(e),Me=v==="sm"?"sm":"md";return r.jsxs("div",{className:A.clsx(t.styles.field,t.styles[v],ne&&t.styles.fullWidth,M&&t.styles.error,x&&t.styles.disabled,ve),style:xe,children:[u!=null&&r.jsxs("label",{htmlFor:T,className:t.styles.label,children:[r.jsx(se.Typography,{as:"span",variant:"bodySmall",color:"muted",children:u}),oe&&r.jsx("span",{className:t.styles.required,"aria-hidden":"true",children:"*"})]}),r.jsxs("div",{ref:V,className:A.clsx(t.styles.control,h&&t.styles.open),children:[r.jsx("input",{ref:ge,id:T,name:m,className:t.styles.input,value:H,placeholder:me??c.toLowerCase(),disabled:x,autoComplete:"off","aria-invalid":M||void 0,"aria-describedby":N!=null?U:void 0,onChange:e=>Pe(e.target.value),onBlur:Fe}),he&&j!==""&&!x&&r.jsx("button",{type:"button",className:t.styles.clear,"aria-label":i("dateTimePicker.clear"),tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:()=>{var e;k(""),p(""),(e=E.current)==null||e.focus()},children:r.jsx(te.Icon,{name:"CloseCircle",size:"sm"})}),r.jsx(He.IconButton,{type:"button",variant:"text",color:"primary",size:v,disabled:x,"aria-label":i("dateTimePicker.open"),"aria-haspopup":"dialog","aria-expanded":h,className:t.styles.calendarButton,onMouseDown:e=>e.preventDefault(),onClick:()=>_(e=>!e),children:r.jsx(te.Icon,{name:"Calendar3",size:Me})})]}),r.jsxs(Re.FloatingPanel,{ref:D,open:h,triggerRef:V,onClose:J,role:"dialog",ariaLabel:"Choose date and time",trapFocus:!0,className:A.clsx(t.styles.popover,y.dt.popover),children:[r.jsx(Ve.Tabs,{className:y.dt.tabs,"aria-label":i("dateTimePicker.label"),fullWidth:!0,autoFocus:!0,queryKey:null,value:O,onChange:e=>w(e),items:[{value:"date",label:i("dateTimePicker.dateTab"),icon:"Calendar3",content:r.jsx(Ee.Calendar,{value:o,month:De,onMonthChange:G,onSelect:Se,min:R,max:Y,disabledDate:S,weekStartsOn:pe,labelId:Ce})},{value:"time",label:i("dateTimePicker.timeTab"),icon:"Clock",content:r.jsx("div",{className:y.dt.timePane,children:r.jsx(y.TimeColumns,{value:o,onChange:Be,hour12:$,minuteStep:ue,showSeconds:z})})}]}),r.jsx("div",{className:y.dt.footer,children:r.jsx(Ye.Button,{size:"sm",variant:"filled",color:"primary",onClick:()=>J(!0),children:i("common.done")})})]}),N!=null&&r.jsx(se.Typography,{as:"span",id:U,variant:"bodySmall",color:M?"error":"muted",className:t.styles.helper,children:N})]})});exports.DateTimePicker=We;
+//# sourceMappingURL=DateTimePicker-C557OjBU.cjs.map

package/dist/DateTimePicker-C557OjBU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker-C557OjBU.cjs","sources":["../src/components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { useFormContext } from '../../form/formContext'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Tabs } from '../Tabs'\nimport { Typography } from '../Typography'\nimport { Calendar } from '../DatePicker/Calendar'\nimport {\n  applyMask,\n  localWallToUtc,\n  maskFromFormat,\n  parseISO,\n  parseInput,\n  parseValue,\n  today,\n  toISO,\n  utcToLocalWall,\n  type Dayjs,\n} from '../DatePicker/dateUtils'\nimport styles from '../DatePicker/DatePicker.module.css'\nimport dt from './DateTimePicker.module.css'\nimport { TimeColumns } from './TimeColumns'\n\nexport type DateTimePickerSize = 'sm' | 'md' | 'lg'\n\nexport interface DateTimePickerProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** Preset size — control height, font and calendar density. */\n  size?: DateTimePickerSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — a datetime string in `valueFormat` (default ISO datetime; `''` = empty). */\n  value?: string\n  /** Initial value for uncontrolled use (in `valueFormat`). */\n  defaultValue?: string\n  /** Fires with the next datetime in `valueFormat` (`''` when cleared). */\n  onChange?: (value: string) => void\n  /**\n   * Display + typed-input format (dayjs tokens). Defaults to `'DD/MM/YYYY HH:mm:ss'` (or `hh:mm:ss A`\n   * when `hour12`; the `:ss` is dropped when `showSeconds` is `false`).\n   */\n  format?: string\n  /**\n   * Wire format of `value`/`defaultValue`/`onChange` (dayjs tokens), decoupled from the displayed\n   * `format`. Defaults to the ISO datetime `'YYYY-MM-DDTHH:mm:ss[Z]'` when `utc` (the `Z` marks the\n   * value as UTC, e.g. `'2026-06-10T09:35:00Z'`), or `'YYYY-MM-DDTHH:mm:ss'` (no `Z`) when `utc={false}`.\n   * Incoming values are parsed **leniently** (this format, then any ISO-8601 string — so a backend\n   * datetime like `'2026-06-10T09:35:49.6134342'` with or without `Z` is accepted).\n   */\n  valueFormat?: string\n  /**\n   * Treat the value as **UTC** and display/edit in the viewer's **local** timezone (default `true`).\n   * Set `false` to disable timezone conversion entirely — the field shows and emits the value's exact\n   * wall-clock (what you pick is what's sent, no UTC shift).\n   */\n  utc?: boolean\n  /** 12-hour clock (1–12 + AM/PM) instead of 24-hour (0–23). Defaults to `false`. */\n  hour12?: boolean\n  /** Minute increment for the minutes column. Defaults to `1`. */\n  minuteStep?: number\n  /** Show the seconds column + `:ss` in the default format. Defaults to `true`; pass `false` to hide seconds. */\n  showSeconds?: boolean\n  /** Placeholder shown when empty. Defaults to the lowercased `format`. */\n  placeholder?: string\n  /** Earliest selectable date (ISO date or datetime; day-level bound on the calendar). */\n  min?: string\n  /** Latest selectable date (ISO date or datetime; day-level bound on the calendar). */\n  max?: string\n  /** Disables specific dates — receives each day as an ISO `'YYYY-MM-DD'` string. */\n  disabledDate?: (date: string) => boolean\n  /** First day of the week: 0 = Sunday … 6 = Saturday. Defaults to `1` (Monday). */\n  weekStartsOn?: number\n  /** Shows a clear (×) button when a value is set. Defaults to `true`. */\n  clearable?: boolean\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is the datetime string). */\n  name?: string\n  /** Id for the input (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\nfunction defaultFormatFor(hour12: boolean, showSeconds: boolean): string {\n  const time = hour12\n    ? showSeconds\n      ? 'hh:mm:ss A'\n      : 'hh:mm A'\n    : showSeconds\n      ? 'HH:mm:ss'\n      : 'HH:mm'\n  return `DD/MM/YYYY ${time}`\n}\n\n/**\n * A datetime field with a typed, masked input **and** a popover combining the keyboard-navigable\n * `Calendar` (date) with scrollable time columns (hour / minute / optional second + AM/PM in 12-hour\n * mode). All math runs in **UTC** so the instant never drifts with the viewer's timezone; the value is a\n * string in `valueFormat` (UTC ISO datetime with a `Z` by default, or no `Z` when `utc={false}`) — incoming values are parsed\n * leniently (a richer backend datetime is accepted) and the chosen instant is emitted in that format.\n * Picking a date keeps the time and vice-versa, and the popover stays open until you click away,\n * press Escape, or hit Done. Supports `hour12`, `minuteStep`, `showSeconds`, `min`/`max`,\n * `disabledDate`, `weekStartsOn`, and `clearable`. Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`), and binds to a surrounding `<Form>` by `name`. Requires the `dayjs` peer dependency.\n */\nexport const DateTimePicker = forwardRef<HTMLInputElement, DateTimePickerProps>(\n  function DateTimePicker(\n    {\n      label,\n      size = 'md',\n      error,\n      helperText,\n      required = false,\n      fullWidth = true,\n      disabled = false,\n      value,\n      defaultValue,\n      onChange,\n      format: formatProp,\n      valueFormat: valueFormatProp,\n      utc = true,\n      hour12 = false,\n      minuteStep = 1,\n      showSeconds = true,\n      placeholder,\n      min,\n      max,\n      disabledDate,\n      weekStartsOn = 1,\n      clearable = true,\n      name,\n      id: idProp,\n      className,\n      style,\n    },\n    ref,\n  ) {\n    const t = useT()\n    const reactId = useId()\n    const id = idProp ?? reactId\n    const helperId = `${id}-helper`\n    const labelId = `${id}-label`\n    const format = formatProp ?? defaultFormatFor(hour12, showSeconds)\n    // when the value is UTC, the wire string carries a `Z` (\"…09:35:00Z\"); `utc={false}` emits the\n    // bare wall-clock (no zone designator). Override either via `valueFormat`.\n    const valueFormat = valueFormatProp ?? (utc ? 'YYYY-MM-DDTHH:mm:ss[Z]' : 'YYYY-MM-DDTHH:mm:ss')\n\n    // ── value (controlled / form-bound / uncontrolled) — a `valueFormat` datetime string ────────────\n    const form = useFormContext()\n    const isFormBound = Boolean(form && name)\n    const bound = isFormBound ? form!.field(name!) : undefined\n    const externalValue =\n      value !== undefined\n        ? value\n        : isFormBound\n          ? ((form!.values[name!] as string | undefined) ?? '')\n          : undefined\n    const isControlled = value !== undefined || isFormBound\n    const [internal, setInternal] = useState<string>(defaultValue ?? '')\n    const currentValue = isControlled ? externalValue! : internal\n    // when `utc`, parse the UTC value and show it in the viewer's LOCAL time (value stays UTC, emit\n    // converts back); when `utc={false}`, show/emit the value's exact wall-clock (no tz conversion)\n    const toDisplay = (instant: Dayjs | null) => (utc ? utcToLocalWall(instant) : instant)\n    const selected = toDisplay(parseValue(currentValue, valueFormat))\n\n    const resolvedError = error ?? bound?.error ?? false\n    const resolvedHelperText = helperText ?? bound?.helperText\n\n    const minDate = toDisplay(parseValue(min, valueFormat))\n    const maxDate = toDisplay(parseValue(max, valueFormat))\n    const mask = maskFromFormat(format)\n    // precision the user can actually type — driven by the display `format`, not just `showSeconds`\n    const timeUnit = /s/.test(format) ? 'second' : 'minute'\n\n    const commit = (next: string) => {\n      if (next === currentValue) return // skip redundant onChange / setValue with an unchanged value\n      if (!isControlled) setInternal(next)\n      if (isFormBound) form!.setValue(name!, next)\n      onChange?.(next)\n    }\n\n    // emit a datetime in the wire `valueFormat` (time preserved), or '' to clear. Re-picking the same\n    // instant is a no-op (string equality alone would leak a spurious emit for sub-second source values)\n    const commitDateTime = (d: Dayjs | null) => {\n      if (d && selected && d.isSame(selected, 'second')) return\n      // local-wall → UTC for the wire value (or emit the wall-clock as-is when `utc={false}`)\n      commit(d ? (utc ? localWallToUtc(d) : d).format(valueFormat) : '')\n    }\n\n    // true when `d` differs from the current value at the input's precision — gates typed-input commits\n    // so a no-op round-trip (focus/blur) never rewrites an unchanged value's finer time\n    const changed = (d: Dayjs) => !selected || !d.isSame(selected, timeUnit)\n\n    // input display text (kept in sync with the committed value; free while typing an incomplete value)\n    const [inputText, setInputText] = useState<string>(() =>\n      selected ? selected.format(format) : '',\n    )\n    useEffect(() => {\n      setInputText(selected ? selected.format(format) : '')\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [currentValue, format, valueFormat])\n\n    // ── popover ──────────────────────────────────────────────────────────────────────────────────\n    const triggerRef = useRef<HTMLDivElement | null>(null)\n    const inputRef = useRef<HTMLInputElement | null>(null)\n    const [open, setOpen] = useState(false)\n    const [viewMonth, setViewMonth] = useState<Dayjs>(() => selected ?? today())\n    // which popover tab is active — controlled so picking a day can auto-advance to Time\n    const [tab, setTab] = useState<'date' | 'time'>('date')\n    const advanceRef = useRef(false) // set when a day-pick advances to Time → move focus there\n\n    const setInputRef = useCallback(\n      (node: HTMLInputElement | null) => {\n        inputRef.current = node\n        if (typeof ref === 'function') ref(node)\n        else if (ref) (ref as { current: HTMLInputElement | null }).current = node\n      },\n      [ref],\n    )\n\n    const fieldBlurRef = useRef<(() => void) | undefined>(undefined)\n    fieldBlurRef.current = bound\n      ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>)\n      : undefined\n\n    // the floating panel forwards its node here, for the blur check + the auto-advance focus move\n    const popoverRef = useRef<HTMLDivElement | null>(null)\n\n    const closePopover = useCallback((refocus: boolean) => {\n      setOpen(false)\n      fieldBlurRef.current?.()\n      if (refocus) inputRef.current?.focus()\n    }, [])\n\n    useEffect(() => {\n      if (open) {\n        setViewMonth(selected ?? today())\n        setTab('date') // always open on the Date tab\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [open])\n\n    // after a day-pick auto-advances to the Time tab, move focus onto it so the focus trap holds\n    // (the just-picked calendar cell has unmounted); a manual tab switch never triggers this\n    useEffect(() => {\n      if (tab === 'time' && advanceRef.current) {\n        advanceRef.current = false\n        popoverRef.current\n          ?.querySelector<HTMLElement>('[role=\"tab\"][aria-selected=\"true\"]')\n          ?.focus()\n      }\n    }, [tab, popoverRef])\n\n    const isOutOfRange = (d: Dayjs): boolean => {\n      if (minDate && d.isBefore(minDate, 'day')) return true\n      if (maxDate && d.isAfter(maxDate, 'day')) return true\n      return Boolean(disabledDate && disabledDate(toISO(d)))\n    }\n\n    const handleInputChange = (raw: string) => {\n      const masked = applyMask(raw, mask)\n      setInputText(masked)\n      if (masked === '') {\n        commit('') // emptying the field clears the value\n        return\n      }\n      const parsed = parseInput(masked, format)\n      if (parsed && !isOutOfRange(parsed) && changed(parsed)) commitDateTime(parsed)\n    }\n\n    const handleInputBlur = (event: FocusEvent<HTMLInputElement>) => {\n      const parsed = parseInput(inputText, format)\n      if (inputText === '') {\n        commit('') // an emptied field stays cleared\n      } else if (parsed && !isOutOfRange(parsed)) {\n        if (changed(parsed)) commitDateTime(parsed)\n        setInputText(parsed.format(format))\n      } else {\n        setInputText(selected ? selected.format(format) : '')\n      }\n      const nextEl = event.relatedTarget as Node | null\n      if (nextEl && (popoverRef.current?.contains(nextEl) || triggerRef.current?.contains(nextEl)))\n        return\n      bound?.onBlur(event)\n    }\n\n    // picking a day keeps the current time; picking a time keeps the current day — the popover stays open\n    const handleSelectDate = (iso: string) => {\n      const date = parseISO(iso)\n      if (!date) return\n      const base = selected ?? today()\n      commitDateTime(date.hour(base.hour()).minute(base.minute()).second(base.second()))\n      advanceRef.current = true\n      setTab('time') // picking a day advances to the Time tab\n    }\n    const handleTimeChange = (next: Dayjs) => commitDateTime(next)\n\n    const iconSize: 'sm' | 'md' = size === 'sm' ? 'sm' : 'md'\n\n    return (\n      <div\n        className={clsx(\n          styles.field,\n          styles[size],\n          fullWidth && styles.fullWidth,\n          resolvedError && styles.error,\n          disabled && styles.disabled,\n          className,\n        )}\n        style={style}\n      >\n        {label != null && (\n          <label htmlFor={id} className={styles.label}>\n            <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n              {label}\n            </Typography>\n            {required && (\n              <span className={styles.required} aria-hidden=\"true\">\n                *\n              </span>\n            )}\n          </label>\n        )}\n\n        <div ref={triggerRef} className={clsx(styles.control, open && styles.open)}>\n          <input\n            ref={setInputRef}\n            id={id}\n            name={name}\n            className={styles.input}\n            value={inputText}\n            placeholder={placeholder ?? format.toLowerCase()}\n            disabled={disabled}\n            autoComplete=\"off\"\n            aria-invalid={resolvedError || undefined}\n            aria-describedby={resolvedHelperText != null ? helperId : undefined}\n            onChange={(e) => handleInputChange(e.target.value)}\n            onBlur={handleInputBlur}\n          />\n\n          {clearable && currentValue !== '' && !disabled && (\n            <button\n              type=\"button\"\n              className={styles.clear}\n              aria-label={t('dateTimePicker.clear')}\n              tabIndex={-1}\n              onMouseDown={(e) => e.preventDefault()}\n              onClick={() => {\n                commit('')\n                setInputText('')\n                inputRef.current?.focus()\n              }}\n            >\n              <Icon name=\"CloseCircle\" size=\"sm\" />\n            </button>\n          )}\n\n          <IconButton\n            type=\"button\"\n            variant=\"text\"\n            color=\"primary\"\n            size={size}\n            disabled={disabled}\n            aria-label={t('dateTimePicker.open')}\n            aria-haspopup=\"dialog\"\n            aria-expanded={open}\n            className={styles.calendarButton}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={() => setOpen((o) => !o)}\n          >\n            <Icon name=\"Calendar3\" size={iconSize} />\n          </IconButton>\n        </div>\n\n        <FloatingPanel\n          ref={popoverRef}\n          open={open}\n          triggerRef={triggerRef}\n          onClose={closePopover}\n          role=\"dialog\"\n          ariaLabel=\"Choose date and time\"\n          trapFocus\n          className={clsx(styles.popover, dt.popover)}\n        >\n          <Tabs\n            className={dt.tabs}\n            aria-label={t('dateTimePicker.label')}\n            fullWidth\n            autoFocus\n            // the Date/Time tabs are internal popover UI — never sync them to the page URL\n            queryKey={null}\n            value={tab}\n            onChange={(v) => setTab(v as 'date' | 'time')}\n            items={[\n              {\n                value: 'date',\n                label: t('dateTimePicker.dateTab'),\n                icon: 'Calendar3',\n                content: (\n                  <Calendar\n                    value={selected}\n                    month={viewMonth}\n                    onMonthChange={setViewMonth}\n                    onSelect={handleSelectDate}\n                    min={minDate}\n                    max={maxDate}\n                    disabledDate={disabledDate}\n                    weekStartsOn={weekStartsOn}\n                    labelId={labelId}\n                  />\n                ),\n              },\n              {\n                value: 'time',\n                label: t('dateTimePicker.timeTab'),\n                icon: 'Clock',\n                content: (\n                  <div className={dt.timePane}>\n                    <TimeColumns\n                      value={selected}\n                      onChange={handleTimeChange}\n                      hour12={hour12}\n                      minuteStep={minuteStep}\n                      showSeconds={showSeconds}\n                    />\n                  </div>\n                ),\n              },\n            ]}\n          />\n          <div className={dt.footer}>\n            <Button size=\"sm\" variant=\"filled\" color=\"primary\" onClick={() => closePopover(true)}>\n              {t('common.done')}\n            </Button>\n          </div>\n        </FloatingPanel>\n\n        {resolvedHelperText != null && (\n          <Typography\n            as=\"span\"\n            id={helperId}\n            variant=\"bodySmall\"\n            color={resolvedError ? 'error' : 'muted'}\n            className={styles.helper}\n          >\n            {resolvedHelperText}\n          </Typography>\n        )}\n      </div>\n    )\n  },\n)\n"],"names":["defaultFormatFor","hour12","showSeconds","DateTimePicker","forwardRef","label","size","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","formatProp","valueFormatProp","utc","minuteStep","placeholder","min","max","disabledDate","weekStartsOn","clearable","name","idProp","className","style","ref","t","useT","reactId","useId","id","helperId","labelId","format","valueFormat","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","toDisplay","instant","utcToLocalWall","selected","parseValue","resolvedError","resolvedHelperText","minDate","maxDate","mask","maskFromFormat","timeUnit","commit","next","commitDateTime","d","localWallToUtc","changed","inputText","setInputText","useEffect","triggerRef","useRef","inputRef","open","setOpen","viewMonth","setViewMonth","today","tab","setTab","advanceRef","setInputRef","useCallback","node","fieldBlurRef","popoverRef","closePopover","refocus","_a","_b","isOutOfRange","toISO","handleInputChange","raw","masked","applyMask","parsed","parseInput","handleInputBlur","event","nextEl","handleSelectDate","iso","date","parseISO","base","handleTimeChange","iconSize","jsxs","clsx","styles","jsx","Typography","Icon","IconButton","o","FloatingPanel","dt","Tabs","v","Calendar","TimeColumns","Button"],"mappings":"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"}