@techzyapp/ui-library 1.0.41 → 1.0.42

package/dist/{DatePicker-CwZ_-ElE.cjs.map → DatePicker-BjZ_P21i.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"DatePicker-CwZ_-ElE.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-BjZ_P21i.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={t('datePicker.dialog')}\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-tid4OuJ2.js → DatePicker-CAGpJbDi.js}

@@ -1,17 +1,17 @@
-import { jsxs as V, jsx as n } from "react/jsx-runtime";
-import { forwardRef as Ne, useId as Se, useState as C, useEffect as K, useRef as x, useCallback as Q } from "react";
+import { jsxs as O, jsx as n } from "react/jsx-runtime";
+import { forwardRef as Ne, useId as Se, useState as k, useEffect as K, useRef as x, useCallback as Q } from "react";
 import { clsx as U } from "clsx";
 import { u as Te } from "./formContext-B7ln1Miy.js";
 import { F as be } from "./FloatingPanel-C5c_eMQ0.js";
 import { b as X } from "./Icon-D5TxgfCc.js";
-import { I as Ye } from "./IconButton-t1OhAMNc.js";
+import { I as Ye } from "./IconButton-D9MCwRK_.js";
 import { T as Z } from "./Typography-ChSuxgkc.js";
-import { C as Fe } from "./Calendar-CQaPEukM.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-Bgu85MsI.js";
+import { C as Fe } from "./Calendar-CxzdnzdK.js";
+import { p as Pe, a as E, m as we, 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-D61cpCz-.js";
 const Ue = Ne(function({
-  label: E,
-  size: k = "md",
+  label: H,
+  size: C = "md",
   error: te,
   helperText: oe,
   required: re = !1,
@@ -33,68 +33,68 @@ const Ue = Ne(function({
   className: me,
   style: de
 }, i) {
-  const H = Ee(), fe = Se(), d = pe ?? fe, j = `${d}-helper`, he = `${d}-label`, f = Te(), h = !!(f && c), r = h ? f.field(c) : void 0, ve = D !== void 0 ? D : h ? f.values[c] ?? "" : void 0, L = D !== void 0 || h, [ye, Ie] = C(ae ?? ""), v = L ? ve : ye, s = we(v, g), N = te ?? (r == null ? void 0 : r.error) ?? !1, S = oe ?? (r == null ? void 0 : r.helperText), T = O(le), b = O(ce), Ce = Pe(l), y = (e) => {
+  const N = Ee(), fe = Se(), d = pe ?? fe, j = `${d}-helper`, he = `${d}-label`, f = Te(), h = !!(f && c), r = h ? f.field(c) : void 0, ve = D !== void 0 ? D : h ? f.values[c] ?? "" : void 0, L = D !== void 0 || h, [ye, Ie] = k(ae ?? ""), v = L ? ve : ye, s = Pe(v, g), S = te ?? (r == null ? void 0 : r.error) ?? !1, T = oe ?? (r == null ? void 0 : r.helperText), b = E(le), Y = E(ce), ke = we(l), y = (e) => {
     e !== v && (L || Ie(e), h && f.setValue(c, e), M == null || M(e));
-  }, Y = (e) => y(e ? Ve(e, g) : ""), F = (e) => !s || !e.isSame(s, "day"), [w, u] = C(
+  }, F = (e) => y(e ? Ve(e, g) : ""), P = (e) => !s || !e.isSame(s, "day"), [w, u] = k(
     () => s ? s.format(l) : ""
   );
   K(() => {
     u(s ? s.format(l) : "");
   }, [v, l, g]);
-  const P = x(null), R = x(null), [p, $] = C(!1), [xe, q] = C(() => s ?? _()), ke = Q(
+  const R = x(null), V = x(null), [p, $] = k(!1), [xe, q] = k(() => s ?? _()), Ce = Q(
     (e) => {
-      R.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
+      V.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
     },
     [i]
   ), I = x(void 0);
   I.current = r ? () => r.onBlur({}) : void 0;
   const z = x(null), A = Q((e) => {
     var t, a;
-    $(!1), (t = I.current) == null || t.call(I), e && ((a = R.current) == null || a.focus());
+    $(!1), (t = I.current) == null || t.call(I), e && ((a = V.current) == null || a.focus());
   }, []);
   K(() => {
     p && q(s ?? _());
   }, [p]);
   const De = (e) => {
-    const t = Re(e, Ce);
+    const t = Re(e, ke);
     if (u(t), t === "") {
       y("");
       return;
     }
     const a = ee(t, l);
-    a && !W(a) && F(a) && Y(a);
-  }, W = (e) => T && e.isBefore(T, "day") || b && e.isAfter(b, "day") ? !0 : !!(B && B(Oe(e))), Me = (e) => {
+    a && !W(a) && P(a) && F(a);
+  }, W = (e) => b && e.isBefore(b, "day") || Y && e.isAfter(Y, "day") ? !0 : !!(B && B(Oe(e))), Me = (e) => {
     var G, J;
     const t = ee(w, l);
-    w === "" ? y("") : t && !W(t) ? (F(t) && Y(t), u(t.format(l))) : u(s ? s.format(l) : "");
+    w === "" ? y("") : t && !W(t) ? (P(t) && F(t), u(t.format(l))) : u(s ? s.format(l) : "");
     const a = e.relatedTarget;
-    a && ((G = z.current) != null && G.contains(a) || (J = P.current) != null && J.contains(a)) || r == null || r.onBlur(e);
+    a && ((G = z.current) != null && G.contains(a) || (J = R.current) != null && J.contains(a)) || r == null || r.onBlur(e);
   }, ge = (e) => {
-    const t = O(e);
-    t && F(t) && Y(t), A(!0);
-  }, Be = k === "sm" ? "sm" : "md";
-  return /* @__PURE__ */ V(
+    const t = E(e);
+    t && P(t) && F(t), A(!0);
+  }, Be = C === "sm" ? "sm" : "md";
+  return /* @__PURE__ */ O(
     "div",
     {
       className: U(
         o.field,
-        o[k],
+        o[C],
         se && o.fullWidth,
-        N && o.error,
+        S && o.error,
         m && o.disabled,
         me
       ),
       style: de,
       children: [
-        E != null && /* @__PURE__ */ V("label", { htmlFor: d, className: o.label, children: [
-          /* @__PURE__ */ n(Z, { as: "span", variant: "bodySmall", color: "muted", children: E }),
+        H != null && /* @__PURE__ */ O("label", { htmlFor: d, className: o.label, children: [
+          /* @__PURE__ */ n(Z, { as: "span", variant: "bodySmall", color: "muted", children: H }),
           re && /* @__PURE__ */ n("span", { className: o.required, "aria-hidden": "true", children: "*" })
         ] }),
-        /* @__PURE__ */ V("div", { ref: P, className: U(o.control, p && o.open), children: [
+        /* @__PURE__ */ O("div", { ref: R, className: U(o.control, p && o.open), children: [
           /* @__PURE__ */ n(
             "input",
             {
-              ref: ke,
+              ref: Ce,
               id: d,
               name: c,
               className: o.input,
@@ -103,8 +103,8 @@ const Ue = Ne(function({
               disabled: m,
               inputMode: "numeric",
               autoComplete: "off",
-              "aria-invalid": N || void 0,
-              "aria-describedby": S != null ? j : void 0,
+              "aria-invalid": S || void 0,
+              "aria-describedby": T != null ? j : void 0,
               onChange: (e) => De(e.target.value),
               onBlur: Me
             }
@@ -114,12 +114,12 @@ const Ue = Ne(function({
             {
               type: "button",
               className: o.clear,
-              "aria-label": H("datePicker.clear"),
+              "aria-label": N("datePicker.clear"),
               tabIndex: -1,
               onMouseDown: (e) => e.preventDefault(),
               onClick: () => {
                 var e;
-                y(""), u(""), (e = R.current) == null || e.focus();
+                y(""), u(""), (e = V.current) == null || e.focus();
               },
               children: /* @__PURE__ */ n(X, { name: "CloseCircle", size: "sm" })
             }
@@ -130,9 +130,9 @@ const Ue = Ne(function({
               type: "button",
               variant: "text",
               color: "primary",
-              size: k,
+              size: C,
               disabled: m,
-              "aria-label": H("datePicker.open"),
+              "aria-label": N("datePicker.open"),
               "aria-haspopup": "dialog",
               "aria-expanded": p,
               className: o.calendarButton,
@@ -147,10 +147,10 @@ const Ue = Ne(function({
           {
             ref: z,
             open: p,
-            triggerRef: P,
+            triggerRef: R,
             onClose: A,
             role: "dialog",
-            ariaLabel: "Choose date",
+            ariaLabel: N("datePicker.dialog"),
             trapFocus: !0,
             className: o.popover,
             children: /* @__PURE__ */ n(
@@ -160,8 +160,8 @@ const Ue = Ne(function({
                 month: xe,
                 onMonthChange: q,
                 onSelect: ge,
-                min: T,
-                max: b,
+                min: b,
+                max: Y,
                 disabledDate: B,
                 weekStartsOn: ie,
                 autoFocus: !0,
@@ -170,15 +170,15 @@ const Ue = Ne(function({
             )
           }
         ),
-        S != null && /* @__PURE__ */ n(
+        T != null && /* @__PURE__ */ n(
           Z,
           {
             as: "span",
             id: j,
             variant: "bodySmall",
-            color: N ? "error" : "muted",
+            color: S ? "error" : "muted",
             className: o.helper,
-            children: S
+            children: T
           }
         )
       ]
@@ -188,4 +188,4 @@ const Ue = Ne(function({
 export {
   Ue as D
 };
-//# sourceMappingURL=DatePicker-tid4OuJ2.js.map
+//# sourceMappingURL=DatePicker-CAGpJbDi.js.map

package/dist/{DatePicker-tid4OuJ2.js.map → DatePicker-CAGpJbDi.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DatePicker-tid4OuJ2.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-CAGpJbDi.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={t('datePicker.dialog')}\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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"}