@allxsmith/bestax-bulma 5.67.0 → 5.67.2

package/dist/esm/form/DateRangeInputBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeInputBase.js","sources":["../../../src/form/DateRangeInputBase.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { classNames, usePrefixedClassNames } from '../helpers/classNames';\nimport { useBulmaClasses, BulmaClassesProps } from '../helpers/useBulmaClasses';\nimport {\n  DateRangeValue,\n  DayOfWeek,\n  PickerLabels,\n  PickerPosition,\n  mergeLabels,\n} from './_pickerInternals/pickerTypes';\nimport {\n  DEFAULT_DATE_FORMAT,\n  DateFormatOption,\n  formatDate,\n  fromIsoValue,\n  parseDate,\n  toIsoValue,\n} from './_pickerInternals/formatters';\nimport {\n  canCloseRange,\n  clampDate,\n  floorMin,\n  isSameDay,\n  isWithin,\n  startOfDay,\n} from './_pickerInternals/dateUtils';\nimport { Calendar, CALENDAR_FOCUSED_CELL } from './_pickerInternals/Calendar';\nimport { PickerPopover } from './_pickerInternals/PickerPopover';\nimport { useNativeMobilePicker } from './_pickerInternals/useNativeMobilePicker';\nimport { useSegmentedEntry } from './_pickerInternals/useSegmentedEntry';\nimport {\n  hasOwnDayNames,\n  usePickerFirstDayOfWeek,\n  usePickerLocale,\n  usePickerLocaleScope,\n} from './_pickerInternals/useLocaleDefaults';\nimport { useControlLoading } from './controlLoading';\nimport { useAutoLabelledBy } from './useAutoLabelId';\nimport { useFieldsetDisabled } from './FormContext';\nimport { Icon } from '../elements/Icon';\n\nexport type { DateRangeValue };\n\nconst EMPTY_RANGE: DateRangeValue = [null, null];\n\n/** A range's end as the form and the native inputs carry it. */\nconst isoDay = (d: Date | null): string => (d ? toIsoValue(d, 'day') : '');\n\n/** Today at local midnight, where typing into an empty end starts. */\nconst today = (): Date => startOfDay(new Date());\n\n/**\n * Props for the raw DateRangeInput base. Use the higher-level\n * `DateRangeInput` for Field/Control composition; `DateRangeInputBase` is the\n * two inputs and the popover only.\n */\nexport interface DateRangeInputBaseProps\n  extends\n    Omit<\n      React.HTMLAttributes<HTMLDivElement>,\n      'defaultValue' | 'onChange' | 'color' | 'placeholder' | 'popover'\n    >,\n    Omit<BulmaClassesProps, 'color'> {\n  /**\n   * Controlled range, start first. Either end may be `null`, and\n   * `[null, null]` is empty.\n   */\n  value?: DateRangeValue;\n  /** Initial range for uncontrolled usage. */\n  defaultValue?: DateRangeValue;\n  /**\n   * Fired when the range changes, with the start first. Typing commits one\n   * end at a time, so a range half typed arrives as `[start, null]`. The\n   * calendar commits only a finished range: its first pick marks the start\n   * inside the calendar and its second commits both ends in one call. The\n   * range stays ordered, so the end is never before the start.\n   */\n  onChange?: (range: DateRangeValue) => void;\n  /** Fired when the popover opens. */\n  onOpen?: () => void;\n  /** Fired when the popover closes. */\n  onClose?: () => void;\n  /**\n   * Earliest selectable date, for either end. A `min` before year 1 is raised\n   * to 1 January of year 1, where the range starts without one too.\n   */\n  min?: Date;\n  /** Latest selectable date, for either end. */\n  max?: Date;\n  /** Disable both inputs and the launcher. */\n  disabled?: boolean;\n  /** Make both inputs read-only and keep the popover closed. */\n  readOnly?: boolean;\n  /** Placeholder text, shown in both inputs while they are empty. */\n  placeholder?: string;\n  /**\n   * Token format string or `Intl.DateTimeFormat` options, used by both\n   * inputs.\n   * @defaultValue 'YYYY-MM-DD'\n   */\n  format?: DateFormatOption;\n  /**\n   * Custom parser (use when `format` is `Intl.DateTimeFormatOptions`).\n   * Enter and leaving an input call it only if the user changed its text.\n   */\n  parse?: (s: string) => Date | null;\n  /**\n   * BCP-47 locale tag for day/month names and Intl formatting. Unset, it is\n   * the `locale` of a `LocaleProvider` around the picker, and with neither,\n   * `Intl` uses the runtime's own locale. On a server render that is the\n   * server's, so an `inline` calendar rendered there names its days in the\n   * server's language and the browser's own render names them in the\n   * browser's: give it a locale, here or through a `LocaleProvider`, where\n   * the two can differ.\n   */\n  locale?: string;\n  /**\n   * Render the calendar inline, with no inputs and no popover. The hidden\n   * form inputs still carry the range.\n   * On a server-rendered page it marks today once the page hydrates, by\n   * the browser's clock rather than the server's. With no `value` or\n   * `defaultValue` it opens on the month the clock reads, and around the end\n   * of a month the server's clock and the browser's can read different\n   * months, so give it a date both render the same.\n   */\n  inline?: boolean;\n  /**\n   * Use two native `<input type=\"date\">`s on coarse-pointer, small-viewport\n   * devices (`'auto'`), always (`true`) or never (`false`). The end input's\n   * `min` follows the start, and a change goes through the same rules as\n   * typing.\n   */\n  mobileNative?: boolean | 'auto';\n  /** Allow segmented keyboard typing in both inputs. `false` makes the field picker-only. */\n  editable?: boolean;\n  /** Whether the calendar popover exists. `false` makes the field input-only. */\n  popover?: boolean;\n  /**\n   * Open the popover when focus arrives in the field. Moving focus between\n   * the two inputs, or back from the launcher, leaves it closed, and so does\n   * the focus a closing popover hands back. A click on either input opens it.\n   * With it off, the launcher or Alt+ArrowDown opens it.\n   */\n  openOnFocus?: boolean;\n  /**\n   * Close the popover once the range is picked. The first pick, which only\n   * marks the start, never closes it.\n   */\n  closeOnSelect?: boolean;\n  /**\n   * Where the popover opens against the field. Left out, it opens below and\n   * lines up with the field's start edge, which is its right edge when the\n   * picker reads right to left. A corner you pass stays physical, so\n   * `bottom-left` lines up the left edges either way.\n   * @defaultValue 'bottom-left'\n   */\n  position?: PickerPosition;\n  /**\n   * Render the popover through a portal, into the `portalContainer` a\n   * `ConfigProvider` sets, `document.body` by default.\n   */\n  appendToBody?: boolean;\n  /**\n   * Bulma color modifier for the field, also carried by the calendar, where it\n   * colors the range's ends and the band between them.\n   */\n  color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';\n  /** Size variant. */\n  size?: 'small' | 'medium' | 'large';\n  /** Render the field with rounded corners. */\n  isRounded?: boolean;\n  /**\n   * Predicate to disable specific dates (e.g. weekends). A disabled day can\n   * be neither end, typing rejects it, and a range can't include one unless\n   * `allowDisabledInRange` is set.\n   */\n  shouldDisableDate?: (d: Date) => boolean;\n  /** Convenience array of disabled dates; merged with `shouldDisableDate`. Matched by calendar day. */\n  unselectableDates?: Date[];\n  /**\n   * Let a range include days that `shouldDisableDate` or `unselectableDates`\n   * disable, such as a stay over a night with no check-ins. Its ends still\n   * can't be such days. Off, a pick in the calendar past a disabled day\n   * starts a new range there, typing refuses an end past one, and a start\n   * typed with one before the end clears the end. Finding one walks the days\n   * between, so off, a span too long to walk is refused as well.\n   */\n  allowDisabledInRange?: boolean;\n  /**\n   * Day the week starts on (0 = Sunday). Unset inside a `LocaleProvider`,\n   * it is the first day of the week in the picker's locale, its own `locale`\n   * or else the provider's, such as Monday for `\"de\"`. Elsewhere, with no\n   * locale from either, or with seven `dayNames` of your own, it is Sunday:\n   * set it with `dayNames` to start the week on another day.\n   * @defaultValue 0\n   */\n  firstDayOfWeek?: DayOfWeek;\n  /**\n   * Override the 7 day-name labels (in calendar order, post-rotation). They\n   * are shown exactly as given, from the first column, so they have to start\n   * on the day the week does. With them, an unset `firstDayOfWeek` stays\n   * Sunday even inside a `LocaleProvider`, so names written Sunday first keep\n   * matching their columns; to start on the locale's day, set\n   * `firstDayOfWeek` too and list the names from that day.\n   */\n  dayNames?: string[];\n  /** Override the 12 month-name labels. */\n  monthNames?: string[];\n  /** Show dimmed dates from adjacent months in the grid. */\n  nearbyMonthDays?: boolean;\n  /** Decorative left icon glyph for the wrapping `Control` (shown by default). Set `''` to hide. */\n  iconLeftName?: string;\n  /**\n   * Show a clickable launcher button on the right that toggles the popover.\n   * Hidden by default while a `Control` it sits in shows its `isLoading`\n   * spinner, which shares that right edge.\n   * @defaultValue true\n   */\n  triggerIcon?: boolean;\n  /** Glyph for the right launcher button. */\n  triggerIconName?: string;\n  /**\n   * Optional translatable string overrides. `rangeStart` and `rangeEnd` name\n   * the two inputs and the range's ends in the calendar, `rangePreviewEnd`\n   * describes the day a pending range would end on, `rangeSeparator` sits\n   * between the inputs, and `chooseDateRange` names the launcher and the\n   * popover.\n   */\n  labels?: PickerLabels;\n  /**\n   * Form field name. Two hidden inputs submit the range as `YYYY-MM-DD`,\n   * named `name[start]` and `name[end]`, in every mode. The visible inputs\n   * carry no name.\n   */\n  name?: string;\n  /** Name of the hidden input carrying the start, in place of `name[start]`. */\n  startName?: string;\n  /** Name of the hidden input carrying the end, in place of `name[end]`. */\n  endName?: string;\n  /** Form id the hidden inputs belong to. */\n  form?: string;\n  /**\n   * Mark both visible inputs required, so a form won't submit with either\n   * end empty. An `inline` calendar has no visible input, so it is not\n   * checked there.\n   */\n  required?: boolean;\n  /** Id of the start input. The end input takes `${id}-end`. */\n  id?: string;\n}\n\n/**\n * Raw DateRangeInput: the two inputs and the popover calendar without\n * Field/Control wrapping. Use `DateRangeInput` for the convenience wrapper.\n * Composed in a labeled `Field`, its `role=\"group\"` root points\n * `aria-labelledby` at that `Field`'s label, `inline` too, as the wrapper's\n * does, and each input keeps its own name. An `aria-label` or\n * `aria-labelledby` you give it wins over the label, and an `aria-labelledby`\n * key counts even when undefined, since it is spread over the group's own.\n *\n * @function\n * @param {DateRangeInputBaseProps} props\n * @returns {JSX.Element}\n */\nexport const DateRangeInputBase = forwardRef<\n  HTMLInputElement,\n  DateRangeInputBaseProps\n>((props, ref) => {\n  const {\n    value: controlledValue,\n    defaultValue,\n    onChange,\n    onOpen,\n    onClose,\n    min,\n    max,\n    disabled: disabledProp,\n    readOnly,\n    placeholder,\n    format,\n    parse,\n    locale: localeProp,\n    inline = false,\n    mobileNative = 'auto',\n    editable = true,\n    popover = true,\n    openOnFocus = true,\n    closeOnSelect = true,\n    position,\n    appendToBody = false,\n    color,\n    size,\n    isRounded,\n    shouldDisableDate,\n    unselectableDates,\n    allowDisabledInRange = false,\n    firstDayOfWeek: firstDayOfWeekProp,\n    dayNames,\n    monthNames,\n    nearbyMonthDays = true,\n    iconLeftName: _iconLeftName,\n    triggerIcon: triggerIconProp,\n    triggerIconName = 'chevron-down',\n    labels,\n    name,\n    startName,\n    endName,\n    form,\n    required,\n    id,\n    className,\n    onFocus,\n    onFocusCapture,\n    ...rest\n  } = props;\n  // A LocaleProvider around the picker sets its default locale and, through\n  // that locale, the day its week starts on.\n  const locale = usePickerLocale(localeProp);\n  // Its own language and direction, which its root and a portaled panel\n  // carry inside a provider.\n  const localeScope = usePickerLocaleScope(localeProp, props.dir);\n  const firstDayOfWeek = usePickerFirstDayOfWeek(\n    firstDayOfWeekProp,\n    locale,\n    hasOwnDayNames(dayNames)\n  );\n  const disabled = useFieldsetDisabled(disabledProp);\n  // The launcher gives way to the loading spinner of a Control this sits in.\n  const controlLoading = useControlLoading();\n  const triggerIcon = triggerIconProp ?? !controlLoading;\n\n  const t = mergeLabels(labels);\n  const resolvedFormat = format ?? DEFAULT_DATE_FORMAT;\n\n  const isControlled = controlledValue !== undefined;\n  const [internalValue, setInternalValue] = useState<DateRangeValue>(\n    defaultValue ?? EMPTY_RANGE\n  );\n  const range = isControlled ? controlledValue : internalValue;\n  const [start, end] = range;\n\n  // Nothing before year 1 is in range, as in HTML's date inputs.\n  const lowerBound = useMemo(() => floorMin(min), [min]);\n\n  const [focusedDate, setFocusedDate] = useState<Date>(() =>\n    clampDate(start ?? end ?? new Date(), lowerBound, max)\n  );\n  // Re-clamp the focused day if the bounds change after mount, so the\n  // calendar never shows a month outside them.\n  useEffect(() => {\n    setFocusedDate(prev => clampDate(prev, lowerBound, max));\n  }, [lowerBound, max]);\n\n  const [open, setOpenState] = useState(false);\n  const [startText, setStartText] = useState(() =>\n    start ? formatDate(start, resolvedFormat, locale) : ''\n  );\n  const [endText, setEndText] = useState(() =>\n    end ? formatDate(end, resolvedFormat, locale) : ''\n  );\n  // Each input shows its end of the range as it changes from outside.\n  useEffect(() => {\n    setStartText(start ? formatDate(start, resolvedFormat, locale) : '');\n  }, [start, resolvedFormat, locale]);\n  useEffect(() => {\n    setEndText(end ? formatDate(end, resolvedFormat, locale) : '');\n  }, [end, resolvedFormat, locale]);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const startRef = useRef<HTMLInputElement>(null);\n  const endRef = useRef<HTMLInputElement>(null);\n  const reactId = useId();\n  const popoverId = id ? `${id}-popover` : `picker-${reactId}`;\n\n  const { bulmaHelperClasses, rest: cleanRest } = useBulmaClasses(rest);\n  // Two inputs can't share a labeled Field's `for`, so inside one the group\n  // points `aria-labelledby` at that Field's label, as `DateRangeInput`\n  // does, in every mode. A name the caller gave the group wins, and so does\n  // the `aria-labelledby` that wrapper always passes, so it decides there.\n  const { ariaLabelledBy } = useAutoLabelledBy({\n    label: undefined,\n    rendersLabel: false,\n    callerProps: rest,\n  });\n\n  const { shouldUseNative } = useNativeMobilePicker({\n    force: mobileNative === 'auto' ? undefined : mobileNative,\n  });\n  const useNative = !inline && shouldUseNative;\n\n  // The root borrows DateInput's container class, which places the launcher\n  // and sizes a Control's icons around the field.\n  const containerClass = usePrefixedClassNames(\n    'daterangeinput',\n    'dateinput-container'\n  );\n  const fieldClass = usePrefixedClassNames('input', 'daterangeinput-field', {\n    [`is-${color}`]: !!color,\n    [`is-${size}`]: !!size,\n    'is-rounded': isRounded,\n    'is-disabled': disabled,\n  });\n  const inputClass = usePrefixedClassNames('daterangeinput-input');\n  const separatorClass = usePrefixedClassNames('daterangeinput-separator');\n  const triggerClass = usePrefixedClassNames('dateinput-trigger');\n\n  // What the latest request asked for, so a second request in the same event\n  // sees it before React renders. The callbacks fire here rather than in a\n  // state updater, which StrictMode calls twice.\n  const requestedOpenRef = useRef(false);\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (requestedOpenRef.current === next) return;\n      requestedOpenRef.current = next;\n      setOpenState(next);\n      if (next) onOpen?.();\n      else onClose?.();\n    },\n    [onOpen, onClose]\n  );\n\n  // Focus that moves inside the field, from one input to the other or from\n  // the launcher, is not focus arriving, so it opens nothing. Set as the\n  // focus is captured on the way in, and cleared once the input has handled\n  // it, so a click that follows still opens the popover.\n  const focusFromInsideRef = useRef(false);\n  const handleFocusCapture = (e: React.FocusEvent<HTMLDivElement>) => {\n    const from = e.relatedTarget as Node | null;\n    focusFromInsideRef.current = !!from && e.currentTarget.contains(from);\n    onFocusCapture?.(e);\n  };\n  const handleFocus = (e: React.FocusEvent<HTMLDivElement>) => {\n    focusFromInsideRef.current = false;\n    onFocus?.(e);\n  };\n  const requestOpen = useCallback(\n    (next: boolean) => {\n      if (next && focusFromInsideRef.current) return;\n      setOpen(next);\n    },\n    [setOpen]\n  );\n\n  const commitRange = useCallback(\n    (next: DateRangeValue) => {\n      if (!isControlled) setInternalValue(next);\n      onChange?.(next);\n    },\n    [isControlled, onChange]\n  );\n\n  const constraints = useMemo(\n    () => ({ shouldDisableDate, unselectableDates }),\n    [shouldDisableDate, unselectableDates]\n  );\n  // A day the calendar disables: shouldDisableDate or unselectableDates.\n  // Typing and the native inputs check the bounds alongside it.\n  const isBlockedDay = useCallback(\n    (d: Date) =>\n      !!shouldDisableDate?.(d) ||\n      !!unselectableDates?.some(u => isSameDay(u, d)),\n    [shouldDisableDate, unselectableDates]\n  );\n  // An end the range can take: it is not disabled, and it closes a range\n  // from the start, which it can't when it comes first or, unless allowed,\n  // reaches over a disabled day.\n  const isBlockedEnd = useCallback(\n    (d: Date) =>\n      isBlockedDay(d) ||\n      (!!start && !canCloseRange(start, d, constraints, allowDisabledInRange)),\n    [isBlockedDay, start, constraints, allowDisabledInRange]\n  );\n\n  // A new start keeps the end only while the two still make a range, so a\n  // start moved past the end, or over a disabled day before it, clears it.\n  const commitStart = useCallback(\n    (next: Date | null) => {\n      const keepsEnd =\n        !next ||\n        !end ||\n        canCloseRange(next, end, constraints, allowDisabledInRange);\n      commitRange([next, keepsEnd ? end : null]);\n      if (next) setFocusedDate(next);\n    },\n    [end, constraints, allowDisabledInRange, commitRange]\n  );\n  // Every digit typed into the start commits, so a start passes through\n  // values on its way to the one being typed. The first digits of a year make\n  // a start centuries back, which can't keep the end once a disabled day may\n  // lie between. Such a value waits for the segment's next digit rather than\n  // clearing an end the finished start may keep.\n  const startCostsEnd = useCallback(\n    (d: Date) =>\n      !!end && !canCloseRange(d, end, constraints, allowDisabledInRange),\n    [end, constraints, allowDisabledInRange]\n  );\n  const commitEnd = useCallback(\n    (next: Date | null) => {\n      commitRange([start, next]);\n      if (next) setFocusedDate(next);\n    },\n    [start, commitRange]\n  );\n\n  const handleRangeSelect = useCallback(\n    (from: Date, to: Date) => {\n      commitRange([from, to]);\n      setFocusedDate(to);\n      if (closeOnSelect) setOpen(false);\n    },\n    [commitRange, closeOnSelect, setOpen]\n  );\n\n  const tryParse = useCallback(\n    (s: string): Date | null => {\n      const trimmed = s.trim();\n      if (!trimmed) return null;\n      const fmt = typeof format === 'string' ? format : undefined;\n      return parse\n        ? parse(trimmed)\n        : parseDate(trimmed, fmt ?? DEFAULT_DATE_FORMAT, locale);\n    },\n    [parse, format, locale]\n  );\n\n  // Typing into an empty end starts from the start, so only what differs\n  // needs typing; an empty start starts from today.\n  const makeEndBase = useCallback(\n    () => (start ? startOfDay(start) : today()),\n    [start]\n  );\n\n  // Where focus goes back as the popover closes: the input focused last,\n  // which is the one that opened it unless the launcher did, or the start\n  // input before either has had focus.\n  const openerRef = useRef<HTMLInputElement | null>(null);\n  const restoreFocusRef = useMemo(\n    () => ({\n      get current() {\n        return openerRef.current ?? startRef.current;\n      },\n    }),\n    []\n  );\n\n  const shared = {\n    format: resolvedFormat,\n    formatFn: formatDate,\n    tryParse,\n    locale,\n    min: lowerBound,\n    max,\n    disabled,\n    readOnly,\n    editable,\n    popover,\n    openOnFocus,\n    closeOnSelect,\n    isOpen: open,\n    setOpen: requestOpen,\n  };\n  // Each input is its own picker field. Its blur counts focus leaving it,\n  // even for the other input, so text typed into one is read as focus moves\n  // to the other.\n  const { inputHandlers: startHandlers } = useSegmentedEntry({\n    ...shared,\n    value: start,\n    commitValue: commitStart,\n    text: startText,\n    setText: setStartText,\n    makeBaseDate: today,\n    isBlocked: isBlockedDay,\n    isUnfinishedBlocked: startCostsEnd,\n    inputRef: startRef,\n    containerRef: startRef,\n    onFocus: () => {\n      openerRef.current = startRef.current;\n    },\n  });\n  const { inputHandlers: endHandlers } = useSegmentedEntry({\n    ...shared,\n    value: end,\n    commitValue: commitEnd,\n    text: endText,\n    setText: setEndText,\n    makeBaseDate: makeEndBase,\n    isBlocked: isBlockedEnd,\n    inputRef: endRef,\n    containerRef: endRef,\n    onFocus: () => {\n      openerRef.current = endRef.current;\n    },\n  });\n\n  const combinedRef = useCallback(\n    (node: HTMLInputElement | null) => {\n      (startRef as React.MutableRefObject<HTMLInputElement | null>).current =\n        node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref)\n        (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n    },\n    [ref]\n  );\n\n  const handlePopoverClose = useCallback(() => setOpen(false), [setOpen]);\n\n  const startField = startName ?? (name ? `${name}[start]` : undefined);\n  const endField = endName ?? (name ? `${name}[end]` : undefined);\n  const hiddenInputs = (\n    <>\n      {startField && (\n        <input\n          type=\"hidden\"\n          name={startField}\n          form={form}\n          value={isoDay(start)}\n        />\n      )}\n      {endField && (\n        <input type=\"hidden\" name={endField} form={form} value={isoDay(end)} />\n      )}\n    </>\n  );\n\n  const separator = (\n    <span className={separatorClass} aria-hidden=\"true\">\n      {t.rangeSeparator}\n    </span>\n  );\n\n  // Native mobile path: two <input type=\"date\">s, held to the same rules as\n  // typing. A change the rules refuse leaves the input showing the range.\n  if (useNative) {\n    const nativeChange =\n      (commit: (d: Date | null) => void, isBlocked: (d: Date) => boolean) =>\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        // An empty value is the end cleared. A date input gives nothing else\n        // that doesn't read as a date.\n        const parsed = fromIsoValue(e.target.value, 'day');\n        if (!parsed) commit(null);\n        else if (isWithin(parsed, lowerBound, max) && !isBlocked(parsed)) {\n          commit(parsed);\n        }\n      };\n    const minIso = min ? isoDay(lowerBound) : undefined;\n    const maxIso = max ? isoDay(max) : undefined;\n    return (\n      <div\n        aria-labelledby={ariaLabelledBy}\n        {...localeScope.rootAttrs}\n        {...cleanRest}\n        ref={containerRef}\n        role=\"group\"\n        className={classNames(containerClass, bulmaHelperClasses, className)}\n        onFocus={onFocus}\n        onFocusCapture={onFocusCapture}\n      >\n        <div className={fieldClass}>\n          <input\n            ref={combinedRef}\n            type=\"date\"\n            id={id}\n            aria-label={t.rangeStart}\n            className={inputClass}\n            value={isoDay(start)}\n            onChange={nativeChange(commitStart, isBlockedDay)}\n            min={minIso}\n            max={maxIso}\n            disabled={disabled}\n            readOnly={readOnly}\n            required={required}\n          />\n          {separator}\n          <input\n            ref={endRef}\n            type=\"date\"\n            id={id ? `${id}-end` : undefined}\n            aria-label={t.rangeEnd}\n            className={inputClass}\n            value={isoDay(end)}\n            onChange={nativeChange(commitEnd, isBlockedEnd)}\n            min={start ? isoDay(start) : minIso}\n            max={maxIso}\n            disabled={disabled}\n            readOnly={readOnly}\n            required={required}\n          />\n        </div>\n        {hiddenInputs}\n      </div>\n    );\n  }\n\n  const calendar = (\n    <Calendar\n      range={range}\n      onRangeSelect={handleRangeSelect}\n      allowDisabledInRange={allowDisabledInRange}\n      focusedDate={focusedDate}\n      onFocusedDateChange={setFocusedDate}\n      min={min}\n      max={max}\n      shouldDisableDate={shouldDisableDate}\n      unselectableDates={unselectableDates}\n      firstDayOfWeek={firstDayOfWeek}\n      locale={locale}\n      dayNames={dayNames}\n      monthNames={monthNames}\n      nearbyMonthDays={nearbyMonthDays}\n      color={color}\n      size={size}\n      // The popover panel takes `popoverId`, so the calendar inside it takes\n      // one of its own. Inline there is no panel.\n      id={inline ? popoverId : `${popoverId}-cal`}\n      autoFocusCell={open}\n      labels={labels}\n    />\n  );\n\n  if (inline) {\n    return (\n      <div\n        aria-labelledby={ariaLabelledBy}\n        {...localeScope.rootAttrs}\n        {...cleanRest}\n        ref={containerRef}\n        role=\"group\"\n        className={classNames(containerClass, bulmaHelperClasses, className)}\n        onFocus={onFocus}\n        onFocusCapture={onFocusCapture}\n      >\n        {calendar}\n        {hiddenInputs}\n      </div>\n    );\n  }\n\n  const canOpen = !!popover && !disabled && !readOnly;\n  const inputReadOnly = !!readOnly || !editable;\n\n  // The field reads as one text box, so a press on it that misses both\n  // inputs, on its padding, the gap or the separator, goes to the nearer\n  // input and does what a press on that input does.\n  const handleFieldMouseDown = (e: React.MouseEvent<HTMLDivElement>) => {\n    const startInput = startRef.current as HTMLInputElement;\n    const endInput = endRef.current as HTMLInputElement;\n    if (disabled || e.button !== 0) return;\n    if (e.target === startInput || e.target === endInput) return;\n    e.preventDefault();\n    const middle =\n      (startInput.getBoundingClientRect().right +\n        endInput.getBoundingClientRect().left) /\n      2;\n    (e.clientX < middle ? startInput : endInput).focus();\n    if (openOnFocus && canOpen) requestOpen(true);\n  };\n  const comboboxProps = {\n    type: 'text',\n    role: 'combobox',\n    'aria-haspopup': 'dialog' as const,\n    'aria-expanded': open,\n    'aria-controls': popoverId,\n    autoComplete: 'off',\n    className: inputClass,\n    placeholder,\n    disabled,\n    readOnly: inputReadOnly,\n    required,\n  };\n\n  return (\n    <div\n      aria-labelledby={ariaLabelledBy}\n      {...localeScope.rootAttrs}\n      {...cleanRest}\n      ref={containerRef}\n      role=\"group\"\n      className={classNames(containerClass, bulmaHelperClasses, className)}\n      onFocus={handleFocus}\n      onFocusCapture={handleFocusCapture}\n    >\n      <div className={fieldClass} onMouseDown={handleFieldMouseDown}>\n        <input\n          {...comboboxProps}\n          ref={combinedRef}\n          id={id}\n          aria-label={t.rangeStart}\n          value={startText}\n          {...startHandlers}\n        />\n        {separator}\n        <input\n          {...comboboxProps}\n          ref={endRef}\n          id={id ? `${id}-end` : undefined}\n          aria-label={t.rangeEnd}\n          value={endText}\n          {...endHandlers}\n        />\n      </div>\n      {popover && triggerIcon && (\n        <button\n          type=\"button\"\n          className={triggerClass}\n          // Disabled whenever the popover can't open, so a click can.\n          onClick={() => setOpen(!open)}\n          disabled={!canOpen}\n          aria-label={t.chooseDateRange}\n          aria-haspopup=\"dialog\"\n          aria-controls={popoverId}\n          aria-expanded={open}\n          tabIndex={canOpen ? 0 : -1}\n        >\n          <Icon name={triggerIconName} size={size} />\n        </button>\n      )}\n      {popover && (\n        <PickerPopover\n          localeScope={localeScope.panel}\n          isOpen={open}\n          onClose={handlePopoverClose}\n          anchorRef={containerRef}\n          position={position}\n          appendToBody={appendToBody}\n          ariaLabel={t.chooseDateRange}\n          id={popoverId}\n          restoreFocusRef={restoreFocusRef}\n          initialFocusSelector={CALENDAR_FOCUSED_CELL}\n        >\n          {calendar}\n        </PickerPopover>\n      )}\n      {hiddenInputs}\n    </div>\n  );\n});\n\nDateRangeInputBase.displayName = 'DateRangeInputBase';\n\nexport default DateRangeInputBase;\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
+{"version":3,"file":"DateRangeInputBase.js","sources":["../../../src/form/DateRangeInputBase.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { classNames, usePrefixedClassNames } from '../helpers/classNames';\nimport { useBulmaClasses, BulmaClassesProps } from '../helpers/useBulmaClasses';\nimport {\n  DateRangeValue,\n  DayOfWeek,\n  PickerLabels,\n  PickerPosition,\n  mergeLabels,\n} from './_pickerInternals/pickerTypes';\nimport {\n  DEFAULT_DATE_FORMAT,\n  DateFormatOption,\n  formatDate,\n  fromIsoValue,\n  parseDate,\n  toIsoValue,\n} from './_pickerInternals/formatters';\nimport {\n  canCloseRange,\n  clampDate,\n  floorMin,\n  isSameDay,\n  isWithin,\n  startOfDay,\n} from './_pickerInternals/dateUtils';\nimport { Calendar, CALENDAR_FOCUSED_CELL } from './_pickerInternals/Calendar';\nimport { PickerPopover } from './_pickerInternals/PickerPopover';\nimport { useNativeMobilePicker } from './_pickerInternals/useNativeMobilePicker';\nimport { useSegmentedEntry } from './_pickerInternals/useSegmentedEntry';\nimport {\n  hasOwnDayNames,\n  usePickerFirstDayOfWeek,\n  usePickerLocale,\n  usePickerLocaleScope,\n} from './_pickerInternals/useLocaleDefaults';\nimport { useControlLoading } from './controlLoading';\nimport { useAutoLabelledBy } from './useAutoLabelId';\nimport { useFieldsetDisabled } from './FormContext';\nimport { Icon } from '../elements/Icon';\n\nexport type { DateRangeValue };\n\nconst EMPTY_RANGE: DateRangeValue = [null, null];\n\n/** A range's end as the form and the native inputs carry it. */\nconst isoDay = (d: Date | null): string => (d ? toIsoValue(d, 'day') : '');\n\n/** Today at local midnight, where typing into an empty end starts. */\nconst today = (): Date => startOfDay(new Date());\n\n/**\n * Props for the raw DateRangeInput base. Use the higher-level\n * `DateRangeInput` for Field/Control composition; `DateRangeInputBase` is the\n * two inputs and the popover only.\n */\nexport interface DateRangeInputBaseProps\n  extends\n    Omit<\n      React.HTMLAttributes<HTMLDivElement>,\n      'defaultValue' | 'onChange' | 'color' | 'placeholder' | 'popover'\n    >,\n    Omit<BulmaClassesProps, 'color'> {\n  /**\n   * Controlled range, start first. Either end may be `null`, and\n   * `[null, null]` is empty.\n   */\n  value?: DateRangeValue;\n  /** Initial range for uncontrolled usage. */\n  defaultValue?: DateRangeValue;\n  /**\n   * Fired when the range changes, with the start first. Typing commits one\n   * end at a time, so a range half typed arrives as `[start, null]`. The\n   * calendar commits only a finished range: its first pick marks the start\n   * inside the calendar and its second commits both ends in one call. The\n   * range stays ordered, so the end is never before the start.\n   */\n  onChange?: (range: DateRangeValue) => void;\n  /** Fired when the popover opens. */\n  onOpen?: () => void;\n  /** Fired when the popover closes. */\n  onClose?: () => void;\n  /**\n   * Earliest selectable date, for either end. A `min` before year 1 is raised\n   * to 1 January of year 1, where the range starts without one too.\n   */\n  min?: Date;\n  /** Latest selectable date, for either end. */\n  max?: Date;\n  /**\n   * Disable both inputs and the launcher, or an `inline` calendar's days and\n   * header buttons. The hidden inputs still submit the range, in every mode,\n   * where a disabled input submits nothing.\n   */\n  disabled?: boolean;\n  /**\n   * Make both inputs read-only and keep the popover closed. An `inline`\n   * calendar still moves through the dates by key and by its header, but a\n   * click, Enter or Space picks nothing.\n   */\n  readOnly?: boolean;\n  /** Placeholder text, shown in both inputs while they are empty. */\n  placeholder?: string;\n  /**\n   * Token format string or `Intl.DateTimeFormat` options, used by both\n   * inputs.\n   * @defaultValue 'YYYY-MM-DD'\n   */\n  format?: DateFormatOption;\n  /**\n   * Custom parser (use when `format` is `Intl.DateTimeFormatOptions`).\n   * Enter and leaving an input call it only if the user changed its text.\n   */\n  parse?: (s: string) => Date | null;\n  /**\n   * BCP-47 locale tag for day/month names and Intl formatting. Unset, it is\n   * the `locale` of a `LocaleProvider` around the picker, and with neither,\n   * `Intl` uses the runtime's own locale. On a server render that is the\n   * server's, so an `inline` calendar rendered there names its days in the\n   * server's language and the browser's own render names them in the\n   * browser's: give it a locale, here or through a `LocaleProvider`, where\n   * the two can differ.\n   */\n  locale?: string;\n  /**\n   * Render the calendar inline, with no inputs and no popover. The hidden\n   * form inputs still carry the range.\n   * On a server-rendered page it marks today once the page hydrates, by\n   * the browser's clock rather than the server's. With no `value` or\n   * `defaultValue` it opens on the month the clock reads, and around the end\n   * of a month the server's clock and the browser's can read different\n   * months, so give it a date both render the same.\n   */\n  inline?: boolean;\n  /**\n   * Use two native `<input type=\"date\">`s on coarse-pointer, small-viewport\n   * devices (`'auto'`), always (`true`) or never (`false`). The end input's\n   * `min` follows the start, and a change goes through the same rules as\n   * typing.\n   */\n  mobileNative?: boolean | 'auto';\n  /** Allow segmented keyboard typing in both inputs. `false` makes the field picker-only. */\n  editable?: boolean;\n  /** Whether the calendar popover exists. `false` makes the field input-only. */\n  popover?: boolean;\n  /**\n   * Open the popover when focus arrives in the field. Moving focus between\n   * the two inputs, or back from the launcher, leaves it closed, and so does\n   * the focus a closing popover hands back. A click on either input opens it.\n   * With it off, the launcher or Alt+ArrowDown opens it.\n   */\n  openOnFocus?: boolean;\n  /**\n   * Close the popover once the range is picked. The first pick, which only\n   * marks the start, never closes it.\n   */\n  closeOnSelect?: boolean;\n  /**\n   * Where the popover opens against the field. Left out, it opens below and\n   * lines up with the field's start edge, which is its right edge when the\n   * picker reads right to left. A corner you pass stays physical, so\n   * `bottom-left` lines up the left edges either way.\n   * @defaultValue 'bottom-left'\n   */\n  position?: PickerPosition;\n  /**\n   * Render the popover through a portal, into the `portalContainer` a\n   * `ConfigProvider` sets, `document.body` by default.\n   */\n  appendToBody?: boolean;\n  /**\n   * Bulma color modifier for the field, also carried by the calendar, where it\n   * colors the range's ends and the band between them.\n   */\n  color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';\n  /** Size variant. */\n  size?: 'small' | 'medium' | 'large';\n  /** Render the field with rounded corners. */\n  isRounded?: boolean;\n  /**\n   * Predicate to disable specific dates (e.g. weekends). A disabled day can\n   * be neither end, typing rejects it, and a range can't include one unless\n   * `allowDisabledInRange` is set.\n   */\n  shouldDisableDate?: (d: Date) => boolean;\n  /** Convenience array of disabled dates; merged with `shouldDisableDate`. Matched by calendar day. */\n  unselectableDates?: Date[];\n  /**\n   * Let a range include days that `shouldDisableDate` or `unselectableDates`\n   * disable, such as a stay over a night with no check-ins. Its ends still\n   * can't be such days. Off, a pick in the calendar past a disabled day\n   * starts a new range there, typing refuses an end past one, and a start\n   * typed with one before the end clears the end. Finding one walks the days\n   * between, so off, a span too long to walk is refused as well.\n   */\n  allowDisabledInRange?: boolean;\n  /**\n   * Day the week starts on (0 = Sunday). Unset inside a `LocaleProvider`,\n   * it is the first day of the week in the picker's locale, its own `locale`\n   * or else the provider's, such as Monday for `\"de\"`. Elsewhere, with no\n   * locale from either, or with seven `dayNames` of your own, it is Sunday:\n   * set it with `dayNames` to start the week on another day.\n   * @defaultValue 0\n   */\n  firstDayOfWeek?: DayOfWeek;\n  /**\n   * Override the 7 day-name labels (in calendar order, post-rotation). They\n   * are shown exactly as given, from the first column, so they have to start\n   * on the day the week does. With them, an unset `firstDayOfWeek` stays\n   * Sunday even inside a `LocaleProvider`, so names written Sunday first keep\n   * matching their columns; to start on the locale's day, set\n   * `firstDayOfWeek` too and list the names from that day.\n   */\n  dayNames?: string[];\n  /** Override the 12 month-name labels. */\n  monthNames?: string[];\n  /** Show dimmed dates from adjacent months in the grid. */\n  nearbyMonthDays?: boolean;\n  /** Decorative left icon glyph for the wrapping `Control` (shown by default). Set `''` to hide. */\n  iconLeftName?: string;\n  /**\n   * Show a clickable launcher button on the right that toggles the popover.\n   * Hidden by default while a `Control` it sits in shows its `isLoading`\n   * spinner, which shares that right edge.\n   * @defaultValue true\n   */\n  triggerIcon?: boolean;\n  /** Glyph for the right launcher button. */\n  triggerIconName?: string;\n  /**\n   * Optional translatable string overrides. `rangeStart` and `rangeEnd` name\n   * the two inputs and the range's ends in the calendar, `rangePreviewEnd`\n   * describes the day a pending range would end on, `rangeSeparator` sits\n   * between the inputs, and `chooseDateRange` names the launcher and the\n   * popover.\n   */\n  labels?: PickerLabels;\n  /**\n   * Form field name. Two hidden inputs submit the range as `YYYY-MM-DD`,\n   * named `name[start]` and `name[end]`, in every mode. The visible inputs\n   * carry no name.\n   */\n  name?: string;\n  /** Name of the hidden input carrying the start, in place of `name[start]`. */\n  startName?: string;\n  /** Name of the hidden input carrying the end, in place of `name[end]`. */\n  endName?: string;\n  /** Form id the hidden inputs belong to. */\n  form?: string;\n  /**\n   * Mark both visible inputs required, so a form won't submit with either\n   * end empty. An `inline` calendar has no visible input, so it is not\n   * checked there.\n   */\n  required?: boolean;\n  /** Id of the start input. The end input takes `${id}-end`. */\n  id?: string;\n}\n\n/**\n * Raw DateRangeInput: the two inputs and the popover calendar without\n * Field/Control wrapping. Use `DateRangeInput` for the convenience wrapper.\n * Composed in a labeled `Field`, its `role=\"group\"` root points\n * `aria-labelledby` at that `Field`'s label, `inline` too, as the wrapper's\n * does, and each input keeps its own name. An `aria-label` or\n * `aria-labelledby` you give it wins over the label, and an `aria-labelledby`\n * key counts even when undefined, since it is spread over the group's own.\n *\n * @function\n * @param {DateRangeInputBaseProps} props\n * @returns {JSX.Element}\n */\nexport const DateRangeInputBase = forwardRef<\n  HTMLInputElement,\n  DateRangeInputBaseProps\n>((props, ref) => {\n  const {\n    value: controlledValue,\n    defaultValue,\n    onChange,\n    onOpen,\n    onClose,\n    min,\n    max,\n    disabled: disabledProp,\n    readOnly,\n    placeholder,\n    format,\n    parse,\n    locale: localeProp,\n    inline = false,\n    mobileNative = 'auto',\n    editable = true,\n    popover = true,\n    openOnFocus = true,\n    closeOnSelect = true,\n    position,\n    appendToBody = false,\n    color,\n    size,\n    isRounded,\n    shouldDisableDate,\n    unselectableDates,\n    allowDisabledInRange = false,\n    firstDayOfWeek: firstDayOfWeekProp,\n    dayNames,\n    monthNames,\n    nearbyMonthDays = true,\n    iconLeftName: _iconLeftName,\n    triggerIcon: triggerIconProp,\n    triggerIconName = 'chevron-down',\n    labels,\n    name,\n    startName,\n    endName,\n    form,\n    required,\n    id,\n    className,\n    onFocus,\n    onFocusCapture,\n    ...rest\n  } = props;\n  // A LocaleProvider around the picker sets its default locale and, through\n  // that locale, the day its week starts on.\n  const locale = usePickerLocale(localeProp);\n  // Its own language and direction, which its root and a portaled panel\n  // carry inside a provider.\n  const localeScope = usePickerLocaleScope(localeProp, props.dir);\n  const firstDayOfWeek = usePickerFirstDayOfWeek(\n    firstDayOfWeekProp,\n    locale,\n    hasOwnDayNames(dayNames)\n  );\n  const disabled = useFieldsetDisabled(disabledProp);\n  // The launcher gives way to the loading spinner of a Control this sits in.\n  const controlLoading = useControlLoading();\n  const triggerIcon = triggerIconProp ?? !controlLoading;\n\n  const t = mergeLabels(labels);\n  const resolvedFormat = format ?? DEFAULT_DATE_FORMAT;\n\n  const isControlled = controlledValue !== undefined;\n  const [internalValue, setInternalValue] = useState<DateRangeValue>(\n    defaultValue ?? EMPTY_RANGE\n  );\n  const range = isControlled ? controlledValue : internalValue;\n  const [start, end] = range;\n\n  // Nothing before year 1 is in range, as in HTML's date inputs.\n  const lowerBound = useMemo(() => floorMin(min), [min]);\n\n  const [focusedDate, setFocusedDate] = useState<Date>(() =>\n    clampDate(start ?? end ?? new Date(), lowerBound, max)\n  );\n  // Re-clamp the focused day if the bounds change after mount, so the\n  // calendar never shows a month outside them.\n  useEffect(() => {\n    setFocusedDate(prev => clampDate(prev, lowerBound, max));\n  }, [lowerBound, max]);\n\n  const [open, setOpenState] = useState(false);\n  const [startText, setStartText] = useState(() =>\n    start ? formatDate(start, resolvedFormat, locale) : ''\n  );\n  const [endText, setEndText] = useState(() =>\n    end ? formatDate(end, resolvedFormat, locale) : ''\n  );\n  // Each input shows its end of the range as it changes from outside.\n  useEffect(() => {\n    setStartText(start ? formatDate(start, resolvedFormat, locale) : '');\n  }, [start, resolvedFormat, locale]);\n  useEffect(() => {\n    setEndText(end ? formatDate(end, resolvedFormat, locale) : '');\n  }, [end, resolvedFormat, locale]);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const startRef = useRef<HTMLInputElement>(null);\n  const endRef = useRef<HTMLInputElement>(null);\n  const reactId = useId();\n  const popoverId = id ? `${id}-popover` : `picker-${reactId}`;\n\n  const { bulmaHelperClasses, rest: cleanRest } = useBulmaClasses(rest);\n  // Two inputs can't share a labeled Field's `for`, so inside one the group\n  // points `aria-labelledby` at that Field's label, as `DateRangeInput`\n  // does, in every mode. A name the caller gave the group wins, and so does\n  // the `aria-labelledby` that wrapper always passes, so it decides there.\n  const { ariaLabelledBy } = useAutoLabelledBy({\n    label: undefined,\n    rendersLabel: false,\n    callerProps: rest,\n  });\n\n  const { shouldUseNative } = useNativeMobilePicker({\n    force: mobileNative === 'auto' ? undefined : mobileNative,\n  });\n  const useNative = !inline && shouldUseNative;\n\n  // The root borrows DateInput's container class, which places the launcher\n  // and sizes a Control's icons around the field.\n  const containerClass = usePrefixedClassNames(\n    'daterangeinput',\n    'dateinput-container'\n  );\n  const fieldClass = usePrefixedClassNames('input', 'daterangeinput-field', {\n    [`is-${color}`]: !!color,\n    [`is-${size}`]: !!size,\n    'is-rounded': isRounded,\n    'is-disabled': disabled,\n  });\n  const inputClass = usePrefixedClassNames('daterangeinput-input');\n  const separatorClass = usePrefixedClassNames('daterangeinput-separator');\n  const triggerClass = usePrefixedClassNames('dateinput-trigger');\n\n  // What the latest request asked for, so a second request in the same event\n  // sees it before React renders. The callbacks fire here rather than in a\n  // state updater, which StrictMode calls twice.\n  const requestedOpenRef = useRef(false);\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (requestedOpenRef.current === next) return;\n      requestedOpenRef.current = next;\n      setOpenState(next);\n      if (next) onOpen?.();\n      else onClose?.();\n    },\n    [onOpen, onClose]\n  );\n\n  // Focus that moves inside the field, from one input to the other or from\n  // the launcher, is not focus arriving, so it opens nothing. Set as the\n  // focus is captured on the way in, and cleared once the input has handled\n  // it, so a click that follows still opens the popover.\n  const focusFromInsideRef = useRef(false);\n  const handleFocusCapture = (e: React.FocusEvent<HTMLDivElement>) => {\n    const from = e.relatedTarget as Node | null;\n    focusFromInsideRef.current = !!from && e.currentTarget.contains(from);\n    onFocusCapture?.(e);\n  };\n  const handleFocus = (e: React.FocusEvent<HTMLDivElement>) => {\n    focusFromInsideRef.current = false;\n    onFocus?.(e);\n  };\n  const requestOpen = useCallback(\n    (next: boolean) => {\n      if (next && focusFromInsideRef.current) return;\n      setOpen(next);\n    },\n    [setOpen]\n  );\n\n  const commitRange = useCallback(\n    (next: DateRangeValue) => {\n      if (!isControlled) setInternalValue(next);\n      onChange?.(next);\n    },\n    [isControlled, onChange]\n  );\n\n  const constraints = useMemo(\n    () => ({ shouldDisableDate, unselectableDates }),\n    [shouldDisableDate, unselectableDates]\n  );\n  // A day the calendar disables: shouldDisableDate or unselectableDates.\n  // Typing and the native inputs check the bounds alongside it.\n  const isBlockedDay = useCallback(\n    (d: Date) =>\n      !!shouldDisableDate?.(d) ||\n      !!unselectableDates?.some(u => isSameDay(u, d)),\n    [shouldDisableDate, unselectableDates]\n  );\n  // An end the range can take: it is not disabled, and it closes a range\n  // from the start, which it can't when it comes first or, unless allowed,\n  // reaches over a disabled day.\n  const isBlockedEnd = useCallback(\n    (d: Date) =>\n      isBlockedDay(d) ||\n      (!!start && !canCloseRange(start, d, constraints, allowDisabledInRange)),\n    [isBlockedDay, start, constraints, allowDisabledInRange]\n  );\n\n  // A new start keeps the end only while the two still make a range, so a\n  // start moved past the end, or over a disabled day before it, clears it.\n  const commitStart = useCallback(\n    (next: Date | null) => {\n      const keepsEnd =\n        !next ||\n        !end ||\n        canCloseRange(next, end, constraints, allowDisabledInRange);\n      commitRange([next, keepsEnd ? end : null]);\n      if (next) setFocusedDate(next);\n    },\n    [end, constraints, allowDisabledInRange, commitRange]\n  );\n  // Every digit typed into the start commits, so a start passes through\n  // values on its way to the one being typed. The first digits of a year make\n  // a start centuries back, which can't keep the end once a disabled day may\n  // lie between. Such a value waits for the segment's next digit rather than\n  // clearing an end the finished start may keep.\n  const startCostsEnd = useCallback(\n    (d: Date) =>\n      !!end && !canCloseRange(d, end, constraints, allowDisabledInRange),\n    [end, constraints, allowDisabledInRange]\n  );\n  const commitEnd = useCallback(\n    (next: Date | null) => {\n      commitRange([start, next]);\n      if (next) setFocusedDate(next);\n    },\n    [start, commitRange]\n  );\n\n  const handleRangeSelect = useCallback(\n    (from: Date, to: Date) => {\n      commitRange([from, to]);\n      setFocusedDate(to);\n      if (closeOnSelect) setOpen(false);\n    },\n    [commitRange, closeOnSelect, setOpen]\n  );\n\n  const tryParse = useCallback(\n    (s: string): Date | null => {\n      const trimmed = s.trim();\n      if (!trimmed) return null;\n      const fmt = typeof format === 'string' ? format : undefined;\n      return parse\n        ? parse(trimmed)\n        : parseDate(trimmed, fmt ?? DEFAULT_DATE_FORMAT, locale);\n    },\n    [parse, format, locale]\n  );\n\n  // Typing into an empty end starts from the start, so only what differs\n  // needs typing; an empty start starts from today.\n  const makeEndBase = useCallback(\n    () => (start ? startOfDay(start) : today()),\n    [start]\n  );\n\n  // Where focus goes back as the popover closes: the input focused last,\n  // which is the one that opened it unless the launcher did, or the start\n  // input before either has had focus.\n  const openerRef = useRef<HTMLInputElement | null>(null);\n  const restoreFocusRef = useMemo(\n    () => ({\n      get current() {\n        return openerRef.current ?? startRef.current;\n      },\n    }),\n    []\n  );\n\n  const shared = {\n    format: resolvedFormat,\n    formatFn: formatDate,\n    tryParse,\n    locale,\n    min: lowerBound,\n    max,\n    disabled,\n    readOnly,\n    editable,\n    popover,\n    openOnFocus,\n    closeOnSelect,\n    isOpen: open,\n    setOpen: requestOpen,\n  };\n  // Each input is its own picker field. Its blur counts focus leaving it,\n  // even for the other input, so text typed into one is read as focus moves\n  // to the other.\n  const { inputHandlers: startHandlers } = useSegmentedEntry({\n    ...shared,\n    value: start,\n    commitValue: commitStart,\n    text: startText,\n    setText: setStartText,\n    makeBaseDate: today,\n    isBlocked: isBlockedDay,\n    isUnfinishedBlocked: startCostsEnd,\n    inputRef: startRef,\n    containerRef: startRef,\n    onFocus: () => {\n      openerRef.current = startRef.current;\n    },\n  });\n  const { inputHandlers: endHandlers } = useSegmentedEntry({\n    ...shared,\n    value: end,\n    commitValue: commitEnd,\n    text: endText,\n    setText: setEndText,\n    makeBaseDate: makeEndBase,\n    isBlocked: isBlockedEnd,\n    inputRef: endRef,\n    containerRef: endRef,\n    onFocus: () => {\n      openerRef.current = endRef.current;\n    },\n  });\n\n  const combinedRef = useCallback(\n    (node: HTMLInputElement | null) => {\n      (startRef as React.MutableRefObject<HTMLInputElement | null>).current =\n        node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref)\n        (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n    },\n    [ref]\n  );\n\n  const handlePopoverClose = useCallback(() => setOpen(false), [setOpen]);\n\n  const startField = startName ?? (name ? `${name}[start]` : undefined);\n  const endField = endName ?? (name ? `${name}[end]` : undefined);\n  const hiddenInputs = (\n    <>\n      {startField && (\n        <input\n          type=\"hidden\"\n          name={startField}\n          form={form}\n          value={isoDay(start)}\n        />\n      )}\n      {endField && (\n        <input type=\"hidden\" name={endField} form={form} value={isoDay(end)} />\n      )}\n    </>\n  );\n\n  const separator = (\n    <span className={separatorClass} aria-hidden=\"true\">\n      {t.rangeSeparator}\n    </span>\n  );\n\n  // Native mobile path: two <input type=\"date\">s, held to the same rules as\n  // typing. A change the rules refuse leaves the input showing the range.\n  if (useNative) {\n    const nativeChange =\n      (commit: (d: Date | null) => void, isBlocked: (d: Date) => boolean) =>\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        // An empty value is the end cleared. A date input gives nothing else\n        // that doesn't read as a date.\n        const parsed = fromIsoValue(e.target.value, 'day');\n        if (!parsed) commit(null);\n        else if (isWithin(parsed, lowerBound, max) && !isBlocked(parsed)) {\n          commit(parsed);\n        }\n      };\n    const minIso = min ? isoDay(lowerBound) : undefined;\n    const maxIso = max ? isoDay(max) : undefined;\n    return (\n      <div\n        aria-labelledby={ariaLabelledBy}\n        {...localeScope.rootAttrs}\n        {...cleanRest}\n        ref={containerRef}\n        role=\"group\"\n        className={classNames(containerClass, bulmaHelperClasses, className)}\n        onFocus={onFocus}\n        onFocusCapture={onFocusCapture}\n      >\n        <div className={fieldClass}>\n          <input\n            ref={combinedRef}\n            type=\"date\"\n            id={id}\n            aria-label={t.rangeStart}\n            className={inputClass}\n            value={isoDay(start)}\n            onChange={nativeChange(commitStart, isBlockedDay)}\n            min={minIso}\n            max={maxIso}\n            disabled={disabled}\n            readOnly={readOnly}\n            required={required}\n          />\n          {separator}\n          <input\n            ref={endRef}\n            type=\"date\"\n            id={id ? `${id}-end` : undefined}\n            aria-label={t.rangeEnd}\n            className={inputClass}\n            value={isoDay(end)}\n            onChange={nativeChange(commitEnd, isBlockedEnd)}\n            min={start ? isoDay(start) : minIso}\n            max={maxIso}\n            disabled={disabled}\n            readOnly={readOnly}\n            required={required}\n          />\n        </div>\n        {hiddenInputs}\n      </div>\n    );\n  }\n\n  const calendar = (\n    <Calendar\n      range={range}\n      onRangeSelect={handleRangeSelect}\n      allowDisabledInRange={allowDisabledInRange}\n      focusedDate={focusedDate}\n      onFocusedDateChange={setFocusedDate}\n      min={min}\n      max={max}\n      shouldDisableDate={shouldDisableDate}\n      unselectableDates={unselectableDates}\n      firstDayOfWeek={firstDayOfWeek}\n      locale={locale}\n      dayNames={dayNames}\n      monthNames={monthNames}\n      nearbyMonthDays={nearbyMonthDays}\n      color={color}\n      size={size}\n      // The popover panel takes `popoverId`, so the calendar inside it takes\n      // one of its own. Inline there is no panel.\n      id={inline ? popoverId : `${popoverId}-cal`}\n      autoFocusCell={open}\n      labels={labels}\n      disabled={disabled}\n      readOnly={readOnly}\n    />\n  );\n\n  if (inline) {\n    return (\n      <div\n        aria-labelledby={ariaLabelledBy}\n        {...localeScope.rootAttrs}\n        {...cleanRest}\n        ref={containerRef}\n        role=\"group\"\n        className={classNames(containerClass, bulmaHelperClasses, className)}\n        onFocus={onFocus}\n        onFocusCapture={onFocusCapture}\n      >\n        {calendar}\n        {hiddenInputs}\n      </div>\n    );\n  }\n\n  const canOpen = !!popover && !disabled && !readOnly;\n  const inputReadOnly = !!readOnly || !editable;\n\n  // The field reads as one text box, so a press on it that misses both\n  // inputs, on its padding, the gap or the separator, goes to the nearer\n  // input and does what a press on that input does.\n  const handleFieldMouseDown = (e: React.MouseEvent<HTMLDivElement>) => {\n    const startInput = startRef.current as HTMLInputElement;\n    const endInput = endRef.current as HTMLInputElement;\n    if (disabled || e.button !== 0) return;\n    if (e.target === startInput || e.target === endInput) return;\n    e.preventDefault();\n    const middle =\n      (startInput.getBoundingClientRect().right +\n        endInput.getBoundingClientRect().left) /\n      2;\n    (e.clientX < middle ? startInput : endInput).focus();\n    if (openOnFocus && canOpen) requestOpen(true);\n  };\n  const comboboxProps = {\n    type: 'text',\n    role: 'combobox',\n    'aria-haspopup': 'dialog' as const,\n    'aria-expanded': open,\n    'aria-controls': popoverId,\n    autoComplete: 'off',\n    className: inputClass,\n    placeholder,\n    disabled,\n    readOnly: inputReadOnly,\n    required,\n  };\n\n  return (\n    <div\n      aria-labelledby={ariaLabelledBy}\n      {...localeScope.rootAttrs}\n      {...cleanRest}\n      ref={containerRef}\n      role=\"group\"\n      className={classNames(containerClass, bulmaHelperClasses, className)}\n      onFocus={handleFocus}\n      onFocusCapture={handleFocusCapture}\n    >\n      <div className={fieldClass} onMouseDown={handleFieldMouseDown}>\n        <input\n          {...comboboxProps}\n          ref={combinedRef}\n          id={id}\n          aria-label={t.rangeStart}\n          value={startText}\n          {...startHandlers}\n        />\n        {separator}\n        <input\n          {...comboboxProps}\n          ref={endRef}\n          id={id ? `${id}-end` : undefined}\n          aria-label={t.rangeEnd}\n          value={endText}\n          {...endHandlers}\n        />\n      </div>\n      {popover && triggerIcon && (\n        <button\n          type=\"button\"\n          className={triggerClass}\n          // Disabled whenever the popover can't open, so a click can.\n          onClick={() => setOpen(!open)}\n          disabled={!canOpen}\n          aria-label={t.chooseDateRange}\n          aria-haspopup=\"dialog\"\n          aria-controls={popoverId}\n          aria-expanded={open}\n          tabIndex={canOpen ? 0 : -1}\n        >\n          <Icon name={triggerIconName} size={size} />\n        </button>\n      )}\n      {popover && (\n        <PickerPopover\n          localeScope={localeScope.panel}\n          isOpen={open}\n          onClose={handlePopoverClose}\n          anchorRef={containerRef}\n          position={position}\n          appendToBody={appendToBody}\n          ariaLabel={t.chooseDateRange}\n          id={popoverId}\n          restoreFocusRef={restoreFocusRef}\n          initialFocusSelector={CALENDAR_FOCUSED_CELL}\n        >\n          {calendar}\n        </PickerPopover>\n      )}\n      {hiddenInputs}\n    </div>\n  );\n});\n\nDateRangeInputBase.displayName = 'DateRangeInputBase';\n\nexport default DateRangeInputBase;\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/dist/esm/form/DateTimeInputBase.js

@@ -324,17 +324,17 @@ const DateTimeInputBase = forwardRef((props, ref) => {
                 e.stopPropagation();
                 closeTime();
             }
-        }, children: [jsxs("div", { className: calendarWrapClass, children: [jsx("div", { ...inertProps(timeOpen), children: jsx(Calendar, { value: value, focusedDate: focusedDate, onSelect: handleDateSelect, onFocusedDateChange: setFocusedDate, min: min, max: max, shouldDisableDate: shouldDisableDate, unselectableDates: unselectableDates, firstDayOfWeek: firstDayOfWeek, locale: locale, dayNames: dayNames, monthNames: monthNames, nearbyMonthDays: nearbyMonthDays, color: color, size: size, id: `${popoverId}-cal`, autoFocusCell: open, labels: labels }) }), timeOpen && (jsx("div", { ref: timeOverlayRef, className: timeOverlayClass, onClick: e => {
+        }, children: [jsxs("div", { className: calendarWrapClass, children: [jsx("div", { ...inertProps(timeOpen), children: jsx(Calendar, { value: value, focusedDate: focusedDate, onSelect: handleDateSelect, onFocusedDateChange: setFocusedDate, min: min, max: max, shouldDisableDate: shouldDisableDate, unselectableDates: unselectableDates, firstDayOfWeek: firstDayOfWeek, locale: locale, dayNames: dayNames, monthNames: monthNames, nearbyMonthDays: nearbyMonthDays, color: color, size: size, id: `${popoverId}-cal`, autoFocusCell: open, labels: labels, disabled: disabled, readOnly: readOnly }) }), timeOpen && (jsx("div", { ref: timeOverlayRef, className: timeOverlayClass, onClick: e => {
                             // Tap outside the wheel card (on the covered calendar area)
                             // collapses the wheels without selecting a date, matching the
                             // native behavior.
                             if (e.target === e.currentTarget)
                                 closeTime();
-                        }, children: jsx("div", { className: timeCardClass, children: jsx(TimeWheels, { value: spinnerValue, onChange: handleTimeChange, hourFormat: effectiveHourFormat, enableSeconds: enableSeconds, incrementHours: incrementHours, incrementMinutes: incrementMinutes, incrementSeconds: incrementSeconds, unselectableTimes: unselectableTimes, color: color, size: size, disabled: disabled, id: timeWheelsId, labels: labels, itemHeight: wheelItemHeight, audioTick: effectiveAudioTick, 
+                        }, children: jsx("div", { className: timeCardClass, children: jsx(TimeWheels, { value: spinnerValue, onChange: handleTimeChange, hourFormat: effectiveHourFormat, enableSeconds: enableSeconds, incrementHours: incrementHours, incrementMinutes: incrementMinutes, incrementSeconds: incrementSeconds, unselectableTimes: unselectableTimes, color: color, size: size, disabled: disabled || readOnly, id: timeWheelsId, labels: labels, itemHeight: wheelItemHeight, audioTick: effectiveAudioTick, 
                                 // Enter on a wheel commits the time, which the wheels already
                                 // did live, and closes: the popover, or inline, where there
                                 // is no popover, the wheels, as Escape does.
-                                onCommit: () => (inline ? closeTime() : setOpen(false)) }) }) }))] }), jsxs("div", { className: footerClass, children: [jsxs("button", { ref: timeButtonRef, type: "button", className: footerTimeClass, onClick: () => (timeOpen ? closeTime() : setTimeOpen(true)), "aria-expanded": timeOpen, "aria-controls": timeOpen ? timeWheelsId : undefined, disabled: disabled, children: [jsx("span", { children: t.time }), jsx("span", { className: footerTimePillClass, children: value ? formatTime(value, timeDisplayFormat, locale) : '—' })] }), jsxs("div", { className: footerActionsClass, children: [jsx("button", { type: "button", className: footerResetClass, onClick: () => commitValue(valueAtOpenRef.current), children: t.reset }), jsx("button", { type: "button", className: footerDoneClass, "aria-label": t.done, onClick: () => setOpen(false), children: jsx("svg", { width: "22", height: "22", viewBox: "0 0 22 22", "aria-hidden": "true", children: jsx("path", { d: "M5 11l4 4 8-8", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })] })] })] }));
+                                onCommit: () => (inline ? closeTime() : setOpen(false)) }) }) }))] }), jsxs("div", { className: footerClass, children: [jsxs("button", { ref: timeButtonRef, type: "button", className: footerTimeClass, onClick: () => (timeOpen ? closeTime() : setTimeOpen(true)), "aria-expanded": timeOpen, "aria-controls": timeOpen ? timeWheelsId : undefined, disabled: disabled || readOnly, children: [jsx("span", { children: t.time }), jsx("span", { className: footerTimePillClass, children: value ? formatTime(value, timeDisplayFormat, locale) : '—' })] }), jsxs("div", { className: footerActionsClass, children: [jsx("button", { type: "button", className: footerResetClass, onClick: () => commitValue(valueAtOpenRef.current), disabled: disabled || readOnly, children: t.reset }), jsx("button", { type: "button", className: footerDoneClass, "aria-label": t.done, onClick: () => setOpen(false), disabled: disabled, children: jsx("svg", { width: "22", height: "22", viewBox: "0 0 22 22", "aria-hidden": "true", children: jsx("path", { d: "M5 11l4 4 8-8", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })] })] })] }));
     if (inline) {
         return (jsxs("div", { ...localeScope.rootAttrs, ...cleanRest, ref: containerRef, className: classNames(containerClass, bulmaHelperClasses, className), children: [panel, name && (jsx("input", { type: "hidden", name: name, form: form, value: value ? toIsoDateTime(value, enableSeconds) : '', required: required }))] }));
     }

package/dist/esm/form/DateTimeInputBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeInputBase.js","sources":["../../../src/form/DateTimeInputBase.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { classNames, usePrefixedClassNames } from '../helpers/classNames';\nimport { useBulmaClasses, BulmaClassesProps } from '../helpers/useBulmaClasses';\nimport {\n  PickerPosition,\n  HourFormat,\n  DayOfWeek,\n  PickerLabels,\n  mergeLabels,\n} from './_pickerInternals/pickerTypes';\nimport {\n  formatDateTime,\n  formatTime,\n  hourCycleFromFormat,\n  parseDate,\n  DateFormatOption,\n  DEFAULT_DATETIME_FORMAT,\n} from './_pickerInternals/formatters';\nimport {\n  isWithin,\n  setTimeOfDay,\n  clampDate,\n  FIRST_YEAR,\n  floorMin,\n  isSameDay,\n  makeDate,\n} from './_pickerInternals/dateUtils';\nimport { Calendar, CALENDAR_FOCUSED_CELL } from './_pickerInternals/Calendar';\nimport { TimeWheels } from './_pickerInternals/TimeWheels';\nimport { PickerPopover } from './_pickerInternals/PickerPopover';\nimport { useNativeMobilePicker } from './_pickerInternals/useNativeMobilePicker';\nimport { useSegmentedEntry } from './_pickerInternals/useSegmentedEntry';\nimport {\n  hasOwnDayNames,\n  usePickerFirstDayOfWeek,\n  usePickerLocale,\n  usePickerLocaleScope,\n} from './_pickerInternals/useLocaleDefaults';\nimport { useControlLoading } from './controlLoading';\nimport { useFieldLabelTarget, useFieldsetDisabled } from './FormContext';\nimport { Icon } from '../elements/Icon';\nimport { getActiveElementInTree } from '../helpers/shadowDom';\nimport { inertProps } from '../helpers/inertProps';\n\n// The year is padded to four digits, as `datetime-local` requires. HTML has\n// no such shape for a year before 1, so a date then is empty, as that input\n// would make it.\nconst toIsoDateTime = (d: Date, withSeconds: boolean): string => {\n  if (d.getFullYear() < FIRST_YEAR) return '';\n  const yyyy = String(d.getFullYear()).padStart(4, '0');\n  const mo = String(d.getMonth() + 1).padStart(2, '0');\n  const dd = String(d.getDate()).padStart(2, '0');\n  const hh = String(d.getHours()).padStart(2, '0');\n  const mm = String(d.getMinutes()).padStart(2, '0');\n  const ss = String(d.getSeconds()).padStart(2, '0');\n  return withSeconds\n    ? `${yyyy}-${mo}-${dd}T${hh}:${mm}:${ss}`\n    : `${yyyy}-${mo}-${dd}T${hh}:${mm}`;\n};\n\nconst fromIsoDateTime = (s: string): Date | null => {\n  // The HTML datetime-local value may carry fractional seconds (the spec\n  // allows them and some engines normalize to `:ss.sss`); accept and drop.\n  // Its year is four or more digits, as `toIsoDateTime` writes one past 9999.\n  const m =\n    /^(\\d{4,})-(\\d{2})-(\\d{2})T(\\d{2}):(\\d{2})(?::(\\d{2})(?:\\.\\d{1,3})?)?$/.exec(\n      s\n    );\n  if (!m) return null;\n  const d = makeDate(Number(m[1]), Number(m[2]) - 1, Number(m[3]));\n  d.setHours(Number(m[4]), Number(m[5]), m[6] ? Number(m[6]) : 0, 0);\n  return d;\n};\n\n/**\n * Props for the raw DateTimeInput base. Use the higher-level `DateTimeInput`\n * for Field/Control composition. Combines the prop set of `DateInputBaseProps`\n * and `TimeInputBaseProps`.\n */\nexport interface DateTimeInputBaseProps\n  extends\n    Omit<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      | 'value'\n      | 'defaultValue'\n      | 'onChange'\n      | 'size'\n      | 'color'\n      | 'min'\n      | 'max'\n      | 'type'\n      | 'popover'\n    >,\n    Omit<BulmaClassesProps, 'color'> {\n  /** Controlled selected date-time. */\n  value?: Date | null;\n  /** Initial value for uncontrolled usage. */\n  defaultValue?: Date | null;\n  /**\n   * Fired when either the date or time portion changes. Picking a day keeps\n   * the value's whole time of day, down to seconds and milliseconds the field\n   * doesn't show, and `min` and `max` judge the picked day at that time. An\n   * empty field's day is picked at midnight.\n   */\n  onChange?: (d: Date | null) => void;\n  /** Fired when the popover opens. */\n  onOpen?: () => void;\n  /** Fired when the popover closes. */\n  onClose?: () => void;\n  /**\n   * Lower bound for the combined date-time. A `min` before year 1 is raised\n   * to midnight on 1 January of year 1, where the range starts without one\n   * too: HTML's datetime-local input holds no earlier year, so the calendar,\n   * the time wheels and typing stop there.\n   */\n  min?: Date;\n  /** Upper bound for the combined date-time. */\n  max?: Date;\n  /** Disable the input. */\n  disabled?: boolean;\n  /** Read-only input. */\n  readOnly?: boolean;\n  /** Placeholder text. */\n  placeholder?: string;\n  /**\n   * Token format string or `Intl.DateTimeFormat` options. Default `'YYYY-MM-DD HH:mm'`.\n   * @defaultValue 'YYYY-MM-DD HH:mm'\n   */\n  format?: DateFormatOption;\n  /**\n   * Custom parser. Enter and leaving the field call it only if the user\n   * changed the text, so focus passing through commits nothing and the value\n   * keeps what the format leaves out, such as seconds.\n   */\n  parse?: (s: string) => Date | null;\n  /**\n   * BCP-47 locale tag for day/month names and Intl formatting. Unset, it is\n   * the `locale` of a `LocaleProvider` around the picker, and with neither,\n   * `Intl` uses the runtime's own locale. On a server render that is the\n   * server's, so an `inline` calendar rendered there names its days in the\n   * server's language and the browser's own render names them in the\n   * browser's: give it a locale, here or through a `LocaleProvider`, where\n   * the two can differ.\n   */\n  locale?: string;\n  /**\n   * Render the panel inline (no popover).\n   * On a server-rendered page it marks today once the page hydrates, by\n   * the browser's clock rather than the server's. With no `value` or\n   * `defaultValue` it opens on the month the clock reads, and around the end\n   * of a month the server's clock and the browser's can read different\n   * months, so give it a date both render the same.\n   */\n  inline?: boolean;\n  /** Use `<input type=\"datetime-local\">` on coarse-pointer devices. */\n  mobileNative?: boolean | 'auto';\n  /** Allow segmented keyboard typing (type the date-time directly across all segments). `false` makes the field picker-only. */\n  editable?: boolean;\n  /** Whether the calendar + time popover exists. `false` makes the field input-only (segmented typing with no popover). Default `true`. */\n  popover?: boolean;\n  /**\n   * Open the popover on focus. Default `true`. Focus that a closing popover\n   * hands back to the input leaves it closed. Dismissing it commits nothing:\n   * an empty field stays empty, and leaving afterwards commits only what was\n   * typed since. With it off, the launcher or Alt+ArrowDown opens it.\n   */\n  openOnFocus?: boolean;\n  /** Off by default — users typically tweak both halves before committing. */\n  closeOnSelect?: boolean;\n  /**\n   * Where the popover opens against the field. Left out, it opens below and\n   * lines up with the field's start edge, which is its right edge when the\n   * picker reads right to left. A corner you pass stays physical, so\n   * `bottom-left` lines up the left edges either way.\n   * @defaultValue 'bottom-left'\n   */\n  position?: PickerPosition;\n  /**\n   * Render the popover through a portal, into the `portalContainer` a\n   * `ConfigProvider` sets, `document.body` by default.\n   */\n  appendToBody?: boolean;\n  /**\n   * Bulma color modifier for the input, also carried by the calendar and the\n   * time wheels, where it colors the selected date and the selection band.\n   * Today's date and the calendar's keyboard focus ring take the color's\n   * `-on-scheme` variant, which Bulma adjusts to contrast with the background,\n   * so pale colors stay readable. A focused wheel's ring is\n   * drawn inside the band in the color's `-invert`, like the selected value,\n   * so it shows on the fill. Unset, they use their\n   * `--bulma-dateinput-*` and `--bulma-timeinput-wheel-*` variables, which\n   * follow `primary` by default. The footer's time pill and Done button do not\n   * follow `color`.\n   */\n  color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';\n  /** Size variant. */\n  size?: 'small' | 'medium' | 'large';\n  /** Rounded input corners. */\n  isRounded?: boolean;\n  // date subset\n  /** Disable specific dates. Blocked dates are also rejected during manual typing (the predicate receives the full candidate date-time — prefer day-based checks). */\n  shouldDisableDate?: (d: Date) => boolean;\n  /** Convenience array of disabled dates, matched by calendar day; also rejected by manual typing. */\n  unselectableDates?: Date[];\n  /**\n   * Day the week starts on (0 = Sunday). Unset inside a `LocaleProvider`,\n   * it is the first day of the week in the picker's locale, its own `locale`\n   * or else the provider's, such as Monday for `\"de\"`. Elsewhere, with no\n   * locale from either, or with seven `dayNames` of your own, it is Sunday:\n   * set it with `dayNames` to start the week on another day.\n   * @defaultValue 0\n   */\n  firstDayOfWeek?: DayOfWeek;\n  /**\n   * Override the 7 day-name labels (in calendar order, post-rotation). They\n   * are shown exactly as given, from the first column, so they have to start\n   * on the day the week does. With them, an unset `firstDayOfWeek` stays\n   * Sunday even inside a `LocaleProvider`, so names written Sunday first keep\n   * matching their columns; to start on the locale's day, set\n   * `firstDayOfWeek` too and list the names from that day.\n   */\n  dayNames?: string[];\n  /** Override the 12 month-name labels. */\n  monthNames?: string[];\n  /** Show dimmed dates from adjacent months. */\n  nearbyMonthDays?: boolean;\n  // time subset\n  /** Time format. */\n  hourFormat?: HourFormat;\n  /** Show seconds column. Note: iOS Safari's native datetime-local picker UI does not include a seconds wheel; pass `mobileNative={false}` if you need one on iOS. */\n  enableSeconds?: boolean;\n  /** Hour step. */\n  incrementHours?: number;\n  /** Step between minute-wheel values (`1` = every minute, iOS-style). */\n  incrementMinutes?: number;\n  /** Step between second-wheel values (only with `enableSeconds`). */\n  incrementSeconds?: number;\n  /** Block specific times. Blocked times are also rejected during manual typing. */\n  unselectableTimes?: (d: Date) => boolean;\n  /** Decorative left icon glyph for the wrapping `Control` (shown by default). Set `''` to hide. */\n  iconLeftName?: string;\n  /**\n   * Show a clickable launcher button on the right that toggles the popover.\n   * Hidden by default while a `Control` it sits in shows its `isLoading`\n   * spinner, which shares that right edge.\n   * @defaultValue true\n   */\n  triggerIcon?: boolean;\n  /** Glyph for the right launcher button. */\n  triggerIconName?: string;\n  /** Play a short audible tick on each time-wheel crossing. Default `false`. */\n  audioTick?: boolean;\n  /** Auto-route tactile feedback per wheel tick (vibrate on Android, audio thunk on iOS). Default `false`. */\n  haptics?: boolean;\n  /**\n   * Optional translatable string overrides. In a 12-hour picker, `ampm`\n   * names the AM/PM column, `'AM/PM'` by default.\n   */\n  labels?: PickerLabels;\n}\n\n/**\n * Raw DateTimeInput — combined input + calendar + time spinner without\n * Field/Control wrapping. Use `DateTimeInput` for the convenience wrapper.\n *\n * @function\n * @param {DateTimeInputBaseProps} props\n * @returns {JSX.Element}\n */\nexport const DateTimeInputBase = forwardRef<\n  HTMLInputElement,\n  DateTimeInputBaseProps\n>((props, ref) => {\n  const {\n    value: controlledValue,\n    defaultValue,\n    onChange,\n    onOpen,\n    onClose,\n    min,\n    max,\n    disabled: disabledProp,\n    readOnly,\n    placeholder,\n    format,\n    parse,\n    locale: localeProp,\n    inline = false,\n    mobileNative = 'auto',\n    editable = true,\n    popover = true,\n    openOnFocus = true,\n    closeOnSelect = false,\n    position,\n    appendToBody = false,\n    color,\n    size,\n    isRounded,\n    shouldDisableDate,\n    unselectableDates,\n    firstDayOfWeek: firstDayOfWeekProp,\n    dayNames,\n    monthNames,\n    nearbyMonthDays = true,\n    hourFormat = '24',\n    enableSeconds = false,\n    incrementHours = 1,\n    // Step between visible wheel values; 1 gives the iOS-style every-minute wheel.\n    incrementMinutes = 1,\n    incrementSeconds = 1,\n    unselectableTimes,\n    className,\n    name,\n    form,\n    required,\n    id: idProp,\n    onFocus,\n    onClick,\n    onKeyDown,\n    onBlur,\n    iconLeftName: _iconLeftName,\n    triggerIcon: triggerIconProp,\n    triggerIconName = 'chevron-down',\n    audioTick = false,\n    haptics = false,\n    labels,\n    ...rest\n  } = props;\n  // A LocaleProvider around the picker sets its default locale and, through\n  // that locale, the day its week starts on.\n  const locale = usePickerLocale(localeProp);\n  // Its own language and direction, which its root and a portaled panel\n  // carry inside a provider.\n  const localeScope = usePickerLocaleScope(localeProp, props.dir);\n  const firstDayOfWeek = usePickerFirstDayOfWeek(\n    firstDayOfWeekProp,\n    locale,\n    hasOwnDayNames(dayNames)\n  );\n  const disabled = useFieldsetDisabled(disabledProp);\n  // Inside a labeled Field the input takes the id the label points at\n  // when the caller set none, as InputBase does, and the popover's ids\n  // follow it. Inline there is no input to name, so nothing takes the\n  // Field's id or builds on it.\n  const id = useFieldLabelTarget(idProp, !inline);\n  // The launcher gives way to the loading spinner of a Control this sits in.\n  const controlLoading = useControlLoading();\n  const triggerIcon = triggerIconProp ?? !controlLoading;\n  const t = mergeLabels(labels);\n\n  // Platform-appropriate feedback routing for the time wheel: on iOS (no\n  // navigator.vibrate) the audio thunk fills in; on Android the real haptic\n  // fires and no audio is layered on. `audioTick` always wins.\n  const hasVibrate =\n    typeof navigator !== 'undefined' && typeof navigator.vibrate === 'function';\n  const effectiveAudioTick = audioTick || (haptics && !hasVibrate);\n\n  const isControlled = controlledValue !== undefined;\n  const [internalValue, setInternalValue] = useState<Date | null>(\n    defaultValue ?? null\n  );\n  const value = isControlled ? (controlledValue ?? null) : internalValue;\n\n  // Nothing before year 1 is in range, as in HTML's date inputs.\n  const lowerBound = useMemo(() => floorMin(min), [min]);\n\n  const initialFocused = useMemo(\n    () => clampDate(value ?? new Date(), lowerBound, max),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    []\n  );\n  const [focusedDate, setFocusedDate] = useState<Date>(initialFocused);\n  // Re-clamp focusedDate when min/max change so the focused cell stays valid.\n  useEffect(() => {\n    setFocusedDate(prev => clampDate(prev, lowerBound, max));\n  }, [lowerBound, max]);\n\n  const defaultFormat: DateFormatOption =\n    format ??\n    (hourFormat === '12'\n      ? enableSeconds\n        ? 'YYYY-MM-DD hh:mm:ss A'\n        : 'YYYY-MM-DD hh:mm A'\n      : enableSeconds\n        ? 'YYYY-MM-DD HH:mm:ss'\n        : DEFAULT_DATETIME_FORMAT);\n\n  // The displayed format is the source of truth for the hour cycle: an explicit\n  // 12-hour `format` must drive a 12-hour wheel + pill even when `hourFormat`\n  // was left at its default. Fall back to the raw prop only when the cycle\n  // can't be read from the format (an Intl-options object, or no hour token).\n  const effectiveHourFormat = hourCycleFromFormat(defaultFormat) ?? hourFormat;\n\n  const [open, setOpenState] = useState(false);\n  // The time wheels are collapsed by default (iOS-style); the user reveals\n  // them by clicking the time value in the footer.\n  const [timeOpen, setTimeOpen] = useState(false);\n  const [text, setText] = useState<string>(\n    value ? formatDateTime(value, defaultFormat, locale) : ''\n  );\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  // Snapshot of the value when the popover opens, so Reset can revert the\n  // edits made in this session (reverting to empty if it opened empty).\n  const valueAtOpenRef = useRef<Date | null>(null);\n  const reactId = useId();\n  const popoverId = id ? `${id}-popover` : `picker-${reactId}`;\n  const timeWheelsId = `${popoverId}-time`;\n\n  const { bulmaHelperClasses, rest: cleanRest } = useBulmaClasses(rest);\n\n  const { shouldUseNative, isSmallViewport } = useNativeMobilePicker({\n    force: mobileNative === 'auto' ? undefined : mobileNative,\n  });\n  const useNative = !inline && shouldUseNative;\n  const wheelItemHeight = isSmallViewport ? 40 : 32;\n\n  // Time-only format for the footer's \"Time  5:07 PM\" display.\n  const timeDisplayFormat =\n    effectiveHourFormat === '12'\n      ? enableSeconds\n        ? 'h:mm:ss A'\n        : 'h:mm A'\n      : enableSeconds\n        ? 'HH:mm:ss'\n        : 'HH:mm';\n\n  const inputClass = usePrefixedClassNames('input', {\n    [`is-${color}`]: !!color,\n    [`is-${size}`]: !!size,\n    'is-rounded': isRounded,\n  });\n  const containerClass = usePrefixedClassNames('datetimeinput-container');\n  const triggerClass = usePrefixedClassNames('datetimeinput-trigger');\n  const panelClass = usePrefixedClassNames('datetimeinput');\n  const calendarWrapClass = usePrefixedClassNames(\n    'datetimeinput-calendar-wrap'\n  );\n  const timeOverlayClass = usePrefixedClassNames('datetimeinput-time-overlay');\n  const timeCardClass = usePrefixedClassNames('datetimeinput-time-card');\n  const footerClass = usePrefixedClassNames('datetimeinput-footer');\n  const footerTimeClass = usePrefixedClassNames('datetimeinput-footer-time');\n  const footerActionsClass = usePrefixedClassNames(\n    'datetimeinput-footer-actions'\n  );\n  const footerResetClass = usePrefixedClassNames('datetimeinput-footer-reset');\n  const footerDoneClass = usePrefixedClassNames('datetimeinput-footer-done');\n  const footerTimePillClass = usePrefixedClassNames(\n    'datetimeinput-footer-time-pill'\n  );\n\n  // What the latest request asked for, so a second request in the same event\n  // sees it before React renders. The callbacks fire here rather than in a\n  // state updater, which StrictMode calls twice, and after the state is set,\n  // so a request a callback makes is the one that lands last.\n  const requestedOpenRef = useRef(false);\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (requestedOpenRef.current === next) return;\n      requestedOpenRef.current = next;\n      setOpenState(next);\n      if (next) {\n        valueAtOpenRef.current = value;\n        onOpen?.();\n      } else {\n        onClose?.();\n      }\n    },\n    [onOpen, onClose, value]\n  );\n\n  useEffect(() => {\n    setText(value ? formatDateTime(value, defaultFormat, locale) : '');\n  }, [value, defaultFormat, locale]);\n\n  // Collapse the time wheels whenever the popover closes.\n  useEffect(() => {\n    if (!open) setTimeOpen(false);\n  }, [open]);\n\n  // The footer's Time button opens the wheels, and the hours wheel takes\n  // focus so the keys turn it straight away. The calendar they cover is\n  // inert meanwhile, so no tab stop, pointer or screen reader reaches a day\n  // behind them. Closing the wheels hands focus back to the button: focus\n  // in them would fall to the page as they unmount, and a pointer press\n  // outside them has already dropped it on the panel or the page. Focus the\n  // keys moved on to the footer, such as Reset, stays there.\n  const panelRef = useRef<HTMLDivElement>(null);\n  const timeButtonRef = useRef<HTMLButtonElement>(null);\n  const timeOverlayRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (!timeOpen) return;\n    timeOverlayRef.current\n      ?.querySelector<HTMLElement>('[role=\"spinbutton\"]')\n      ?.focus();\n  }, [timeOpen]);\n  const closeTime = useCallback(() => {\n    const panel = panelRef.current;\n    const active = getActiveElementInTree(panel);\n    const movedOn =\n      !!panel?.contains(active) && !timeOverlayRef.current?.contains(active);\n    if (!movedOn) timeButtonRef.current?.focus();\n    setTimeOpen(false);\n  }, []);\n\n  const commitValue = useCallback(\n    (next: Date | null) => {\n      if (!isControlled) setInternalValue(next);\n      // Keep the calendar's focused cell tracking typed / parsed values.\n      if (next) setFocusedDate(next);\n      onChange?.(next);\n    },\n    [isControlled, onChange]\n  );\n\n  // A picked day takes the value's whole time of day, seconds and all, or\n  // midnight in an empty field. The day handed over by the keyboard is the\n  // calendar's focused date, which can carry the time of the clock it\n  // started from, so none of its time is kept.\n  const handleDateSelect = useCallback(\n    (d: Date) => {\n      const merged = setTimeOfDay(d, {\n        hours: value?.getHours() ?? 0,\n        minutes: value?.getMinutes() ?? 0,\n        seconds: value?.getSeconds() ?? 0,\n        milliseconds: value?.getMilliseconds() ?? 0,\n      });\n      if (!isWithin(merged, lowerBound, max)) return;\n      commitValue(merged);\n      setFocusedDate(d);\n    },\n    [value, lowerBound, max, commitValue]\n  );\n\n  // The wheels set the value's time. An empty field starts from the focused\n  // day, at the whole minute or second the wheels show.\n  const handleTimeChange = useCallback(\n    (parts: { hours: number; minutes: number; seconds?: number }) => {\n      const next = value\n        ? setTimeOfDay(value, parts)\n        : setTimeOfDay(focusedDate, {\n            ...parts,\n            seconds: parts.seconds ?? 0,\n            milliseconds: 0,\n          });\n      if (!isWithin(next, lowerBound, max)) return;\n      commitValue(next);\n    },\n    [value, focusedDate, lowerBound, max, commitValue]\n  );\n\n  const tryParse = useCallback(\n    (s: string): Date | null => {\n      const trimmed = s.trim();\n      if (!trimmed) return null;\n      if (parse) return parse(trimmed);\n      const fmt = typeof defaultFormat === 'string' ? defaultFormat : undefined;\n      return parseDate(trimmed, fmt ?? DEFAULT_DATETIME_FORMAT, locale);\n    },\n    [parse, defaultFormat, locale]\n  );\n\n  // The Date the user edits when starting without a current value: now, at\n  // the whole minute, or the whole second with `enableSeconds`.\n  const makeBaseDate = useCallback(\n    (): Date =>\n      setTimeOfDay(new Date(), {\n        seconds: enableSeconds ? undefined : 0,\n        milliseconds: 0,\n      }),\n    [enableSeconds]\n  );\n\n  const inputReadOnlyAttr = !!readOnly || !editable;\n  const canOpen = !!popover && !disabled && !readOnly;\n\n  // Blocking predicate for manual entry, combining the calendar's\n  // disabled-day logic with the wheels' unselectable-times predicate. The\n  // candidate passed in carries the full date-time, so date predicates\n  // should use day-based checks.\n  const isBlocked = useMemo(() => {\n    if (!shouldDisableDate && !unselectableDates?.length && !unselectableTimes)\n      return undefined;\n    return (d: Date) =>\n      !!shouldDisableDate?.(d) ||\n      !!unselectableDates?.some(u => isSameDay(u, d)) ||\n      !!unselectableTimes?.(d);\n  }, [shouldDisableDate, unselectableDates, unselectableTimes]);\n\n  const { inputHandlers } = useSegmentedEntry({\n    format: defaultFormat,\n    value,\n    commitValue,\n    formatFn: formatDateTime,\n    tryParse,\n    text,\n    setText,\n    makeBaseDate,\n    locale,\n    min: lowerBound,\n    max,\n    isBlocked,\n    disabled,\n    readOnly,\n    editable,\n    popover,\n    openOnFocus,\n    closeOnSelect,\n    isOpen: open,\n    setOpen,\n    inputRef,\n    containerRef,\n    onFocus,\n    onClick,\n    onKeyDown,\n    onBlur,\n  });\n\n  const combinedRef = useCallback(\n    (node: HTMLInputElement | null) => {\n      (inputRef as React.MutableRefObject<HTMLInputElement | null>).current =\n        node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref)\n        (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n    },\n    [ref]\n  );\n\n  if (useNative) {\n    const nativeStep = enableSeconds ? incrementSeconds : incrementMinutes * 60;\n    return (\n      <input\n        {...localeScope.rootAttrs}\n        {...cleanRest}\n        ref={combinedRef}\n        type=\"datetime-local\"\n        step={nativeStep}\n        className={classNames(inputClass, bulmaHelperClasses, className)}\n        value={value ? toIsoDateTime(value, enableSeconds) : ''}\n        onChange={e => {\n          const parsed = e.target.value\n            ? fromIsoDateTime(e.target.value)\n            : null;\n          commitValue(parsed);\n        }}\n        min={min ? toIsoDateTime(lowerBound, enableSeconds) : undefined}\n        max={max ? toIsoDateTime(max, enableSeconds) : undefined}\n        disabled={disabled}\n        readOnly={readOnly}\n        placeholder={placeholder}\n        name={name}\n        form={form}\n        required={required}\n        id={id}\n      />\n    );\n  }\n\n  const spinnerValue = {\n    hours: value?.getHours() ?? 0,\n    minutes: value?.getMinutes() ?? 0,\n    seconds: enableSeconds ? (value?.getSeconds() ?? 0) : undefined,\n  };\n\n  const panel = (\n    <div\n      ref={panelRef}\n      className={panelClass}\n      onKeyDown={e => {\n        // First Escape collapses the floating time wheels; the popover's own\n        // Escape handler (which closes the whole panel) only sees the second.\n        if (timeOpen && e.key === 'Escape') {\n          e.stopPropagation();\n          closeTime();\n        }\n      }}\n    >\n      <div className={calendarWrapClass}>\n        <div {...inertProps(timeOpen)}>\n          <Calendar\n            value={value}\n            focusedDate={focusedDate}\n            onSelect={handleDateSelect}\n            onFocusedDateChange={setFocusedDate}\n            min={min}\n            max={max}\n            shouldDisableDate={shouldDisableDate}\n            unselectableDates={unselectableDates}\n            firstDayOfWeek={firstDayOfWeek}\n            locale={locale}\n            dayNames={dayNames}\n            monthNames={monthNames}\n            nearbyMonthDays={nearbyMonthDays}\n            color={color}\n            size={size}\n            id={`${popoverId}-cal`}\n            autoFocusCell={open}\n            labels={labels}\n          />\n        </div>\n        {timeOpen && (\n          <div\n            ref={timeOverlayRef}\n            className={timeOverlayClass}\n            onClick={e => {\n              // Tap outside the wheel card (on the covered calendar area)\n              // collapses the wheels without selecting a date, matching the\n              // native behavior.\n              if (e.target === e.currentTarget) closeTime();\n            }}\n          >\n            <div className={timeCardClass}>\n              <TimeWheels\n                value={spinnerValue}\n                onChange={handleTimeChange}\n                hourFormat={effectiveHourFormat}\n                enableSeconds={enableSeconds}\n                incrementHours={incrementHours}\n                incrementMinutes={incrementMinutes}\n                incrementSeconds={incrementSeconds}\n                unselectableTimes={unselectableTimes}\n                color={color}\n                size={size}\n                disabled={disabled}\n                id={timeWheelsId}\n                labels={labels}\n                itemHeight={wheelItemHeight}\n                audioTick={effectiveAudioTick}\n                // Enter on a wheel commits the time, which the wheels already\n                // did live, and closes: the popover, or inline, where there\n                // is no popover, the wheels, as Escape does.\n                onCommit={() => (inline ? closeTime() : setOpen(false))}\n              />\n            </div>\n          </div>\n        )}\n      </div>\n      <div className={footerClass}>\n        <button\n          ref={timeButtonRef}\n          type=\"button\"\n          className={footerTimeClass}\n          onClick={() => (timeOpen ? closeTime() : setTimeOpen(true))}\n          aria-expanded={timeOpen}\n          // The wheels exist only while open, so only then is there an\n          // element for the button to name.\n          aria-controls={timeOpen ? timeWheelsId : undefined}\n          disabled={disabled}\n        >\n          <span>{t.time}</span>\n          <span className={footerTimePillClass}>\n            {value ? formatTime(value, timeDisplayFormat, locale) : '—'}\n          </span>\n        </button>\n        <div className={footerActionsClass}>\n          <button\n            type=\"button\"\n            className={footerResetClass}\n            onClick={() => commitValue(valueAtOpenRef.current)}\n          >\n            {t.reset}\n          </button>\n          <button\n            type=\"button\"\n            className={footerDoneClass}\n            aria-label={t.done}\n            onClick={() => setOpen(false)}\n          >\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" aria-hidden=\"true\">\n              <path\n                d=\"M5 11l4 4 8-8\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2.5\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </svg>\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n\n  if (inline) {\n    return (\n      <div\n        {...localeScope.rootAttrs}\n        {...cleanRest}\n        ref={containerRef}\n        className={classNames(containerClass, bulmaHelperClasses, className)}\n      >\n        {panel}\n        {name && (\n          <input\n            type=\"hidden\"\n            name={name}\n            form={form}\n            value={value ? toIsoDateTime(value, enableSeconds) : ''}\n            required={required}\n          />\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      className={classNames(containerClass, bulmaHelperClasses, className)}\n      {...localeScope.rootAttrs}\n      {...cleanRest}\n    >\n      <input\n        ref={combinedRef}\n        type=\"text\"\n        role=\"combobox\"\n        aria-haspopup=\"dialog\"\n        aria-expanded={open}\n        aria-controls={popoverId}\n        autoComplete=\"off\"\n        className={inputClass}\n        value={text}\n        placeholder={placeholder}\n        disabled={disabled}\n        readOnly={inputReadOnlyAttr}\n        name={name}\n        form={form}\n        required={required}\n        id={id}\n        {...inputHandlers}\n      />\n      {popover && triggerIcon && (\n        <button\n          type=\"button\"\n          className={triggerClass}\n          onClick={() => {\n            if (canOpen) setOpen(!open);\n          }}\n          disabled={!canOpen}\n          aria-label={t.chooseDateTime}\n          aria-haspopup=\"dialog\"\n          aria-controls={popoverId}\n          aria-expanded={open}\n          tabIndex={canOpen ? 0 : -1}\n        >\n          <Icon name={triggerIconName} size={size} />\n        </button>\n      )}\n      {popover && (\n        <PickerPopover\n          localeScope={localeScope.panel}\n          isOpen={open}\n          onClose={() => setOpen(false)}\n          anchorRef={containerRef}\n          position={position}\n          appendToBody={appendToBody}\n          ariaLabel={t.chooseDateTime}\n          id={popoverId}\n          restoreFocusRef={inputRef}\n          initialFocusSelector={CALENDAR_FOCUSED_CELL}\n        >\n          {panel}\n        </PickerPopover>\n      )}\n    </div>\n  );\n});\n\nDateTimeInputBase.displayName = 'DateTimeInputBase';\n\nexport default DateTimeInputBase;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"DateTimeInputBase.js","sources":["../../../src/form/DateTimeInputBase.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { classNames, usePrefixedClassNames } from '../helpers/classNames';\nimport { useBulmaClasses, BulmaClassesProps } from '../helpers/useBulmaClasses';\nimport {\n  PickerPosition,\n  HourFormat,\n  DayOfWeek,\n  PickerLabels,\n  mergeLabels,\n} from './_pickerInternals/pickerTypes';\nimport {\n  formatDateTime,\n  formatTime,\n  hourCycleFromFormat,\n  parseDate,\n  DateFormatOption,\n  DEFAULT_DATETIME_FORMAT,\n} from './_pickerInternals/formatters';\nimport {\n  isWithin,\n  setTimeOfDay,\n  clampDate,\n  FIRST_YEAR,\n  floorMin,\n  isSameDay,\n  makeDate,\n} from './_pickerInternals/dateUtils';\nimport { Calendar, CALENDAR_FOCUSED_CELL } from './_pickerInternals/Calendar';\nimport { TimeWheels } from './_pickerInternals/TimeWheels';\nimport { PickerPopover } from './_pickerInternals/PickerPopover';\nimport { useNativeMobilePicker } from './_pickerInternals/useNativeMobilePicker';\nimport { useSegmentedEntry } from './_pickerInternals/useSegmentedEntry';\nimport {\n  hasOwnDayNames,\n  usePickerFirstDayOfWeek,\n  usePickerLocale,\n  usePickerLocaleScope,\n} from './_pickerInternals/useLocaleDefaults';\nimport { useControlLoading } from './controlLoading';\nimport { useFieldLabelTarget, useFieldsetDisabled } from './FormContext';\nimport { Icon } from '../elements/Icon';\nimport { getActiveElementInTree } from '../helpers/shadowDom';\nimport { inertProps } from '../helpers/inertProps';\n\n// The year is padded to four digits, as `datetime-local` requires. HTML has\n// no such shape for a year before 1, so a date then is empty, as that input\n// would make it.\nconst toIsoDateTime = (d: Date, withSeconds: boolean): string => {\n  if (d.getFullYear() < FIRST_YEAR) return '';\n  const yyyy = String(d.getFullYear()).padStart(4, '0');\n  const mo = String(d.getMonth() + 1).padStart(2, '0');\n  const dd = String(d.getDate()).padStart(2, '0');\n  const hh = String(d.getHours()).padStart(2, '0');\n  const mm = String(d.getMinutes()).padStart(2, '0');\n  const ss = String(d.getSeconds()).padStart(2, '0');\n  return withSeconds\n    ? `${yyyy}-${mo}-${dd}T${hh}:${mm}:${ss}`\n    : `${yyyy}-${mo}-${dd}T${hh}:${mm}`;\n};\n\nconst fromIsoDateTime = (s: string): Date | null => {\n  // The HTML datetime-local value may carry fractional seconds (the spec\n  // allows them and some engines normalize to `:ss.sss`); accept and drop.\n  // Its year is four or more digits, as `toIsoDateTime` writes one past 9999.\n  const m =\n    /^(\\d{4,})-(\\d{2})-(\\d{2})T(\\d{2}):(\\d{2})(?::(\\d{2})(?:\\.\\d{1,3})?)?$/.exec(\n      s\n    );\n  if (!m) return null;\n  const d = makeDate(Number(m[1]), Number(m[2]) - 1, Number(m[3]));\n  d.setHours(Number(m[4]), Number(m[5]), m[6] ? Number(m[6]) : 0, 0);\n  return d;\n};\n\n/**\n * Props for the raw DateTimeInput base. Use the higher-level `DateTimeInput`\n * for Field/Control composition. Combines the prop set of `DateInputBaseProps`\n * and `TimeInputBaseProps`.\n */\nexport interface DateTimeInputBaseProps\n  extends\n    Omit<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      | 'value'\n      | 'defaultValue'\n      | 'onChange'\n      | 'size'\n      | 'color'\n      | 'min'\n      | 'max'\n      | 'type'\n      | 'popover'\n    >,\n    Omit<BulmaClassesProps, 'color'> {\n  /** Controlled selected date-time. */\n  value?: Date | null;\n  /** Initial value for uncontrolled usage. */\n  defaultValue?: Date | null;\n  /**\n   * Fired when either the date or time portion changes. Picking a day keeps\n   * the value's whole time of day, down to seconds and milliseconds the field\n   * doesn't show, and `min` and `max` judge the picked day at that time. An\n   * empty field's day is picked at midnight.\n   */\n  onChange?: (d: Date | null) => void;\n  /** Fired when the popover opens. */\n  onOpen?: () => void;\n  /** Fired when the popover closes. */\n  onClose?: () => void;\n  /**\n   * Lower bound for the combined date-time. A `min` before year 1 is raised\n   * to midnight on 1 January of year 1, where the range starts without one\n   * too: HTML's datetime-local input holds no earlier year, so the calendar,\n   * the time wheels and typing stop there.\n   */\n  min?: Date;\n  /** Upper bound for the combined date-time. */\n  max?: Date;\n  /**\n   * Disable the input. An `inline` panel disables its days, header buttons,\n   * Time, Reset and ✓, but its hidden input still submits the value, where a\n   * disabled input submits nothing.\n   */\n  disabled?: boolean;\n  /**\n   * Read-only input. An `inline` panel still moves through the dates by key\n   * and by its header, but a click, Enter or Space picks nothing, and Time\n   * and Reset are disabled, so the time can't change either.\n   */\n  readOnly?: boolean;\n  /** Placeholder text. */\n  placeholder?: string;\n  /**\n   * Token format string or `Intl.DateTimeFormat` options. Default `'YYYY-MM-DD HH:mm'`.\n   * @defaultValue 'YYYY-MM-DD HH:mm'\n   */\n  format?: DateFormatOption;\n  /**\n   * Custom parser. Enter and leaving the field call it only if the user\n   * changed the text, so focus passing through commits nothing and the value\n   * keeps what the format leaves out, such as seconds.\n   */\n  parse?: (s: string) => Date | null;\n  /**\n   * BCP-47 locale tag for day/month names and Intl formatting. Unset, it is\n   * the `locale` of a `LocaleProvider` around the picker, and with neither,\n   * `Intl` uses the runtime's own locale. On a server render that is the\n   * server's, so an `inline` calendar rendered there names its days in the\n   * server's language and the browser's own render names them in the\n   * browser's: give it a locale, here or through a `LocaleProvider`, where\n   * the two can differ.\n   */\n  locale?: string;\n  /**\n   * Render the panel inline (no popover).\n   * On a server-rendered page it marks today once the page hydrates, by\n   * the browser's clock rather than the server's. With no `value` or\n   * `defaultValue` it opens on the month the clock reads, and around the end\n   * of a month the server's clock and the browser's can read different\n   * months, so give it a date both render the same.\n   */\n  inline?: boolean;\n  /** Use `<input type=\"datetime-local\">` on coarse-pointer devices. */\n  mobileNative?: boolean | 'auto';\n  /** Allow segmented keyboard typing (type the date-time directly across all segments). `false` makes the field picker-only. */\n  editable?: boolean;\n  /** Whether the calendar + time popover exists. `false` makes the field input-only (segmented typing with no popover). Default `true`. */\n  popover?: boolean;\n  /**\n   * Open the popover on focus. Default `true`. Focus that a closing popover\n   * hands back to the input leaves it closed. Dismissing it commits nothing:\n   * an empty field stays empty, and leaving afterwards commits only what was\n   * typed since. With it off, the launcher or Alt+ArrowDown opens it.\n   */\n  openOnFocus?: boolean;\n  /** Off by default — users typically tweak both halves before committing. */\n  closeOnSelect?: boolean;\n  /**\n   * Where the popover opens against the field. Left out, it opens below and\n   * lines up with the field's start edge, which is its right edge when the\n   * picker reads right to left. A corner you pass stays physical, so\n   * `bottom-left` lines up the left edges either way.\n   * @defaultValue 'bottom-left'\n   */\n  position?: PickerPosition;\n  /**\n   * Render the popover through a portal, into the `portalContainer` a\n   * `ConfigProvider` sets, `document.body` by default.\n   */\n  appendToBody?: boolean;\n  /**\n   * Bulma color modifier for the input, also carried by the calendar and the\n   * time wheels, where it colors the selected date and the selection band.\n   * Today's date and the calendar's keyboard focus ring take the color's\n   * `-on-scheme` variant, which Bulma adjusts to contrast with the background,\n   * so pale colors stay readable. A focused wheel's ring is\n   * drawn inside the band in the color's `-invert`, like the selected value,\n   * so it shows on the fill. Unset, they use their\n   * `--bulma-dateinput-*` and `--bulma-timeinput-wheel-*` variables, which\n   * follow `primary` by default. The footer's time pill and Done button do not\n   * follow `color`.\n   */\n  color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';\n  /** Size variant. */\n  size?: 'small' | 'medium' | 'large';\n  /** Rounded input corners. */\n  isRounded?: boolean;\n  // date subset\n  /** Disable specific dates. Blocked dates are also rejected during manual typing (the predicate receives the full candidate date-time — prefer day-based checks). */\n  shouldDisableDate?: (d: Date) => boolean;\n  /** Convenience array of disabled dates, matched by calendar day; also rejected by manual typing. */\n  unselectableDates?: Date[];\n  /**\n   * Day the week starts on (0 = Sunday). Unset inside a `LocaleProvider`,\n   * it is the first day of the week in the picker's locale, its own `locale`\n   * or else the provider's, such as Monday for `\"de\"`. Elsewhere, with no\n   * locale from either, or with seven `dayNames` of your own, it is Sunday:\n   * set it with `dayNames` to start the week on another day.\n   * @defaultValue 0\n   */\n  firstDayOfWeek?: DayOfWeek;\n  /**\n   * Override the 7 day-name labels (in calendar order, post-rotation). They\n   * are shown exactly as given, from the first column, so they have to start\n   * on the day the week does. With them, an unset `firstDayOfWeek` stays\n   * Sunday even inside a `LocaleProvider`, so names written Sunday first keep\n   * matching their columns; to start on the locale's day, set\n   * `firstDayOfWeek` too and list the names from that day.\n   */\n  dayNames?: string[];\n  /** Override the 12 month-name labels. */\n  monthNames?: string[];\n  /** Show dimmed dates from adjacent months. */\n  nearbyMonthDays?: boolean;\n  // time subset\n  /** Time format. */\n  hourFormat?: HourFormat;\n  /** Show seconds column. Note: iOS Safari's native datetime-local picker UI does not include a seconds wheel; pass `mobileNative={false}` if you need one on iOS. */\n  enableSeconds?: boolean;\n  /** Hour step. */\n  incrementHours?: number;\n  /** Step between minute-wheel values (`1` = every minute, iOS-style). */\n  incrementMinutes?: number;\n  /** Step between second-wheel values (only with `enableSeconds`). */\n  incrementSeconds?: number;\n  /** Block specific times. Blocked times are also rejected during manual typing. */\n  unselectableTimes?: (d: Date) => boolean;\n  /** Decorative left icon glyph for the wrapping `Control` (shown by default). Set `''` to hide. */\n  iconLeftName?: string;\n  /**\n   * Show a clickable launcher button on the right that toggles the popover.\n   * Hidden by default while a `Control` it sits in shows its `isLoading`\n   * spinner, which shares that right edge.\n   * @defaultValue true\n   */\n  triggerIcon?: boolean;\n  /** Glyph for the right launcher button. */\n  triggerIconName?: string;\n  /** Play a short audible tick on each time-wheel crossing. Default `false`. */\n  audioTick?: boolean;\n  /** Auto-route tactile feedback per wheel tick (vibrate on Android, audio thunk on iOS). Default `false`. */\n  haptics?: boolean;\n  /**\n   * Optional translatable string overrides. In a 12-hour picker, `ampm`\n   * names the AM/PM column, `'AM/PM'` by default.\n   */\n  labels?: PickerLabels;\n}\n\n/**\n * Raw DateTimeInput — combined input + calendar + time spinner without\n * Field/Control wrapping. Use `DateTimeInput` for the convenience wrapper.\n *\n * @function\n * @param {DateTimeInputBaseProps} props\n * @returns {JSX.Element}\n */\nexport const DateTimeInputBase = forwardRef<\n  HTMLInputElement,\n  DateTimeInputBaseProps\n>((props, ref) => {\n  const {\n    value: controlledValue,\n    defaultValue,\n    onChange,\n    onOpen,\n    onClose,\n    min,\n    max,\n    disabled: disabledProp,\n    readOnly,\n    placeholder,\n    format,\n    parse,\n    locale: localeProp,\n    inline = false,\n    mobileNative = 'auto',\n    editable = true,\n    popover = true,\n    openOnFocus = true,\n    closeOnSelect = false,\n    position,\n    appendToBody = false,\n    color,\n    size,\n    isRounded,\n    shouldDisableDate,\n    unselectableDates,\n    firstDayOfWeek: firstDayOfWeekProp,\n    dayNames,\n    monthNames,\n    nearbyMonthDays = true,\n    hourFormat = '24',\n    enableSeconds = false,\n    incrementHours = 1,\n    // Step between visible wheel values; 1 gives the iOS-style every-minute wheel.\n    incrementMinutes = 1,\n    incrementSeconds = 1,\n    unselectableTimes,\n    className,\n    name,\n    form,\n    required,\n    id: idProp,\n    onFocus,\n    onClick,\n    onKeyDown,\n    onBlur,\n    iconLeftName: _iconLeftName,\n    triggerIcon: triggerIconProp,\n    triggerIconName = 'chevron-down',\n    audioTick = false,\n    haptics = false,\n    labels,\n    ...rest\n  } = props;\n  // A LocaleProvider around the picker sets its default locale and, through\n  // that locale, the day its week starts on.\n  const locale = usePickerLocale(localeProp);\n  // Its own language and direction, which its root and a portaled panel\n  // carry inside a provider.\n  const localeScope = usePickerLocaleScope(localeProp, props.dir);\n  const firstDayOfWeek = usePickerFirstDayOfWeek(\n    firstDayOfWeekProp,\n    locale,\n    hasOwnDayNames(dayNames)\n  );\n  const disabled = useFieldsetDisabled(disabledProp);\n  // Inside a labeled Field the input takes the id the label points at\n  // when the caller set none, as InputBase does, and the popover's ids\n  // follow it. Inline there is no input to name, so nothing takes the\n  // Field's id or builds on it.\n  const id = useFieldLabelTarget(idProp, !inline);\n  // The launcher gives way to the loading spinner of a Control this sits in.\n  const controlLoading = useControlLoading();\n  const triggerIcon = triggerIconProp ?? !controlLoading;\n  const t = mergeLabels(labels);\n\n  // Platform-appropriate feedback routing for the time wheel: on iOS (no\n  // navigator.vibrate) the audio thunk fills in; on Android the real haptic\n  // fires and no audio is layered on. `audioTick` always wins.\n  const hasVibrate =\n    typeof navigator !== 'undefined' && typeof navigator.vibrate === 'function';\n  const effectiveAudioTick = audioTick || (haptics && !hasVibrate);\n\n  const isControlled = controlledValue !== undefined;\n  const [internalValue, setInternalValue] = useState<Date | null>(\n    defaultValue ?? null\n  );\n  const value = isControlled ? (controlledValue ?? null) : internalValue;\n\n  // Nothing before year 1 is in range, as in HTML's date inputs.\n  const lowerBound = useMemo(() => floorMin(min), [min]);\n\n  const initialFocused = useMemo(\n    () => clampDate(value ?? new Date(), lowerBound, max),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    []\n  );\n  const [focusedDate, setFocusedDate] = useState<Date>(initialFocused);\n  // Re-clamp focusedDate when min/max change so the focused cell stays valid.\n  useEffect(() => {\n    setFocusedDate(prev => clampDate(prev, lowerBound, max));\n  }, [lowerBound, max]);\n\n  const defaultFormat: DateFormatOption =\n    format ??\n    (hourFormat === '12'\n      ? enableSeconds\n        ? 'YYYY-MM-DD hh:mm:ss A'\n        : 'YYYY-MM-DD hh:mm A'\n      : enableSeconds\n        ? 'YYYY-MM-DD HH:mm:ss'\n        : DEFAULT_DATETIME_FORMAT);\n\n  // The displayed format is the source of truth for the hour cycle: an explicit\n  // 12-hour `format` must drive a 12-hour wheel + pill even when `hourFormat`\n  // was left at its default. Fall back to the raw prop only when the cycle\n  // can't be read from the format (an Intl-options object, or no hour token).\n  const effectiveHourFormat = hourCycleFromFormat(defaultFormat) ?? hourFormat;\n\n  const [open, setOpenState] = useState(false);\n  // The time wheels are collapsed by default (iOS-style); the user reveals\n  // them by clicking the time value in the footer.\n  const [timeOpen, setTimeOpen] = useState(false);\n  const [text, setText] = useState<string>(\n    value ? formatDateTime(value, defaultFormat, locale) : ''\n  );\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  // Snapshot of the value when the popover opens, so Reset can revert the\n  // edits made in this session (reverting to empty if it opened empty).\n  const valueAtOpenRef = useRef<Date | null>(null);\n  const reactId = useId();\n  const popoverId = id ? `${id}-popover` : `picker-${reactId}`;\n  const timeWheelsId = `${popoverId}-time`;\n\n  const { bulmaHelperClasses, rest: cleanRest } = useBulmaClasses(rest);\n\n  const { shouldUseNative, isSmallViewport } = useNativeMobilePicker({\n    force: mobileNative === 'auto' ? undefined : mobileNative,\n  });\n  const useNative = !inline && shouldUseNative;\n  const wheelItemHeight = isSmallViewport ? 40 : 32;\n\n  // Time-only format for the footer's \"Time  5:07 PM\" display.\n  const timeDisplayFormat =\n    effectiveHourFormat === '12'\n      ? enableSeconds\n        ? 'h:mm:ss A'\n        : 'h:mm A'\n      : enableSeconds\n        ? 'HH:mm:ss'\n        : 'HH:mm';\n\n  const inputClass = usePrefixedClassNames('input', {\n    [`is-${color}`]: !!color,\n    [`is-${size}`]: !!size,\n    'is-rounded': isRounded,\n  });\n  const containerClass = usePrefixedClassNames('datetimeinput-container');\n  const triggerClass = usePrefixedClassNames('datetimeinput-trigger');\n  const panelClass = usePrefixedClassNames('datetimeinput');\n  const calendarWrapClass = usePrefixedClassNames(\n    'datetimeinput-calendar-wrap'\n  );\n  const timeOverlayClass = usePrefixedClassNames('datetimeinput-time-overlay');\n  const timeCardClass = usePrefixedClassNames('datetimeinput-time-card');\n  const footerClass = usePrefixedClassNames('datetimeinput-footer');\n  const footerTimeClass = usePrefixedClassNames('datetimeinput-footer-time');\n  const footerActionsClass = usePrefixedClassNames(\n    'datetimeinput-footer-actions'\n  );\n  const footerResetClass = usePrefixedClassNames('datetimeinput-footer-reset');\n  const footerDoneClass = usePrefixedClassNames('datetimeinput-footer-done');\n  const footerTimePillClass = usePrefixedClassNames(\n    'datetimeinput-footer-time-pill'\n  );\n\n  // What the latest request asked for, so a second request in the same event\n  // sees it before React renders. The callbacks fire here rather than in a\n  // state updater, which StrictMode calls twice, and after the state is set,\n  // so a request a callback makes is the one that lands last.\n  const requestedOpenRef = useRef(false);\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (requestedOpenRef.current === next) return;\n      requestedOpenRef.current = next;\n      setOpenState(next);\n      if (next) {\n        valueAtOpenRef.current = value;\n        onOpen?.();\n      } else {\n        onClose?.();\n      }\n    },\n    [onOpen, onClose, value]\n  );\n\n  useEffect(() => {\n    setText(value ? formatDateTime(value, defaultFormat, locale) : '');\n  }, [value, defaultFormat, locale]);\n\n  // Collapse the time wheels whenever the popover closes.\n  useEffect(() => {\n    if (!open) setTimeOpen(false);\n  }, [open]);\n\n  // The footer's Time button opens the wheels, and the hours wheel takes\n  // focus so the keys turn it straight away. The calendar they cover is\n  // inert meanwhile, so no tab stop, pointer or screen reader reaches a day\n  // behind them. Closing the wheels hands focus back to the button: focus\n  // in them would fall to the page as they unmount, and a pointer press\n  // outside them has already dropped it on the panel or the page. Focus the\n  // keys moved on to the footer, such as Reset, stays there.\n  const panelRef = useRef<HTMLDivElement>(null);\n  const timeButtonRef = useRef<HTMLButtonElement>(null);\n  const timeOverlayRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (!timeOpen) return;\n    timeOverlayRef.current\n      ?.querySelector<HTMLElement>('[role=\"spinbutton\"]')\n      ?.focus();\n  }, [timeOpen]);\n  const closeTime = useCallback(() => {\n    const panel = panelRef.current;\n    const active = getActiveElementInTree(panel);\n    const movedOn =\n      !!panel?.contains(active) && !timeOverlayRef.current?.contains(active);\n    if (!movedOn) timeButtonRef.current?.focus();\n    setTimeOpen(false);\n  }, []);\n\n  const commitValue = useCallback(\n    (next: Date | null) => {\n      if (!isControlled) setInternalValue(next);\n      // Keep the calendar's focused cell tracking typed / parsed values.\n      if (next) setFocusedDate(next);\n      onChange?.(next);\n    },\n    [isControlled, onChange]\n  );\n\n  // A picked day takes the value's whole time of day, seconds and all, or\n  // midnight in an empty field. The day handed over by the keyboard is the\n  // calendar's focused date, which can carry the time of the clock it\n  // started from, so none of its time is kept.\n  const handleDateSelect = useCallback(\n    (d: Date) => {\n      const merged = setTimeOfDay(d, {\n        hours: value?.getHours() ?? 0,\n        minutes: value?.getMinutes() ?? 0,\n        seconds: value?.getSeconds() ?? 0,\n        milliseconds: value?.getMilliseconds() ?? 0,\n      });\n      if (!isWithin(merged, lowerBound, max)) return;\n      commitValue(merged);\n      setFocusedDate(d);\n    },\n    [value, lowerBound, max, commitValue]\n  );\n\n  // The wheels set the value's time. An empty field starts from the focused\n  // day, at the whole minute or second the wheels show.\n  const handleTimeChange = useCallback(\n    (parts: { hours: number; minutes: number; seconds?: number }) => {\n      const next = value\n        ? setTimeOfDay(value, parts)\n        : setTimeOfDay(focusedDate, {\n            ...parts,\n            seconds: parts.seconds ?? 0,\n            milliseconds: 0,\n          });\n      if (!isWithin(next, lowerBound, max)) return;\n      commitValue(next);\n    },\n    [value, focusedDate, lowerBound, max, commitValue]\n  );\n\n  const tryParse = useCallback(\n    (s: string): Date | null => {\n      const trimmed = s.trim();\n      if (!trimmed) return null;\n      if (parse) return parse(trimmed);\n      const fmt = typeof defaultFormat === 'string' ? defaultFormat : undefined;\n      return parseDate(trimmed, fmt ?? DEFAULT_DATETIME_FORMAT, locale);\n    },\n    [parse, defaultFormat, locale]\n  );\n\n  // The Date the user edits when starting without a current value: now, at\n  // the whole minute, or the whole second with `enableSeconds`.\n  const makeBaseDate = useCallback(\n    (): Date =>\n      setTimeOfDay(new Date(), {\n        seconds: enableSeconds ? undefined : 0,\n        milliseconds: 0,\n      }),\n    [enableSeconds]\n  );\n\n  const inputReadOnlyAttr = !!readOnly || !editable;\n  const canOpen = !!popover && !disabled && !readOnly;\n\n  // Blocking predicate for manual entry, combining the calendar's\n  // disabled-day logic with the wheels' unselectable-times predicate. The\n  // candidate passed in carries the full date-time, so date predicates\n  // should use day-based checks.\n  const isBlocked = useMemo(() => {\n    if (!shouldDisableDate && !unselectableDates?.length && !unselectableTimes)\n      return undefined;\n    return (d: Date) =>\n      !!shouldDisableDate?.(d) ||\n      !!unselectableDates?.some(u => isSameDay(u, d)) ||\n      !!unselectableTimes?.(d);\n  }, [shouldDisableDate, unselectableDates, unselectableTimes]);\n\n  const { inputHandlers } = useSegmentedEntry({\n    format: defaultFormat,\n    value,\n    commitValue,\n    formatFn: formatDateTime,\n    tryParse,\n    text,\n    setText,\n    makeBaseDate,\n    locale,\n    min: lowerBound,\n    max,\n    isBlocked,\n    disabled,\n    readOnly,\n    editable,\n    popover,\n    openOnFocus,\n    closeOnSelect,\n    isOpen: open,\n    setOpen,\n    inputRef,\n    containerRef,\n    onFocus,\n    onClick,\n    onKeyDown,\n    onBlur,\n  });\n\n  const combinedRef = useCallback(\n    (node: HTMLInputElement | null) => {\n      (inputRef as React.MutableRefObject<HTMLInputElement | null>).current =\n        node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref)\n        (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n    },\n    [ref]\n  );\n\n  if (useNative) {\n    const nativeStep = enableSeconds ? incrementSeconds : incrementMinutes * 60;\n    return (\n      <input\n        {...localeScope.rootAttrs}\n        {...cleanRest}\n        ref={combinedRef}\n        type=\"datetime-local\"\n        step={nativeStep}\n        className={classNames(inputClass, bulmaHelperClasses, className)}\n        value={value ? toIsoDateTime(value, enableSeconds) : ''}\n        onChange={e => {\n          const parsed = e.target.value\n            ? fromIsoDateTime(e.target.value)\n            : null;\n          commitValue(parsed);\n        }}\n        min={min ? toIsoDateTime(lowerBound, enableSeconds) : undefined}\n        max={max ? toIsoDateTime(max, enableSeconds) : undefined}\n        disabled={disabled}\n        readOnly={readOnly}\n        placeholder={placeholder}\n        name={name}\n        form={form}\n        required={required}\n        id={id}\n      />\n    );\n  }\n\n  const spinnerValue = {\n    hours: value?.getHours() ?? 0,\n    minutes: value?.getMinutes() ?? 0,\n    seconds: enableSeconds ? (value?.getSeconds() ?? 0) : undefined,\n  };\n\n  const panel = (\n    <div\n      ref={panelRef}\n      className={panelClass}\n      onKeyDown={e => {\n        // First Escape collapses the floating time wheels; the popover's own\n        // Escape handler (which closes the whole panel) only sees the second.\n        if (timeOpen && e.key === 'Escape') {\n          e.stopPropagation();\n          closeTime();\n        }\n      }}\n    >\n      <div className={calendarWrapClass}>\n        <div {...inertProps(timeOpen)}>\n          <Calendar\n            value={value}\n            focusedDate={focusedDate}\n            onSelect={handleDateSelect}\n            onFocusedDateChange={setFocusedDate}\n            min={min}\n            max={max}\n            shouldDisableDate={shouldDisableDate}\n            unselectableDates={unselectableDates}\n            firstDayOfWeek={firstDayOfWeek}\n            locale={locale}\n            dayNames={dayNames}\n            monthNames={monthNames}\n            nearbyMonthDays={nearbyMonthDays}\n            color={color}\n            size={size}\n            id={`${popoverId}-cal`}\n            autoFocusCell={open}\n            labels={labels}\n            disabled={disabled}\n            readOnly={readOnly}\n          />\n        </div>\n        {timeOpen && (\n          <div\n            ref={timeOverlayRef}\n            className={timeOverlayClass}\n            onClick={e => {\n              // Tap outside the wheel card (on the covered calendar area)\n              // collapses the wheels without selecting a date, matching the\n              // native behavior.\n              if (e.target === e.currentTarget) closeTime();\n            }}\n          >\n            <div className={timeCardClass}>\n              <TimeWheels\n                value={spinnerValue}\n                onChange={handleTimeChange}\n                hourFormat={effectiveHourFormat}\n                enableSeconds={enableSeconds}\n                incrementHours={incrementHours}\n                incrementMinutes={incrementMinutes}\n                incrementSeconds={incrementSeconds}\n                unselectableTimes={unselectableTimes}\n                color={color}\n                size={size}\n                disabled={disabled || readOnly}\n                id={timeWheelsId}\n                labels={labels}\n                itemHeight={wheelItemHeight}\n                audioTick={effectiveAudioTick}\n                // Enter on a wheel commits the time, which the wheels already\n                // did live, and closes: the popover, or inline, where there\n                // is no popover, the wheels, as Escape does.\n                onCommit={() => (inline ? closeTime() : setOpen(false))}\n              />\n            </div>\n          </div>\n        )}\n      </div>\n      <div className={footerClass}>\n        <button\n          ref={timeButtonRef}\n          type=\"button\"\n          className={footerTimeClass}\n          onClick={() => (timeOpen ? closeTime() : setTimeOpen(true))}\n          aria-expanded={timeOpen}\n          // The wheels exist only while open, so only then is there an\n          // element for the button to name.\n          aria-controls={timeOpen ? timeWheelsId : undefined}\n          disabled={disabled || readOnly}\n        >\n          <span>{t.time}</span>\n          <span className={footerTimePillClass}>\n            {value ? formatTime(value, timeDisplayFormat, locale) : '—'}\n          </span>\n        </button>\n        <div className={footerActionsClass}>\n          <button\n            type=\"button\"\n            className={footerResetClass}\n            onClick={() => commitValue(valueAtOpenRef.current)}\n            disabled={disabled || readOnly}\n          >\n            {t.reset}\n          </button>\n          <button\n            type=\"button\"\n            className={footerDoneClass}\n            aria-label={t.done}\n            onClick={() => setOpen(false)}\n            disabled={disabled}\n          >\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" aria-hidden=\"true\">\n              <path\n                d=\"M5 11l4 4 8-8\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2.5\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </svg>\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n\n  if (inline) {\n    return (\n      <div\n        {...localeScope.rootAttrs}\n        {...cleanRest}\n        ref={containerRef}\n        className={classNames(containerClass, bulmaHelperClasses, className)}\n      >\n        {panel}\n        {name && (\n          <input\n            type=\"hidden\"\n            name={name}\n            form={form}\n            value={value ? toIsoDateTime(value, enableSeconds) : ''}\n            required={required}\n          />\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      className={classNames(containerClass, bulmaHelperClasses, className)}\n      {...localeScope.rootAttrs}\n      {...cleanRest}\n    >\n      <input\n        ref={combinedRef}\n        type=\"text\"\n        role=\"combobox\"\n        aria-haspopup=\"dialog\"\n        aria-expanded={open}\n        aria-controls={popoverId}\n        autoComplete=\"off\"\n        className={inputClass}\n        value={text}\n        placeholder={placeholder}\n        disabled={disabled}\n        readOnly={inputReadOnlyAttr}\n        name={name}\n        form={form}\n        required={required}\n        id={id}\n        {...inputHandlers}\n      />\n      {popover && triggerIcon && (\n        <button\n          type=\"button\"\n          className={triggerClass}\n          onClick={() => {\n            if (canOpen) setOpen(!open);\n          }}\n          disabled={!canOpen}\n          aria-label={t.chooseDateTime}\n          aria-haspopup=\"dialog\"\n          aria-controls={popoverId}\n          aria-expanded={open}\n          tabIndex={canOpen ? 0 : -1}\n        >\n          <Icon name={triggerIconName} size={size} />\n        </button>\n      )}\n      {popover && (\n        <PickerPopover\n          localeScope={localeScope.panel}\n          isOpen={open}\n          onClose={() => setOpen(false)}\n          anchorRef={containerRef}\n          position={position}\n          appendToBody={appendToBody}\n          ariaLabel={t.chooseDateTime}\n          id={popoverId}\n          restoreFocusRef={inputRef}\n          initialFocusSelector={CALENDAR_FOCUSED_CELL}\n        >\n          {panel}\n        </PickerPopover>\n      )}\n    </div>\n  );\n});\n\nDateTimeInputBase.displayName = 'DateTimeInputBase';\n\nexport default DateTimeInputBase;\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoDA;AACA;AACA;AACA,MAAM,aAAa,GAAG,CAAC,CAAO,EAAE,WAAoB,KAAY;AAC9D,IAAA,IAAI,CAAC,CAAC,WAAW,EAAE,GAAG,UAAU;AAAE,QAAA,OAAO,EAAE;AAC3C,IAAA,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;AACrD,IAAA,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;AACpD,IAAA,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;AAC/C,IAAA,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;AAChD,IAAA,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;AAClD,IAAA,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;AAClD,IAAA,OAAO;AACL,UAAE,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,EAAE,CAAA,CAAA,EAAI,EAAE,CAAA,CAAA,EAAI,EAAE,CAAA,CAAA,EAAI,EAAE,CAAA,CAAA,EAAI,EAAE,CAAA;AACvC,UAAE,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,EAAE,CAAA,CAAA,EAAI,EAAE,CAAA,CAAA,EAAI,EAAE,CAAA,CAAA,EAAI,EAAE,CAAA,CAAE;AACvC,CAAC;AAED,MAAM,eAAe,GAAG,CAAC,CAAS,KAAiB;;;;IAIjD,MAAM,CAAC,GACL,uEAAuE,CAAC,IAAI,CAC1E,CAAC,CACF;AACH,IAAA,IAAI,CAAC,CAAC;AAAE,QAAA,OAAO,IAAI;AACnB,IAAA,MAAM,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAChE,IAAA,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;AAClE,IAAA,OAAO,CAAC;AACV,CAAC;AAqMD;;;;;;;AAOG;AACI,MAAM,iBAAiB,GAAG,UAAU,CAGzC,CAAC,KAAK,EAAE,GAAG,KAAI;IACf,MAAM,EACJ,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,GAAG,EACH,GAAG,EACH,QAAQ,EAAE,YAAY,EACtB,QAAQ,EACR,WAAW,EACX,MAAM,EACN,KAAK,EACL,MAAM,EAAE,UAAU,EAClB,MAAM,GAAG,KAAK,EACd,YAAY,GAAG,MAAM,EACrB,QAAQ,GAAG,IAAI,EACf,OAAO,GAAG,IAAI,EACd,WAAW,GAAG,IAAI,EAClB,aAAa,GAAG,KAAK,EACrB,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,KAAK,EACL,IAAI,EACJ,SAAS,EACT,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,EAAE,kBAAkB,EAClC,QAAQ,EACR,UAAU,EACV,eAAe,GAAG,IAAI,EACtB,UAAU,GAAG,IAAI,EACjB,aAAa,GAAG,KAAK,EACrB,cAAc,GAAG,CAAC;;IAElB,gBAAgB,GAAG,CAAC,EACpB,gBAAgB,GAAG,CAAC,EACpB,iBAAiB,EACjB,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,EAAE,EAAE,MAAM,EACV,OAAO,EACP,OAAO,EACP,SAAS,EACT,MAAM,EACN,YAAY,EAAE,aAAa,EAC3B,WAAW,EAAE,eAAe,EAC5B,eAAe,GAAG,cAAc,EAChC,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,KAAK,EACf,MAAM,EACN,GAAG,IAAI,EACR,GAAG,KAAK;;;AAGT,IAAA,MAAM,MAAM,GAAG,eAAe,CAAC,UAAU,CAAC;;;IAG1C,MAAM,WAAW,GAAG,oBAAoB,CAAC,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC;AAC/D,IAAA,MAAM,cAAc,GAAG,uBAAuB,CAC5C,kBAAkB,EAClB,MAAM,EACN,cAAc,CAAC,QAAQ,CAAC,CACzB;AACD,IAAA,MAAM,QAAQ,GAAG,mBAAmB,CAAC,YAAY,CAAC;;;;;IAKlD,MAAM,EAAE,GAAG,mBAAmB,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC;;AAE/C,IAAA,MAAM,cAAc,GAAG,iBAAiB,EAAE;AAC1C,IAAA,MAAM,WAAW,GAAG,eAAe,IAAI,CAAC,cAAc;AACtD,IAAA,MAAM,CAAC,GAAG,WAAW,CAAC,MAAM,CAAC;;;;AAK7B,IAAA,MAAM,UAAU,GACd,OAAO,SAAS,KAAK,WAAW,IAAI,OAAO,SAAS,CAAC,OAAO,KAAK,UAAU;IAC7E,MAAM,kBAAkB,GAAG,SAAS,KAAK,OAAO,IAAI,CAAC,UAAU,CAAC;AAEhE,IAAA,MAAM,YAAY,GAAG,eAAe,KAAK,SAAS;AAClD,IAAA,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,YAAY,IAAI,IAAI,CACrB;AACD,IAAA,MAAM,KAAK,GAAG,YAAY,IAAI,eAAe,IAAI,IAAI,IAAI,aAAa;;AAGtE,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;AAEtD,IAAA,MAAM,cAAc,GAAG,OAAO,CAC5B,MAAM,SAAS,CAAC,KAAK,IAAI,IAAI,IAAI,EAAE,EAAE,UAAU,EAAE,GAAG,CAAC;;AAErD,IAAA,EAAE,CACH;IACD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAO,cAAc,CAAC;;IAEpE,SAAS,CAAC,MAAK;AACb,QAAA,cAAc,CAAC,IAAI,IAAI,SAAS,CAAC,IAAI,EAAE,UAAU,EAAE,GAAG,CAAC,CAAC;AAC1D,IAAA,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;IAErB,MAAM,aAAa,GACjB,MAAM;SACL,UAAU,KAAK;AACd,cAAE;AACA,kBAAE;AACF,kBAAE;AACJ,cAAE;AACA,kBAAE;kBACA,uBAAuB,CAAC;;;;;IAMhC,MAAM,mBAAmB,GAAG,mBAAmB,CAAC,aAAa,CAAC,IAAI,UAAU;IAE5E,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;;;IAG5C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAC/C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAC9B,KAAK,GAAG,cAAc,CAAC,KAAK,EAAE,aAAa,EAAE,MAAM,CAAC,GAAG,EAAE,CAC1D;AAED,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC;AAC/C,IAAA,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC;;;AAGjD,IAAA,MAAM,cAAc,GAAG,MAAM,CAAc,IAAI,CAAC;AAChD,IAAA,MAAM,OAAO,GAAG,KAAK,EAAE;AACvB,IAAA,MAAM,SAAS,GAAG,EAAE,GAAG,CAAA,EAAG,EAAE,CAAA,QAAA,CAAU,GAAG,CAAA,OAAA,EAAU,OAAO,EAAE;AAC5D,IAAA,MAAM,YAAY,GAAG,CAAA,EAAG,SAAS,OAAO;AAExC,IAAA,MAAM,EAAE,kBAAkB,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,eAAe,CAAC,IAAI,CAAC;AAErE,IAAA,MAAM,EAAE,eAAe,EAAE,eAAe,EAAE,GAAG,qBAAqB,CAAC;QACjE,KAAK,EAAE,YAAY,KAAK,MAAM,GAAG,SAAS,GAAG,YAAY;AAC1D,KAAA,CAAC;AACF,IAAA,MAAM,SAAS,GAAG,CAAC,MAAM,IAAI,eAAe;IAC5C,MAAM,eAAe,GAAG,eAAe,GAAG,EAAE,GAAG,EAAE;;AAGjD,IAAA,MAAM,iBAAiB,GACrB,mBAAmB,KAAK;AACtB,UAAE;AACA,cAAE;AACF,cAAE;AACJ,UAAE;AACA,cAAE;cACA,OAAO;AAEf,IAAA,MAAM,UAAU,GAAG,qBAAqB,CAAC,OAAO,EAAE;AAChD,QAAA,CAAC,MAAM,KAAK,CAAA,CAAE,GAAG,CAAC,CAAC,KAAK;AACxB,QAAA,CAAC,MAAM,IAAI,CAAA,CAAE,GAAG,CAAC,CAAC,IAAI;AACtB,QAAA,YAAY,EAAE,SAAS;AACxB,KAAA,CAAC;AACF,IAAA,MAAM,cAAc,GAAG,qBAAqB,CAAC,yBAAyB,CAAC;AACvE,IAAA,MAAM,YAAY,GAAG,qBAAqB,CAAC,uBAAuB,CAAC;AACnE,IAAA,MAAM,UAAU,GAAG,qBAAqB,CAAC,eAAe,CAAC;AACzD,IAAA,MAAM,iBAAiB,GAAG,qBAAqB,CAC7C,6BAA6B,CAC9B;AACD,IAAA,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,4BAA4B,CAAC;AAC5E,IAAA,MAAM,aAAa,GAAG,qBAAqB,CAAC,yBAAyB,CAAC;AACtE,IAAA,MAAM,WAAW,GAAG,qBAAqB,CAAC,sBAAsB,CAAC;AACjE,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAAC,2BAA2B,CAAC;AAC1E,IAAA,MAAM,kBAAkB,GAAG,qBAAqB,CAC9C,8BAA8B,CAC/B;AACD,IAAA,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,4BAA4B,CAAC;AAC5E,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAAC,2BAA2B,CAAC;AAC1E,IAAA,MAAM,mBAAmB,GAAG,qBAAqB,CAC/C,gCAAgC,CACjC;;;;;AAMD,IAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC,KAAK,CAAC;AACtC,IAAA,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,IAAa,KAAI;AAChB,QAAA,IAAI,gBAAgB,CAAC,OAAO,KAAK,IAAI;YAAE;AACvC,QAAA,gBAAgB,CAAC,OAAO,GAAG,IAAI;QAC/B,YAAY,CAAC,IAAI,CAAC;QAClB,IAAI,IAAI,EAAE;AACR,YAAA,cAAc,CAAC,OAAO,GAAG,KAAK;YAC9B,MAAM,IAAI;QACZ;aAAO;YACL,OAAO,IAAI;QACb;IACF,CAAC,EACD,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CACzB;IAED,SAAS,CAAC,MAAK;AACb,QAAA,OAAO,CAAC,KAAK,GAAG,cAAc,CAAC,KAAK,EAAE,aAAa,EAAE,MAAM,CAAC,GAAG,EAAE,CAAC;IACpE,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC;;IAGlC,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,IAAI;YAAE,WAAW,CAAC,KAAK,CAAC;AAC/B,IAAA,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;;;;;;;;AASV,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC;AAC7C,IAAA,MAAM,aAAa,GAAG,MAAM,CAAoB,IAAI,CAAC;AACrD,IAAA,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC;IACnD,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,QAAQ;YAAE;AACf,QAAA,cAAc,CAAC;cACX,aAAa,CAAc,qBAAqB;cAChD,KAAK,EAAE;AACb,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AACd,IAAA,MAAM,SAAS,GAAG,WAAW,CAAC,MAAK;AACjC,QAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO;AAC9B,QAAA,MAAM,MAAM,GAAG,sBAAsB,CAAC,KAAK,CAAC;QAC5C,MAAM,OAAO,GACX,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC;AACxE,QAAA,IAAI,CAAC,OAAO;AAAE,YAAA,aAAa,CAAC,OAAO,EAAE,KAAK,EAAE;QAC5C,WAAW,CAAC,KAAK,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,IAAiB,KAAI;AACpB,QAAA,IAAI,CAAC,YAAY;YAAE,gBAAgB,CAAC,IAAI,CAAC;;AAEzC,QAAA,IAAI,IAAI;YAAE,cAAc,CAAC,IAAI,CAAC;AAC9B,QAAA,QAAQ,GAAG,IAAI,CAAC;AAClB,IAAA,CAAC,EACD,CAAC,YAAY,EAAE,QAAQ,CAAC,CACzB;;;;;AAMD,IAAA,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,CAAO,KAAI;AACV,QAAA,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,EAAE;AAC7B,YAAA,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC;AAC7B,YAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC;AACjC,YAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC;AACjC,YAAA,YAAY,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,CAAC;AAC5C,SAAA,CAAC;QACF,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,UAAU,EAAE,GAAG,CAAC;YAAE;QACxC,WAAW,CAAC,MAAM,CAAC;QACnB,cAAc,CAAC,CAAC,CAAC;IACnB,CAAC,EACD,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,WAAW,CAAC,CACtC;;;AAID,IAAA,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,KAA2D,KAAI;QAC9D,MAAM,IAAI,GAAG;AACX,cAAE,YAAY,CAAC,KAAK,EAAE,KAAK;AAC3B,cAAE,YAAY,CAAC,WAAW,EAAE;AACxB,gBAAA,GAAG,KAAK;AACR,gBAAA,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,CAAC;AAC3B,gBAAA,YAAY,EAAE,CAAC;AAChB,aAAA,CAAC;QACN,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,UAAU,EAAE,GAAG,CAAC;YAAE;QACtC,WAAW,CAAC,IAAI,CAAC;AACnB,IAAA,CAAC,EACD,CAAC,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,EAAE,WAAW,CAAC,CACnD;AAED,IAAA,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,CAAS,KAAiB;AACzB,QAAA,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE;AACxB,QAAA,IAAI,CAAC,OAAO;AAAE,YAAA,OAAO,IAAI;AACzB,QAAA,IAAI,KAAK;AAAE,YAAA,OAAO,KAAK,CAAC,OAAO,CAAC;AAChC,QAAA,MAAM,GAAG,GAAG,OAAO,aAAa,KAAK,QAAQ,GAAG,aAAa,GAAG,SAAS;QACzE,OAAO,SAAS,CAAC,OAAO,EAAE,GAAG,IAAI,uBAA+B,CAAC;IACnE,CAAC,EACD,CAAC,KAAK,EAAE,aAAa,EAAE,MAAM,CAAC,CAC/B;;;AAID,IAAA,MAAM,YAAY,GAAG,WAAW,CAC9B,MACE,YAAY,CAAC,IAAI,IAAI,EAAE,EAAE;QACvB,OAAO,EAAE,aAAa,GAAG,SAAS,GAAG,CAAC;AACtC,QAAA,YAAY,EAAE,CAAC;AAChB,KAAA,CAAC,EACJ,CAAC,aAAa,CAAC,CAChB;IAED,MAAM,iBAAiB,GAAG,CAAC,CAAC,QAAQ,IAAI,CAAC,QAAQ;IACjD,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ;;;;;AAMnD,IAAA,MAAM,SAAS,GAAG,OAAO,CAAC,MAAK;QAC7B,IAAI,CAAC,iBAAiB,IAAI,CAAC,iBAAiB,EAAE,MAAM,IAAI,CAAC,iBAAiB;AACxE,YAAA,OAAO,SAAS;QAClB,OAAO,CAAC,CAAO,KACb,CAAC,CAAC,iBAAiB,GAAG,CAAC,CAAC;AACxB,YAAA,CAAC,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC/C,YAAA,CAAC,CAAC,iBAAiB,GAAG,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,iBAAiB,CAAC,CAAC;AAE7D,IAAA,MAAM,EAAE,aAAa,EAAE,GAAG,iBAAiB,CAAC;AAC1C,QAAA,MAAM,EAAE,aAAa;QACrB,KAAK;QACL,WAAW;AACX,QAAA,QAAQ,EAAE,cAAc;QACxB,QAAQ;QACR,IAAI;QACJ,OAAO;QACP,YAAY;QACZ,MAAM;AACN,QAAA,GAAG,EAAE,UAAU;QACf,GAAG;QACH,SAAS;QACT,QAAQ;QACR,QAAQ;QACR,QAAQ;QACR,OAAO;QACP,WAAW;QACX,aAAa;AACb,QAAA,MAAM,EAAE,IAAI;QACZ,OAAO;QACP,QAAQ;QACR,YAAY;QACZ,OAAO;QACP,OAAO;QACP,SAAS;QACT,MAAM;AACP,KAAA,CAAC;AAEF,IAAA,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,IAA6B,KAAI;AAC/B,QAAA,QAA4D,CAAC,OAAO;AACnE,YAAA,IAAI;QACN,IAAI,OAAO,GAAG,KAAK,UAAU;YAAE,GAAG,CAAC,IAAI,CAAC;AACnC,aAAA,IAAI,GAAG;AACT,YAAA,GAAuD,CAAC,OAAO,GAAG,IAAI;AAC3E,IAAA,CAAC,EACD,CAAC,GAAG,CAAC,CACN;IAED,IAAI,SAAS,EAAE;AACb,QAAA,MAAM,UAAU,GAAG,aAAa,GAAG,gBAAgB,GAAG,gBAAgB,GAAG,EAAE;QAC3E,QACEA,GAAA,CAAA,OAAA,EAAA,EAAA,GACM,WAAW,CAAC,SAAS,KACrB,SAAS,EACb,GAAG,EAAE,WAAW,EAChB,IAAI,EAAC,gBAAgB,EACrB,IAAI,EAAE,UAAU,EAChB,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,kBAAkB,EAAE,SAAS,CAAC,EAChE,KAAK,EAAE,KAAK,GAAG,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,GAAG,EAAE,EACvD,QAAQ,EAAE,CAAC,IAAG;AACZ,gBAAA,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC;sBACpB,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK;sBAC9B,IAAI;gBACR,WAAW,CAAC,MAAM,CAAC;AACrB,YAAA,CAAC,EACD,GAAG,EAAE,GAAG,GAAG,aAAa,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,SAAS,EAC/D,GAAG,EAAE,GAAG,GAAG,aAAa,CAAC,GAAG,EAAE,aAAa,CAAC,GAAG,SAAS,EACxD,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EAAA,CACN;IAEN;AAEA,IAAA,MAAM,YAAY,GAAG;AACnB,QAAA,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC;AAC7B,QAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC;AACjC,QAAA,OAAO,EAAE,aAAa,IAAI,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC,IAAI,SAAS;KAChE;AAED,IAAA,MAAM,KAAK,IACTC,IAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,UAAU,EACrB,SAAS,EAAE,CAAC,IAAG;;;YAGb,IAAI,QAAQ,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;gBAClC,CAAC,CAAC,eAAe,EAAE;AACnB,gBAAA,SAAS,EAAE;YACb;QACF,CAAC,EAAA,QAAA,EAAA,CAEDA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,iBAAiB,aAC/BD,GAAA,CAAA,KAAA,EAAA,EAAA,GAAS,UAAU,CAAC,QAAQ,CAAC,EAAA,QAAA,EAC3BA,IAAC,QAAQ,EAAA,EACP,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,gBAAgB,EAC1B,mBAAmB,EAAE,cAAc,EACnC,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,CAAA,EAAG,SAAS,CAAA,IAAA,CAAM,EACtB,aAAa,EAAE,IAAI,EACnB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAAA,CAClB,EAAA,CACE,EACL,QAAQ,KACPA,aACE,GAAG,EAAE,cAAc,EACnB,SAAS,EAAE,gBAAgB,EAC3B,OAAO,EAAE,CAAC,IAAG;;;;AAIX,4BAAA,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa;AAAE,gCAAA,SAAS,EAAE;AAC/C,wBAAA,CAAC,EAAA,QAAA,EAEDA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,aAAa,EAAA,QAAA,EAC3BA,GAAA,CAAC,UAAU,EAAA,EACT,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,gBAAgB,EAC1B,UAAU,EAAE,mBAAmB,EAC/B,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,gBAAgB,EAClC,iBAAiB,EAAE,iBAAiB,EACpC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,EAAE,EAAE,YAAY,EAChB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,eAAe,EAC3B,SAAS,EAAE,kBAAkB;;;;gCAI7B,QAAQ,EAAE,OAAO,MAAM,GAAG,SAAS,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,GACvD,EAAA,CACE,EAAA,CACF,CACP,CAAA,EAAA,CACG,EACNC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,WAAW,EAAA,QAAA,EAAA,CACzBA,IAAA,CAAA,QAAA,EAAA,EACE,GAAG,EAAE,aAAa,EAClB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,OAAO,QAAQ,GAAG,SAAS,EAAE,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,EAAA,eAAA,EAC5C,QAAQ,EAAA,eAAA,EAGR,QAAQ,GAAG,YAAY,GAAG,SAAS,EAClD,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAAA,QAAA,EAAA,CAE9BD,wBAAO,CAAC,CAAC,IAAI,EAAA,CAAQ,EACrBA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,mBAAmB,EAAA,QAAA,EACjC,KAAK,GAAG,UAAU,CAAC,KAAK,EAAE,iBAAiB,EAAE,MAAM,CAAC,GAAG,GAAG,EAAA,CACtD,CAAA,EAAA,CACA,EACTC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,kBAAkB,EAAA,QAAA,EAAA,CAChCD,GAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,gBAAgB,EAC3B,OAAO,EAAE,MAAM,WAAW,CAAC,cAAc,CAAC,OAAO,CAAC,EAClD,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAAA,QAAA,EAE7B,CAAC,CAAC,KAAK,EAAA,CACD,EACTA,GAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,eAAe,EAAA,YAAA,EACd,CAAC,CAAC,IAAI,EAClB,OAAO,EAAE,MAAM,OAAO,CAAC,KAAK,CAAC,EAC7B,QAAQ,EAAE,QAAQ,EAAA,QAAA,EAElBA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,iBAAa,MAAM,EAAA,QAAA,EAChEA,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,eAAe,EACjB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EAAA,CACtB,EAAA,CACE,EAAA,CACC,CAAA,EAAA,CACL,CAAA,EAAA,CACF,CAAA,EAAA,CACF,CACP;IAED,IAAI,MAAM,EAAE;AACV,QAAA,QACEC,IAAA,CAAA,KAAA,EAAA,EAAA,GACM,WAAW,CAAC,SAAS,EAAA,GACrB,SAAS,EACb,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,kBAAkB,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAEnE,KAAK,EACL,IAAI,KACHD,GAAA,CAAA,OAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,GAAG,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,GAAG,EAAE,EACvD,QAAQ,EAAE,QAAQ,EAAA,CAClB,CACH,CAAA,EAAA,CACG;IAEV;IAEA,QACEC,cACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,kBAAkB,EAAE,SAAS,CAAC,EAAA,GAChE,WAAW,CAAC,SAAS,EAAA,GACrB,SAAS,EAAA,QAAA,EAAA,CAEbD,GAAA,CAAA,OAAA,EAAA,EACE,GAAG,EAAE,WAAW,EAChB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,UAAU,EAAA,eAAA,EACD,QAAQ,mBACP,IAAI,EAAA,eAAA,EACJ,SAAS,EACxB,YAAY,EAAC,KAAK,EAClB,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,IAAI,EACX,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,iBAAiB,EAC3B,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EAAA,GACF,aAAa,GACjB,EACD,OAAO,IAAI,WAAW,KACrBA,gBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,YAAY,EACvB,OAAO,EAAE,MAAK;AACZ,oBAAA,IAAI,OAAO;AAAE,wBAAA,OAAO,CAAC,CAAC,IAAI,CAAC;gBAC7B,CAAC,EACD,QAAQ,EAAE,CAAC,OAAO,EAAA,YAAA,EACN,CAAC,CAAC,cAAc,EAAA,eAAA,EACd,QAAQ,mBACP,SAAS,EAAA,eAAA,EACT,IAAI,EACnB,QAAQ,EAAE,OAAO,GAAG,CAAC,GAAG,EAAE,YAE1BA,GAAA,CAAC,IAAI,IAAC,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,IAAI,EAAA,CAAI,EAAA,CACpC,CACV,EACA,OAAO,KACNA,GAAA,CAAC,aAAa,EAAA,EACZ,WAAW,EAAE,WAAW,CAAC,KAAK,EAC9B,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,MAAM,OAAO,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAE,YAAY,EACvB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,CAAC,CAAC,cAAc,EAC3B,EAAE,EAAE,SAAS,EACb,eAAe,EAAE,QAAQ,EACzB,oBAAoB,EAAE,qBAAqB,EAAA,QAAA,EAE1C,KAAK,EAAA,CACQ,CACjB,CAAA,EAAA,CACG;AAEV,CAAC;AAED,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;"}

package/dist/esm/form/Field.js

@@ -41,8 +41,7 @@ const FieldLabel = ({ size, textColor, bgColor, className, children, ...props })
         [`is-${size}`]: !!size,
     });
     const fieldLabelClass = classNames(mainClass, bulmaHelperClasses, className);
-    // Spread ...props and ...rest so custom props like data-testid are included
-    return (jsx("div", { className: fieldLabelClass, ...props, ...rest, children: children }));
+    return (jsx("div", { className: fieldLabelClass, ...rest, children: children }));
 };
 /**
  * FieldBody component for rendering Bulma field body.
@@ -62,8 +61,7 @@ const FieldBody = ({ textColor, bgColor, className, children, ...props }) => {
     });
     const mainClass = usePrefixedClassNames('field-body');
     const fieldBodyClass = classNames(mainClass, bulmaHelperClasses, className);
-    // Spread ...props and ...rest so custom props like data-testid are included
-    return (jsx("div", { className: fieldBodyClass, ...props, ...rest, children: children }));
+    return (jsx("div", { className: fieldBodyClass, ...rest, children: children }));
 };
 /**
  * The `Field` component is a Bulma-styled form field container.