@techzyapp/ui-library 1.0.25 → 1.0.27

package/dist/{DatePicker-BxEydgfu.cjs.map → DatePicker-BvGFP2AL.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"DatePicker-BxEydgfu.cjs","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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"}
+{"version":3,"file":"DatePicker-BvGFP2AL.cjs","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-CJioG5M7.js → DatePicker-DP7yASzq.js}

@@ -4,11 +4,11 @@ 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-DaTvzLBu.js";
-import { I as be } from "./IconButton-BEGWfcVc.js";
+import { I as be } from "./IconButton-CBp8QuTO.js";
 import { T as Z } from "./Typography-Cta6Rg4L.js";
-import { C as Fe } from "./Calendar-CtteUt82.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-DR9YMy9U.js";
+import { C as Fe } from "./Calendar-SCih0NtS.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-CMMQyEhG.js";
+import { a as Ee } from "./ConfigProvider-DL9fylMo.js";
 const Ue = Ne(function({
   label: E,
   size: k = "md",
@@ -188,4 +188,4 @@ const Ue = Ne(function({
 export {
   Ue as D
 };
-//# sourceMappingURL=DatePicker-CJioG5M7.js.map
+//# sourceMappingURL=DatePicker-DP7yASzq.js.map

package/dist/{DatePicker-CJioG5M7.js.map → DatePicker-DP7yASzq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DatePicker-CJioG5M7.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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"}
+{"version":3,"file":"DatePicker-DP7yASzq.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-BDtTsg8M.cjs

@@ -0,0 +1,2 @@
+"use strict";const o=require("dayjs"),f=require("dayjs/plugin/utc"),p=require("dayjs/plugin/customParseFormat");o.extend(f);o.extend(p);const r="YYYY-MM-DD";function g(t){if(!t)return null;const s=o.utc(t,r,!0);return s.isValid()?s:null}function y(t,s){const c=o.utc(t,s,!0);return c.isValid()?c:null}const m=t=>t.format(r);function k(t,s){if(!t)return null;const c=o.utc(t,s,!0);if(c.isValid())return c;const e=o.utc(t);return e.isValid()?e:null}const h=(t,s)=>t.startOf("day").format(s),i=()=>o.utc(o().format(r),r),d="YYYY-MM-DDTHH:mm:ss.SSS";function S(t){return t?o.utc(t.local().format(d)):null}function T(t){return o(t.format(d)).utc()}function b(t,s){if(!t)return null;const c=o.utc(t,s,!0);if(c.isValid())return c;const e=o.utc(`${i().format(r)}T${t}`);if(e.isValid())return e;const n=o.utc(t);return n.isValid()?n:null}function M(t,s,c=1){if(c<=0)return[];const e=[];for(let n=t;n<=s;n+=c)e.push(n);return e}const O=t=>String(t).padStart(2,"0"),A=t=>t.replace(/[DMYHhms]/g,"9").replace(/A/g,"AA").replace(/a/g,"aa"),V=/[0-9]/,I=/[A-Za-z]/;function D(t,s){let c="",e=0;for(const n of s)if(n==="9"){for(;e<t.length&&!V.test(t[e]);)e++;if(e>=t.length)break;c+=t[e++]}else if(n==="A"||n==="a"){for(;e<t.length&&!I.test(t[e]);)e++;if(e>=t.length)break;c+=n==="A"?t[e++].toUpperCase():t[e++].toLowerCase()}else{if(e>=t.length)break;t[e]===n&&e++,c+=n}return c}function G(t,s,c,e){return!!(s&&t.isBefore(s,"day")||c&&t.isAfter(c,"day")||e&&e(t.format(r)))}function H(t,s){const c=t.startOf("month"),e=(c.day()-s+7)%7,n=c.subtract(e,"day"),_=i(),l=t.month();return Array.from({length:42},(ft,u)=>{const a=n.add(u,"day");return{date:a,iso:a.format(r),inMonth:a.month()===l,isToday:a.isSame(_,"day")}})}function W(t,s,c){const e=Math.min(t?t.year():c-100,c),n=Math.max(s?s.year():c+100,c);return Array.from({length:n-e+1},(_,l)=>e+l)}const q="_field_1scg0_1",L="_fullWidth_1scg0_7",Y="_label_1scg0_12",C="_required_1scg0_19",F="_control_1scg0_25",B="_open_1scg0_39",U="_error_1scg0_43",P="_disabled_1scg0_51",$="_input_1scg0_59",j="_clear_1scg0_79",x="_calendarButton_1scg0_97",z="_sm_1scg0_108",Z="_md_1scg0_112",w="_lg_1scg0_116",E="_helper_1scg0_121",J="_popover_1scg0_126",K="_calendar_1scg0_97",N="_calHeader_1scg0_136",Q="_calTitleGroup_1scg0_144",R="_calTitle_1scg0_144",X="_calTitleStatic_1scg0_173",v="_weekdays_1scg0_180",tt="_week_1scg0_180",et="_weekday_1scg0_180",ct="_day_1scg0_196",st="_dayOutside_1scg0_220",nt="_dayToday_1scg0_224",ot="_daySelected_1scg0_224",rt="_dayDisabled_1scg0_235",at="_pickGrid_1scg0_244",lt="_pickScroll_1scg0_249",it="_pickCell_1scg0_255",_t="_pickToday_1scg0_278",dt="_pickSelected_1scg0_281",ut={field:q,fullWidth:L,label:Y,required:C,control:F,open:B,error:U,disabled:P,input:$,clear:j,calendarButton:x,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:ct,dayOutside:st,dayToday:nt,daySelected:ot,dayDisabled:rt,pickGrid:at,pickScroll:lt,pickCell:it,pickToday:_t,pickSelected:dt};exports.applyMask=D;exports.buildMonthGrid=H;exports.formatValue=h;exports.isDisabled=G;exports.localWallToUtc=T;exports.maskFromFormat=A;exports.pad2=O;exports.parseISO=g;exports.parseInput=y;exports.parseTime=b;exports.parseValue=k;exports.range=M;exports.styles=ut;exports.toISO=m;exports.today=i;exports.utcToLocalWall=S;exports.yearList=W;
+//# sourceMappingURL=DatePicker.module-BDtTsg8M.cjs.map

package/dist/{DatePicker.module-tE-tGNBd.cjs.map → DatePicker.module-BDtTsg8M.cjs.map}

@@ -1 +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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"}
+{"version":3,"file":"DatePicker.module-BDtTsg8M.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/DatePicker.module-CMMQyEhG.js

@@ -0,0 +1,138 @@
+import o from "dayjs";
+import f from "dayjs/plugin/utc";
+import p from "dayjs/plugin/customParseFormat";
+o.extend(f);
+o.extend(p);
+const r = "YYYY-MM-DD";
+function ct(t) {
+  if (!t) return null;
+  const s = o.utc(t, r, !0);
+  return s.isValid() ? s : null;
+}
+function et(t, s) {
+  const e = o.utc(t, s, !0);
+  return e.isValid() ? e : null;
+}
+const st = (t) => t.format(r);
+function nt(t, s) {
+  if (!t) return null;
+  const e = o.utc(t, s, !0);
+  if (e.isValid()) return e;
+  const c = o.utc(t);
+  return c.isValid() ? c : null;
+}
+const ot = (t, s) => t.startOf("day").format(s), _ = () => o.utc(o().format(r), r), d = "YYYY-MM-DDTHH:mm:ss.SSS";
+function rt(t) {
+  return t ? o.utc(t.local().format(d)) : null;
+}
+function at(t) {
+  return o(t.format(d)).utc();
+}
+function lt(t, s) {
+  if (!t) return null;
+  const e = o.utc(t, s, !0);
+  if (e.isValid()) return e;
+  const c = o.utc(`${_().format(r)}T${t}`);
+  if (c.isValid()) return c;
+  const n = o.utc(t);
+  return n.isValid() ? n : null;
+}
+function it(t, s, e = 1) {
+  if (e <= 0) return [];
+  const c = [];
+  for (let n = t; n <= s; n += e) c.push(n);
+  return c;
+}
+const _t = (t) => String(t).padStart(2, "0"), dt = (t) => t.replace(/[DMYHhms]/g, "9").replace(/A/g, "AA").replace(/a/g, "aa"), g = /[0-9]/, y = /[A-Za-z]/;
+function ut(t, s) {
+  let e = "", c = 0;
+  for (const n of s)
+    if (n === "9") {
+      for (; c < t.length && !g.test(t[c]); ) c++;
+      if (c >= t.length) break;
+      e += t[c++];
+    } else if (n === "A" || n === "a") {
+      for (; c < t.length && !y.test(t[c]); ) c++;
+      if (c >= t.length) break;
+      e += n === "A" ? t[c++].toUpperCase() : t[c++].toLowerCase();
+    } else {
+      if (c >= t.length) break;
+      t[c] === n && c++, e += n;
+    }
+  return e;
+}
+function ft(t, s, e, c) {
+  return !!(s && t.isBefore(s, "day") || e && t.isAfter(e, "day") || c && c(t.format(r)));
+}
+function pt(t, s) {
+  const e = t.startOf("month"), c = (e.day() - s + 7) % 7, n = e.subtract(c, "day"), i = _(), l = t.month();
+  return Array.from({ length: 42 }, (R, u) => {
+    const a = n.add(u, "day");
+    return {
+      date: a,
+      iso: a.format(r),
+      inMonth: a.month() === l,
+      isToday: a.isSame(i, "day")
+    };
+  });
+}
+function gt(t, s, e) {
+  const c = Math.min(t ? t.year() : e - 100, e), n = Math.max(s ? s.year() : e + 100, e);
+  return Array.from({ length: n - c + 1 }, (i, l) => c + l);
+}
+const m = "_field_1scg0_1", k = "_fullWidth_1scg0_7", h = "_label_1scg0_12", S = "_required_1scg0_19", T = "_control_1scg0_25", b = "_open_1scg0_39", M = "_error_1scg0_43", A = "_disabled_1scg0_51", O = "_input_1scg0_59", V = "_clear_1scg0_79", D = "_calendarButton_1scg0_97", G = "_sm_1scg0_108", H = "_md_1scg0_112", I = "_lg_1scg0_116", Y = "_helper_1scg0_121", C = "_popover_1scg0_126", W = "_calendar_1scg0_97", B = "_calHeader_1scg0_136", L = "_calTitleGroup_1scg0_144", q = "_calTitle_1scg0_144", F = "_calTitleStatic_1scg0_173", x = "_weekdays_1scg0_180", P = "_week_1scg0_180", U = "_weekday_1scg0_180", $ = "_day_1scg0_196", j = "_dayOutside_1scg0_220", z = "_dayToday_1scg0_224", Z = "_daySelected_1scg0_224", w = "_dayDisabled_1scg0_235", E = "_pickGrid_1scg0_244", J = "_pickScroll_1scg0_249", K = "_pickCell_1scg0_255", N = "_pickToday_1scg0_278", Q = "_pickSelected_1scg0_281", yt = {
+  field: m,
+  fullWidth: k,
+  label: h,
+  required: S,
+  control: T,
+  open: b,
+  error: M,
+  disabled: A,
+  input: O,
+  clear: V,
+  calendarButton: D,
+  sm: G,
+  md: H,
+  lg: I,
+  helper: Y,
+  popover: C,
+  calendar: W,
+  calHeader: B,
+  calTitleGroup: L,
+  calTitle: q,
+  calTitleStatic: F,
+  weekdays: x,
+  week: P,
+  weekday: U,
+  day: $,
+  dayOutside: j,
+  dayToday: z,
+  daySelected: Z,
+  dayDisabled: w,
+  pickGrid: E,
+  pickScroll: J,
+  pickCell: K,
+  pickToday: N,
+  pickSelected: Q
+};
+export {
+  ct as a,
+  et as b,
+  ut as c,
+  st as d,
+  pt as e,
+  ot as f,
+  _t as g,
+  lt as h,
+  ft as i,
+  at as l,
+  dt as m,
+  nt as p,
+  it as r,
+  yt as s,
+  _ as t,
+  rt as u,
+  gt as y
+};
+//# sourceMappingURL=DatePicker.module-CMMQyEhG.js.map

package/dist/{DatePicker.module-BZDftL4g.js.map → DatePicker.module-CMMQyEhG.js.map}

@@ -1 +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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"}
+{"version":3,"file":"DatePicker.module-CMMQyEhG.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/{DateTimePicker-e2zj2bhS.js → DateTimePicker-CzRduOFz.js}

@@ -3,15 +3,15 @@ import { forwardRef as Ae, useId as Ee, useState as h, useEffect as j, useRef as
 import { clsx as z } from "clsx";
 import { u as Le } from "./formContext-B7ln1Miy.js";
 import { F as $e } from "./FloatingPanel-BG9Uag__.js";
-import { B as je } from "./Button-DBs8xnA5.js";
+import { B as je } from "./Button-obe6rono.js";
 import { I as le } from "./Icon-DaTvzLBu.js";
-import { I as ze } from "./IconButton-BEGWfcVc.js";
-import { T as Ue } from "./Tabs-ytbBzAxG.js";
+import { I as ze } from "./IconButton-CBp8QuTO.js";
+import { T as Ue } from "./Tabs-v1GEGUDQ.js";
 import { T as ie } from "./Typography-Cta6Rg4L.js";
-import { C as Ke } from "./Calendar-CtteUt82.js";
-import { p as U, m as Ze, t as K, s, u as Ge, b as ce, c as Je, a as Qe, l as Xe, d as _e } from "./DatePicker.module-BZDftL4g.js";
-import { d as N, T as et } from "./TimeColumns-n-fz50mr.js";
-import { a as tt } from "./ConfigProvider-DR9YMy9U.js";
+import { C as Ke } from "./Calendar-SCih0NtS.js";
+import { p as U, m as Ze, t as K, s, u as Ge, b as ce, c as Je, a as Qe, l as Xe, d as _e } from "./DatePicker.module-CMMQyEhG.js";
+import { d as N, T as et } from "./TimeColumns-BRlDKx_i.js";
+import { a as tt } from "./ConfigProvider-DL9fylMo.js";
 function at(Z, c) {
   return `DD/MM/YYYY ${Z ? c ? "hh:mm:ss A" : "hh:mm A" : c ? "HH:mm:ss" : "HH:mm"}`;
 }
@@ -242,4 +242,4 @@ const Tt = Ae(
 export {
   Tt as D
 };
-//# sourceMappingURL=DateTimePicker-e2zj2bhS.js.map
+//# sourceMappingURL=DateTimePicker-CzRduOFz.js.map