@servicetitan/anvil2 3.0.2 → 3.0.4

package/dist/DateFieldSingle-DjmHpn1y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateFieldSingle-DjmHpn1y.js","sources":["../src/components/DateFieldSingle/internal/maskito/datePlaceholderMask.ts","../src/components/DateFieldSingle/internal/MaskedDateInput.tsx","../src/components/DateFieldSingle/internal/useDateFieldSingleConversion.ts","../src/components/DateFieldSingle/internal/useDateFieldSingleState.ts","../src/components/DateFieldSingle/internal/DateFieldSingleCalendar.tsx","../src/components/DateFieldSingle/DateFieldSingle.tsx"],"sourcesContent":["import type { MaskitoOptions } from \"@maskito/core\";\nimport {\n  maskitoDateOptionsGenerator,\n  maskitoWithPlaceholder,\n} from \"@maskito/kit\";\nimport { makeZeroShortcutPreprocessor } from \"./makeZeroShortcutPreprocessor\";\nimport { DateMode } from \"../../types\";\n\nconst datePlaceholderMask = ({\n  mode,\n  separator = \"/\",\n  placeholder,\n}: {\n  mode: DateMode;\n  separator?: string;\n  placeholder: string;\n}) => {\n  const dateOptions = maskitoDateOptionsGenerator({\n    mode,\n    separator,\n  });\n\n  const { plugins, removePlaceholder, ...placeholderOptions } =\n    maskitoWithPlaceholder(placeholder);\n\n  const datePlaceholderMask = {\n    ...dateOptions,\n    plugins: plugins.concat(dateOptions.plugins || []),\n    preprocessors: [\n      ...placeholderOptions.preprocessors,\n      ...dateOptions.preprocessors,\n      makeZeroShortcutPreprocessor(mode, separator),\n    ],\n    postprocessors: [\n      ...dateOptions.postprocessors,\n      ...placeholderOptions.postprocessors,\n    ],\n  } satisfies Required<MaskitoOptions>;\n\n  return { options: datePlaceholderMask, removePlaceholder };\n};\n\nexport default datePlaceholderMask;\n","import { maskitoParseDate } from \"@maskito/kit\";\nimport { useMaskito } from \"@maskito/react\";\nimport { TextField, TextFieldProps } from \"../../TextField/internal/TextField\";\nimport {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { useMergeRefs } from \"@floating-ui/react\";\nimport { DateTime } from \"luxon\";\nimport datePlaceholderMask from \"./maskito/datePlaceholderMask\";\nimport { Icon } from \"../../Icon\";\nimport Event from \"@servicetitan/hammer-icon/mdi/round/event.svg\";\nimport { DateModeToFormatMap, DateModeToPlaceholderMap } from \"./constants\";\nimport { DateMode } from \"../types\";\nimport { usePrevious } from \"../../../internal/hooks\";\nimport { jsDateToUtcDateTime } from \"./utils\";\n\nexport type MaskedDateInputChange = {\n  date: DateTime | null;\n  isInputValid: boolean;\n  isInputEmpty: boolean;\n};\n\nexport type MaskedDateInputChangeHandler = (\n  change: MaskedDateInputChange,\n) => void;\n\nexport type MaskedDateInputProps = Omit<\n  TextFieldProps,\n  \"onChange\" | \"value\" | \"ref\" | \"showCounter\" | \"hint\" | \"prefix\"\n> & {\n  onChange: MaskedDateInputChangeHandler;\n  mode?: DateMode;\n  lastValidDate: DateTime | null;\n  disableHint?: boolean;\n};\n\nexport type MaskedDateInputRef = HTMLInputElement & {\n  setDate: (date: DateTime | null) => void;\n};\n\n/**\n * A masked date input component that allows for the input of a date in a specific format.\n *\n * Provides a `setDate` method that can be used to set the date from outside the component (e.g from a calendar).\n *\n * @internal This component is not intended to be used directly in consumer code.\n *\n * @param props - The props for the MaskedDateInput component.\n * @param props.onChange - The function to call when the date changes.\n * @param props.mode - The mode of the date input.\n */\nexport const MaskedDateInput = forwardRef<\n  MaskedDateInputRef,\n  MaskedDateInputProps\n>(\n  (\n    {\n      onChange,\n      mode = \"mm/dd/yyyy\",\n      lastValidDate,\n      disableHint = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const placeholder = DateModeToPlaceholderMap[mode];\n    const [inputValue, setInputValue] = useState(placeholder);\n    const { options, removePlaceholder } = datePlaceholderMask({\n      mode,\n      placeholder,\n    });\n    const maskedInputRef = useMaskito({ options });\n    const inputRef = useRef<HTMLInputElement>(null);\n    const combinedRef = useMergeRefs([maskedInputRef, inputRef, ref]);\n    const previousDateRef = useRef<DateTime | null>(null);\n    const previousMode = usePrevious(mode);\n\n    // Update the input value when the mode changes.\n    useEffect(() => {\n      if (mode !== previousMode) {\n        setInputValue((oldInputValue) =>\n          swapMode(oldInputValue, previousMode ?? mode, mode),\n        );\n      }\n    }, [mode, previousMode]);\n\n    // Update the input value when the parent's date changes.\n    useEffect(() => {\n      if (lastValidDate === undefined) return;\n      if (lastValidDate === previousDateRef.current) return; // Note: Reference equality is intentional here\n      if (!lastValidDate?.equals(previousDateRef.current ?? DateTime.now())) {\n        setInputValue(\n          lastValidDate?.toFormat(DateModeToFormatMap[mode]) ?? placeholder,\n        );\n        previousDateRef.current = lastValidDate;\n      }\n    }, [lastValidDate, mode, placeholder]);\n\n    const currentParsedData = useMemo(() => {\n      return parseInputValue(inputValue, mode, removePlaceholder);\n    }, [inputValue, mode, removePlaceholder]);\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      setInputValue(event.target.value);\n      const { date, isInputValid, isInputEmpty } = parseInputValue(\n        event.target.value,\n        mode,\n        removePlaceholder,\n      );\n\n      // We only want to call onChange for substantive changes.\n      // This is to avoid unnecessary re-renders of upstream components.\n      const isValueDifferent =\n        isInputValid !== currentParsedData.isInputValid || // The input has changed validity\n        isInputEmpty !== currentParsedData.isInputEmpty || // The input has changed emptiness\n        (date === null) !== (currentParsedData.date === null) || // The input has changed from empty to non-empty or vice versa\n        (date !== null &&\n          lastValidDate !== null &&\n          !date.equals(lastValidDate)); // The date has changed\n\n      // If the value has not changed, we do not need to call onChange.\n      if (!isValueDifferent) return;\n      onChange?.({\n        date: date ?? lastValidDate ?? null,\n        isInputValid,\n        isInputEmpty,\n      });\n    };\n\n    // Extend the input ref with additional methods.\n    // This provides a way to set the input value from outside the component.\n    useImperativeHandle(ref, () => {\n      const input = inputRef.current;\n      if (!input) return null as unknown as MaskedDateInputRef;\n      return Object.assign(input, {\n        setDate: (date: DateTime | null) => {\n          setInputValue(\n            date?.toFormat(DateModeToFormatMap[mode]) ?? placeholder,\n          );\n        },\n      });\n    }, [mode, placeholder]);\n\n    return (\n      <TextField\n        ref={combinedRef}\n        data-date={lastValidDate?.toISODate() ?? \"\"}\n        data-input-valid={currentParsedData.isInputValid}\n        data-input-empty={currentParsedData.isInputEmpty}\n        {...props}\n        showCounter={false}\n        value={inputValue}\n        onChange={handleChange}\n        prefix={<Icon svg={Event} />}\n        hint={disableHint ? undefined : `Format: ${mode}`}\n      />\n    );\n  },\n);\n\nMaskedDateInput.displayName = \"MaskedDateInput\";\n\nfunction parseInputValue(\n  value: string,\n  mode: DateMode,\n  removePlaceholder: (value: string) => string,\n) {\n  const valueMinusPlaceholder = removePlaceholder(value);\n  const jsDate = maskitoParseDate(valueMinusPlaceholder, { mode });\n  const luxonDate = jsDate ? jsDateToUtcDateTime(jsDate) : null;\n  return {\n    date: luxonDate,\n    isInputValid: !!luxonDate,\n    isInputEmpty: valueMinusPlaceholder === \"\",\n  };\n}\n\nfunction swapMode(inputString: string, previousMode: DateMode, mode: DateMode) {\n  const { day, month, year } = divideSegments(inputString, previousMode);\n  return orderSegmentsByMode(day, month, year, mode);\n}\n\nfunction divideSegments(\n  value: string,\n  mode: DateMode,\n): {\n  day: string;\n  month: string;\n  year: string;\n} {\n  const [segment1, segment2, segment3] = value.split(\"/\");\n  if (mode === \"dd/mm/yyyy\") {\n    return { day: segment1, month: segment2, year: segment3 };\n  } else if (mode === \"mm/dd/yyyy\") {\n    return { day: segment2, month: segment1, year: segment3 };\n  } else if (mode === \"yyyy/mm/dd\") {\n    return { day: segment3, month: segment2, year: segment1 };\n  }\n  return { day: \"__\", month: \"__\", year: \"____\" };\n}\n\nfunction orderSegmentsByMode(\n  day: string,\n  month: string,\n  year: string,\n  mode: DateMode,\n) {\n  if (mode === \"dd/mm/yyyy\") {\n    return `${day}/${month}/${year}`;\n  } else if (mode === \"mm/dd/yyyy\") {\n    return `${month}/${day}/${year}`;\n  } else if (mode === \"yyyy/mm/dd\") {\n    return `${year}/${month}/${day}`;\n  } else {\n    return \"\";\n  }\n}\n","import { useCallback, useMemo } from \"react\";\nimport { convertStringToDate } from \"./utils\";\nimport {\n  DateFieldSingleChange,\n  DateFieldSingleProps,\n} from \"../DateFieldSingle\";\nimport { DateTime, WeekdayNumbers } from \"luxon\";\n\nexport type DateFieldSingleConversion = {\n  /**\n   * The current value of the date field.\n   */\n  value?: DateTime | null;\n  /**\n   * The default (uncontrolled) value of the date field.\n   */\n  defaultValue?: DateTime | null;\n  /**\n   * The minimum date of the date field.\n   */\n  minDate?: DateTime | null;\n  /**\n   * The maximum date of the date field.\n   */\n  maxDate?: DateTime | null;\n  /**\n   * The unavailable dates of the date field.\n   */\n  unavailable: {\n    /**\n     * The unavailable dates of the date field.\n     */\n    dates?: DateTime[];\n    /**\n     * The unavailable days of the week of the date field.\n     */\n    daysOfWeek?: WeekdayNumbers[];\n  };\n  /**\n   * The callback for when the date changes.\n   */\n  onChange: (\n    change: Omit<DateFieldSingleChange, \"date\"> & { date: DateTime | null },\n  ) => void;\n};\n\n/**\n * Converts the props of the DateFieldSingle component to Luxon DateTime objects for easier internal use.\n * @param props - The props of the DateFieldSingle component using ISO 8601 strings.\n * @returns The converted props using Luxon DateTime objects.\n */\nexport function useDateFieldSingleConversion({\n  value,\n  defaultValue,\n  minDate,\n  maxDate,\n  unavailable,\n  onChange,\n}: DateFieldSingleProps): DateFieldSingleConversion {\n  const normalizedValue = useMemo(() => convertStringToDate(value), [value]);\n  const normalizedDefaultValue = useMemo(\n    () => convertStringToDate(defaultValue),\n    [defaultValue],\n  );\n  const normalizedMinDate = useMemo(\n    () => convertStringToDate(minDate),\n    [minDate],\n  );\n  const normalizedMaxDate = useMemo(\n    () => convertStringToDate(maxDate),\n    [maxDate],\n  );\n  const normalizedUnavailableDates = useMemo(\n    () =>\n      unavailable?.dates\n        ?.map((d) => convertStringToDate(d))\n        .filter((d) => d !== null && d !== undefined),\n    [unavailable?.dates],\n  );\n\n  const handleChange = useCallback(\n    (\n      change: Omit<DateFieldSingleChange, \"date\"> & { date: DateTime | null },\n    ) => {\n      onChange?.({\n        ...change,\n        date: change.date?.toISODate() ?? null,\n      });\n    },\n    [onChange],\n  );\n\n  return {\n    value: normalizedValue,\n    defaultValue: normalizedDefaultValue,\n    minDate: normalizedMinDate,\n    maxDate: normalizedMaxDate,\n    unavailable: {\n      dates: normalizedUnavailableDates,\n      daysOfWeek: unavailable?.daysOfWeek,\n    },\n    onChange: handleChange,\n  };\n}\n","import { DateTime } from \"luxon\";\nimport { useOptionallyControlledState } from \"../../../internal/hooks\";\nimport { MaskedDateInputChange } from \"./MaskedDateInput\";\n\nexport type DateFieldSingleStateChange = {\n  date: DateTime | null;\n  isInputValid: boolean;\n  isInputEmpty: boolean;\n};\n\nexport type DateFieldSingleStateChangeHandler = (\n  change: DateFieldSingleStateChange,\n) => void;\n\nexport type DateFieldSingleStateParam = {\n  /**\n   * The controlled value of the date field.\n   */\n  valueProp?: DateTime | null;\n  /**\n   * The default (uncontrolled) value of the date field.\n   */\n  defaultValueProp?: DateTime | null;\n  /**\n   * Callback for when the date changes.\n   */\n  onChange: DateFieldSingleStateChangeHandler;\n};\n\nexport type DateFieldSingleState = {\n  /**\n   * The current value (DateTime) of the date field.\n   */\n  value: DateTime | null;\n  /**\n   * Sets the value of the date field.\n   */\n  setValue: (value: DateTime | null) => void;\n  /**\n   * Handles the change of the input field.\n   */\n  handleInputChange: (change: MaskedDateInputChange) => void;\n  /**\n   * Handles the selection of a date in the calendar.\n   */\n  handleCalendarSelection: (date: DateTime) => void;\n};\n\n/**\n * This is a hook for keeping state in sync between a date input and calendar.\n */\nexport function useDateFieldSingleState({\n  valueProp,\n  defaultValueProp,\n  onChange,\n}: DateFieldSingleStateParam): DateFieldSingleState {\n  const [value, setValue] = useOptionallyControlledState<DateTime | null>({\n    controlledValue: valueProp,\n    defaultValue: defaultValueProp,\n  });\n\n  const handleInputChange = (change: MaskedDateInputChange) => {\n    const date = change.isInputEmpty\n      ? null\n      : (change.date?.startOf(\"day\") ?? null);\n    onChange?.({\n      date,\n      isInputValid: change.isInputValid,\n      isInputEmpty: change.isInputEmpty,\n    });\n    if (change.isInputValid) {\n      setValue(change.isInputEmpty ? null : change.date);\n    }\n    if (change.isInputEmpty) {\n      setValue(null);\n      return;\n    }\n    if (change.date) {\n      setValue(change.date);\n    }\n  };\n\n  const handleCalendarSelection = (date: DateTime) => {\n    setValue(date);\n    onChange?.({\n      date,\n      isInputValid: true,\n      isInputEmpty: false,\n    });\n  };\n\n  return {\n    value,\n    setValue,\n    handleInputChange,\n    handleCalendarSelection,\n  };\n}\n","import { DateTime, WeekdayNumbers } from \"luxon\";\nimport { Calendar, CalendarProps, CalendarValue } from \"../../Calendar\";\nimport { IanaZone } from \"../../../types\";\nimport { TimezoneMessage } from \"./TimezoneMessage\";\nimport { isoToUtcDate } from \"./utils\";\nimport { useMemo } from \"react\";\n\ntype DateFieldSingleCalendarProps = Omit<\n  CalendarProps,\n  | \"onSelection\"\n  | \"value\"\n  | \"onKeyDown\"\n  | \"defaultFocusedDate\"\n  | \"range\"\n  | \"defaultTimeZone\"\n  | \"unavailable\"\n  | \"minDate\"\n  | \"maxDate\"\n  | \"defaultValue\"\n  | \"_disableAutofocus\"\n> & {\n  onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;\n  value: DateTime | null;\n  onSelection: (date: DateTime) => void;\n  minDate?: DateTime | null;\n  maxDate?: DateTime | null;\n  unavailable?: { dates?: DateTime[]; daysOfWeek?: WeekdayNumbers[] };\n  timezone?: IanaZone;\n};\n\nexport function DateFieldSingleCalendar({\n  onKeyDown,\n  value,\n  onSelection,\n  minDate,\n  maxDate,\n  unavailable,\n  timezone: timezoneProp,\n  ...rest\n}: DateFieldSingleCalendarProps) {\n  const timezone: IanaZone = useMemo(() => {\n    return (\n      timezoneProp ??\n      (Intl.DateTimeFormat().resolvedOptions().timeZone as IanaZone)\n    );\n  }, [timezoneProp]);\n\n  const handleCalendarSelection = (data: { value: CalendarValue }) => {\n    if (data.value) {\n      const date = isoToUtcDate(data.value);\n      onSelection(date);\n    }\n  };\n\n  return (\n    <>\n      <Calendar\n        {...rest}\n        range={false}\n        onKeyDown={onKeyDown}\n        defaultFocusedDate={\n          value?.toISODate() || DateTime.now().setZone(timezone).toISODate()\n        }\n        value={value?.toISODate() || undefined}\n        onSelection={handleCalendarSelection}\n        defaultTimeZone={timezone}\n        minDate={minDate?.toISODate() ?? undefined}\n        maxDate={maxDate?.toISODate() ?? undefined}\n        unavailable={\n          unavailable\n            ? {\n                dates: unavailable.dates?.map((d) => d.toISODate() ?? \"\"),\n                daysOfWeek: unavailable.daysOfWeek,\n              }\n            : undefined\n        }\n        _disableAutofocus\n        _disableFocus\n      />\n      <TimezoneMessage timezone={timezone} />\n    </>\n  );\n}\n","import { childrenToString } from \"../../internal/functions\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId, IanaZone } from \"../../types\";\nimport Popover from \"../../internal/components/Popover\";\nimport { Ref, useMemo, useRef } from \"react\";\nimport {\n  MaskedDateInput,\n  MaskedDateInputProps,\n  MaskedDateInputRef,\n} from \"./internal/MaskedDateInput\";\nimport { DateMode } from \"./types\";\nimport { useDateFieldSingleConversion } from \"./internal/useDateFieldSingleConversion\";\nimport {\n  DateFieldSingleStateChangeHandler,\n  useDateFieldSingleState,\n} from \"./internal/useDateFieldSingleState\";\nimport { validateDate } from \"./internal/utils\";\nimport { useFocusWithin } from \"../../internal/hooks\";\nimport { DateFieldSingleCalendar } from \"./internal/DateFieldSingleCalendar\";\nimport { mergeRefs } from \"../../hooks/useMergeRefs/useMergeRefs\";\n\nexport type DateFieldSingleProps = Omit<\n  MaskedDateInputProps,\n  | \"onChange\"\n  | \"value\"\n  | \"autoComplete\"\n  | \"onClick\"\n  | \"onKeyDown\"\n  | \"ref\"\n  | \"lastValidDate\"\n  | \"setLastValidDate\"\n  | \"required\"\n  | \"onFocus\"\n  | \"onBlur\"\n> & {\n  value?: string | null;\n  defaultValue?: string | null;\n  onChange?: DateFieldSingleChangeHandler;\n  onFocus?: (event: React.FocusEvent) => void;\n  onBlur?: (event: React.FocusEvent) => void;\n  mode?: Extract<DateMode, \"mm/dd/yyyy\" | \"dd/mm/yyyy\">;\n  disableHint?: boolean;\n  disableCalendar?: boolean;\n  unavailable?: {\n    /**\n     * The specific dates that are unavailable. ISO 8601 format.\n     * @example [\"2025-07-02\"]\n     */\n    dates?: string[];\n    /**\n     * The days of the week that are unavailable.\n     * (1-7, where 1 is Monday and 7 is Sunday)\n     */\n    daysOfWeek?: (1 | 2 | 3 | 4 | 5 | 6 | 7)[];\n  };\n  minDate?: string;\n  maxDate?: string;\n  required?: boolean;\n  /**\n   * The IANA timezone to use for the calendar. Controls the meaning of the \"Today\"\n   * button and which month/year is initially displayed. When the timezone differs\n   * from the user's locale timezone, a disambiguation message is shown below the calendar.\n   * @example \"America/Los_Angeles\"\n   */\n  timezone?: IanaZone;\n} & DataTrackingId;\n\nexport type DateFieldSingleChange = {\n  /**\n   * The date in ISO 8601 format.\n   * @example \"2025-07-02\"\n   */\n  date: string | null;\n  /**\n   * Whether the input is valid. That is, it matches the format and is not empty.\n   * This does not mean that the date is valid according to the constraints.\n   */\n  isInputValid: boolean;\n  /**\n   * Whether the input is empty.\n   */\n  isInputEmpty: boolean;\n  /**\n   * Whether the date is valid according to the constraints.\n   * Constraints include:\n   * - Required\n   * - Unavailable dates\n   * - Unavailable days of the week\n   * - Min date\n   * - Max date\n   */\n  isDateValid: boolean;\n};\n\nexport type DateFieldSingleChangeHandler = (\n  change: DateFieldSingleChange,\n) => void;\n\nexport const DateFieldSingle = (props: DateFieldSingleProps) => {\n  const { aiMark, ...labelPropsWithoutAiMark } = props.labelProps || {};\n\n  const data = {\n    label: childrenToString(props.label),\n    labelProps: labelPropsWithoutAiMark,\n    description: childrenToString(props.description),\n  };\n\n  const trackingId = useTrackingId({\n    name: \"DateFieldSingle\",\n    data,\n    hasOverride: !!props[\"data-tracking-id\"],\n  });\n\n  const {\n    onFocus,\n    onBlur,\n    disableCalendar,\n    required,\n    mode,\n    value: valueProp,\n    defaultValue: defaultValueProp,\n    minDate: minDateProp,\n    maxDate: maxDateProp,\n    unavailable: unavailableProp,\n    onChange: onChangeProp,\n    label,\n    timezone,\n    ...rest\n  } = props;\n\n  const popoverRef = useRef<{\n    openPopover: () => void;\n    closePopover: () => void;\n  }>(null);\n  const inputRef = useRef<MaskedDateInputRef>(null);\n  // We convert any props that deal in ISO 8601 strings to Luxon DateTime objects for easier internal use.\n  const {\n    value: normalizedValue,\n    defaultValue: normalizedDefaultValue,\n    minDate,\n    maxDate,\n    unavailable,\n    onChange,\n  } = useDateFieldSingleConversion({\n    value: valueProp,\n    defaultValue: defaultValueProp,\n    onChange: onChangeProp,\n    minDate: minDateProp,\n    maxDate: maxDateProp,\n    unavailable: unavailableProp,\n  });\n\n  const handleChange: DateFieldSingleStateChangeHandler = (change) => {\n    onChange?.({\n      ...change,\n      isDateValid: validateDate({\n        date: change.date,\n        constraints: {\n          required,\n          unavailable,\n          minDate: minDate ?? undefined,\n          maxDate: maxDate ?? undefined,\n        },\n      }),\n    });\n  };\n\n  // We use a hook to keep the value of input and the calendar in sync.\n  const { value, handleInputChange, handleCalendarSelection } =\n    useDateFieldSingleState({\n      valueProp: normalizedValue,\n      defaultValueProp: normalizedDefaultValue,\n      onChange: handleChange,\n    });\n\n  const { props: wrapperProps } = useFocusWithin({\n    onBlur: (e) => {\n      onBlur?.(e);\n      popoverRef.current?.closePopover();\n    },\n    onFocus,\n  });\n\n  const popoverContentRef = useRef<HTMLDivElement>(null);\n\n  const currentValidity = useMemo(\n    () =>\n      validateDate({\n        date: value,\n        constraints: {\n          required,\n          unavailable,\n          minDate: minDate ?? undefined,\n          maxDate: maxDate ?? undefined,\n        },\n      }),\n    [value, required, unavailable, minDate, maxDate],\n  );\n\n  const handleInputKeyDown = (ev: React.KeyboardEvent<HTMLInputElement>) => {\n    if (ev.key === \"ArrowDown\") {\n      popoverRef.current?.openPopover();\n      requestAnimationFrame(() => {\n        popoverContentRef.current?.querySelector(\"button\")?.focus();\n      });\n    }\n  };\n\n  const commonFieldProps = {\n    ...rest,\n    label,\n    mode,\n    onChange: handleInputChange,\n    lastValidDate: value,\n    required,\n    autoComplete: \"off\",\n    \"data-date-valid\": currentValidity,\n    \"data-tracking-id\": trackingId,\n    \"aria-label\": label ? undefined : \"Select a Date\",\n  };\n  if (disableCalendar) {\n    return <MaskedDateInput ref={inputRef} {...commonFieldProps} />;\n  }\n\n  return (\n    <div {...wrapperProps}>\n      <Popover ref={popoverRef} placement=\"bottom-start\" role=\"grid\">\n        <Popover.Trigger>\n          {({ ref: iRef, onKeyDown }) => {\n            const mergedRef = mergeRefs([\n              iRef as Ref<HTMLInputElement>,\n              inputRef,\n            ]);\n            return (\n              <MaskedDateInput\n                {...commonFieldProps}\n                ref={mergedRef}\n                onKeyDown={(ev) => {\n                  onKeyDown?.(ev);\n                  handleInputKeyDown(ev);\n                }}\n                onClick={() => popoverRef.current?.openPopover()}\n                onFocus={onFocus}\n                onBlur={onBlur}\n              />\n            );\n          }}\n        </Popover.Trigger>\n        <Popover.Content ref={popoverContentRef} data-testid=\"calendar-popover\">\n          <DateFieldSingleCalendar\n            value={value}\n            onSelection={(v) => {\n              inputRef.current?.focus();\n              handleCalendarSelection(v);\n              popoverRef.current?.closePopover();\n            }}\n            minDate={minDate}\n            maxDate={maxDate}\n            unavailable={unavailable}\n            timezone={timezone}\n          />\n        </Popover.Content>\n      </Popover>\n    </div>\n  );\n};\n\nDateFieldSingle.displayName = \"DateFieldSingle\";\n"],"names":["datePlaceholderMask","Event"],"mappings":"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"}

package/dist/DateFieldSingle.d.ts

@@ -1,2 +1 @@
-export * from './components/DateFieldSingle/index'
 export {}

package/dist/DateFieldSingle.js

@@ -1,2 +1,2 @@
-export { D as DateFieldSingle } from './DateFieldSingle-JOEy4kSL.js';
+export { D as DateFieldSingle } from './DateFieldSingle-DjmHpn1y.js';
 //# sourceMappingURL=DateFieldSingle.js.map

package/dist/DateFieldYearless-CCJAopYd.js

@@ -0,0 +1,142 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Y as YearlessDateInputWithPicker } from './YearlessDateInputWithPicker-BhbR5F22.js';
+import { useRef, useId, isValidElement } from 'react';
+import { F as FieldLabel } from './FieldLabel-xV6EdVwo.js';
+import { w as warnDeprecatedErrorUsage } from './utils-CM48ODEJ.js';
+import { t as textFieldStyles } from './TextField.module-DkZwywjf.js';
+import { c as cx } from './index-De1g9FRV.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
+import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
+import { useTrackingId } from './useTrackingId.js';
+import { w as warnOnce } from './warnOnce-Y9PRHcU4.js';
+import { s as stripInlineMarkdown } from './stripInlineMarkdown-D_eHogvh.js';
+import { H as Helper } from './Helper-B_VAFgGd.js';
+
+const DateFieldYearless = (props) => {
+  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+  const {
+    value,
+    defaultValue,
+    minDate,
+    maxDate,
+    unavailable,
+    required,
+    disablePicker = false,
+    mode = "mm/dd",
+    error,
+    errorAriaLive: _errorAriaLive,
+    label,
+    moreInfo,
+    size,
+    disabled,
+    loading,
+    labelProps,
+    warning,
+    description,
+    id: idProp,
+    style,
+    disableHint = false,
+    hideLabel = false,
+    onFocus,
+    onBlur,
+    className,
+    onChange,
+    ...restProps
+  } = componentProps;
+  const inputRef = useRef(null);
+  const { aiMark, ...labelPropsWithoutAiMark } = labelProps || {};
+  const data = {
+    label: childrenToString(props.label),
+    labelProps: labelPropsWithoutAiMark,
+    description: childrenToString(props.description)
+  };
+  const trackingId = useTrackingId({
+    name: "DateFieldYearless",
+    data,
+    hasOverride: !!props["data-tracking-id"]
+  });
+  const labelUid = useId();
+  const id = idProp ?? labelUid;
+  const helperUid = useId();
+  const moreInfoUid = useId();
+  warnDeprecatedErrorUsage("DateFieldYearless", error);
+  if (label === void 0) {
+    warnOnce(
+      "DateFieldYearless: label will be required in v4.0.0. Use hideLabel to visually hide the label."
+    );
+  } else if (typeof label !== "string") {
+    warnOnce(
+      "DateFieldYearless: Passing ReactNode to label is deprecated. Use a plain string with inline markdown instead."
+    );
+  }
+  const errorMessages = typeof error === "boolean" || error === void 0 ? void 0 : error;
+  const styleCombined = { ...style, ...layoutStyles };
+  const ariaDescribedBy = [helperUid, moreInfo && moreInfoUid].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cx(textFieldStyles["textfield"], className),
+      "data-anv": "datefield-yearless",
+      style: styleCombined,
+      children: [
+        label && !hideLabel && /* @__PURE__ */ jsx(
+          FieldLabel,
+          {
+            moreInfo,
+            moreInfoId: moreInfo ? moreInfoUid : void 0,
+            required,
+            htmlFor: id,
+            ...labelProps,
+            children: label
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          YearlessDateInputWithPicker,
+          {
+            ...restProps,
+            ref: inputRef,
+            mode,
+            required,
+            minDate,
+            maxDate,
+            unavailable,
+            disablePicker,
+            size,
+            error: !!error,
+            disabled,
+            loading,
+            id,
+            "data-tracking-id": trackingId,
+            "aria-describedby": ariaDescribedBy,
+            "aria-invalid": error ? !!error : void 0,
+            "aria-label": (
+              // TODO(v4.0.0): remove typeof check — label will always be string
+              hideLabel && typeof label === "string" ? stripInlineMarkdown(label) : label ? void 0 : "Select a date"
+            ),
+            value,
+            defaultValue,
+            onChange,
+            onFocus,
+            onBlur
+          }
+        ),
+        errorMessages || warning || description || !disableHint && mode ? /* @__PURE__ */ jsx(
+          Helper,
+          {
+            id: helperUid,
+            hint: disableHint ? void 0 : `Format: ${mode}`,
+            showCounter: false,
+            error: typeof errorMessages === "string" || Array.isArray(errorMessages) ? errorMessages : void 0,
+            warning,
+            errorMessage: isValidElement(errorMessages) ? errorMessages : void 0,
+            description
+          }
+        ) : null
+      ]
+    }
+  );
+};
+DateFieldYearless.displayName = "DateFieldYearless";
+
+export { DateFieldYearless as D };
+//# sourceMappingURL=DateFieldYearless-CCJAopYd.js.map

package/dist/DateFieldYearless-CCJAopYd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateFieldYearless-CCJAopYd.js","sources":["../src/components/DateFieldYearless/DateFieldYearless.tsx"],"sourcesContent":["import {\n  childrenToString,\n  stripInlineMarkdown,\n  warnOnce,\n} from \"../../internal/functions\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId, LayoutUtilProps, Size } from \"../../types\";\nimport { YearlessDate, YearlessDateMode } from \"./types\";\nimport {\n  YearlessDateInputWithPicker,\n  YearlessDateInputWithPickerRef,\n} from \"./internal/YearlessDateInputWithPicker\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport {\n  useId,\n  useRef,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  ComponentPropsWithoutRef,\n} from \"react\";\nimport { FieldLabel, FieldLabelProps } from \"../FieldLabel\";\nimport { Helper, HelperProps } from \"../../internal/components\";\nimport { warnDeprecatedErrorUsage } from \"../FieldMessage\";\nimport styles from \"../TextField/TextField.module.scss\";\nimport cx from \"classnames\";\n\nexport type DateFieldYearlessProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  | \"onChange\"\n  | \"value\"\n  | \"defaultValue\"\n  | \"ref\"\n  | \"size\"\n  | \"type\"\n  | \"onFocus\"\n  | \"onBlur\"\n> &\n  LayoutUtilProps & {\n    /**\n     * The controlled value of the date field\n     */\n    value?: YearlessDate | null;\n    /**\n     * The default value for uncontrolled usage\n     */\n    defaultValue?: YearlessDate | null;\n    /**\n     * The function to call when the date value changes\n     */\n    onChange?: DateFieldYearlessChangeHandler;\n    /**\n     * The date format mode (mm/dd or dd/mm)\n     */\n    mode?: YearlessDateMode;\n    /**\n     * Whether the field is required\n     */\n    required?: boolean;\n    /**\n     * The minimum allowed date\n     */\n    minDate?: YearlessDate | null;\n    /**\n     * The maximum allowed date\n     */\n    maxDate?: YearlessDate | null;\n    /**\n     * Configuration for unavailable dates\n     */\n    unavailable?: {\n      /**\n       * Array of dates that are not selectable\n       */\n      dates?: YearlessDate[];\n    };\n    /**\n     * Whether the picker is disabled\n     */\n    disablePicker?: boolean;\n    /**\n     * Error state for the field. Pass `true` to indicate error styling without a message.\n     * Pass a string, string[], or ReactElement (deprecated) for error messages.\n     */\n    error?: boolean | string | ReactElement | string[];\n    // TODO(v4.0.0): make label required and type string\n    /**\n     * Label for the field.\n     * Omitting `label` is deprecated — it will be required in v4.0.0. Use `hideLabel` to visually hide it.\n     * Passing `ReactNode` is deprecated — use a plain string with inline markdown instead.\n     */\n    label?: FieldLabelProps[\"children\"];\n    /**\n     * Props for the label component\n     */\n    labelProps?: FieldLabelProps;\n    /**\n     * Description text for the field\n     */\n    description?: HelperProps[\"description\"];\n    /**\n     * @deprecated No longer used. Error messages always use `aria-live=\"assertive\"`.\n     */\n    errorAriaLive?: HelperProps[\"errorAriaLive\"];\n    /**\n     * Warning message(s) to display. Supports a single string or an array of strings.\n     */\n    warning?: string | string[];\n    /**\n     * Size of the input\n     */\n    size?: Extract<Size, \"small\" | \"medium\" | \"large\">;\n    /**\n     * Whether the field is disabled\n     */\n    disabled?: boolean;\n    /**\n     * Whether the field is in loading state\n     */\n    loading?: boolean;\n    /**\n     * Additional info content\n     */\n    moreInfo?: ReactNode;\n    /**\n     * Whether to disable the format hint\n     */\n    disableHint?: boolean;\n    /**\n     * When `true`, hides the visible label and moves it to `aria-label` on the input.\n     * @default false\n     */\n    hideLabel?: boolean;\n    /**\n     * Function to call when the field is focused\n     */\n    onFocus?: (event: React.FocusEvent) => void;\n    /**\n     * Function to call when the field is blurred\n     */\n    onBlur?: (event: React.FocusEvent) => void;\n  } & DataTrackingId;\n\n/**\n * Represents a change event for the DateFieldYearless component\n */\nexport type DateFieldYearlessChange = {\n  /**\n   * The current date value\n   */\n  value: YearlessDate | null;\n  /**\n   * Whether the input is valid\n   */\n  isInputValid: boolean;\n  /**\n   * Whether the input is empty\n   */\n  isInputEmpty: boolean;\n  /**\n   * Whether the overall value is valid\n   */\n  isValid: boolean;\n};\n\n/**\n * Handler function for DateFieldYearless change events\n */\nexport type DateFieldYearlessChangeHandler = (\n  change: DateFieldYearlessChange,\n) => void;\n\n/**\n * DateFieldYearless component for inputting dates without year information.\n *\n * Features:\n * - Supports both controlled and uncontrolled usage\n * - Supports different date formats (mm/dd or dd/mm)\n * - Supports layout utilities for positioning and spacing\n *\n * @example\n * <DateFieldYearless\n *   label=\"Birthday\"\n *   mode=\"mm/dd\"\n *   required\n *   onChange={(change) => console.log('Date changed:', change.value)}\n * />\n */\nexport const DateFieldYearless = (props: DateFieldYearlessProps) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    value,\n    defaultValue,\n    minDate,\n    maxDate,\n    unavailable,\n    required,\n    disablePicker = false,\n    mode = \"mm/dd\",\n    error,\n    errorAriaLive: _errorAriaLive,\n    label,\n    moreInfo,\n    size,\n    disabled,\n    loading,\n    labelProps,\n    warning,\n    description,\n    id: idProp,\n    style,\n    disableHint = false,\n    hideLabel = false,\n    onFocus,\n    onBlur,\n    className,\n    onChange,\n    ...restProps\n  } = componentProps;\n\n  const inputRef = useRef<YearlessDateInputWithPickerRef>(null);\n\n  const { aiMark, ...labelPropsWithoutAiMark } = labelProps || {};\n\n  const data = {\n    label: childrenToString(props.label),\n    labelProps: labelPropsWithoutAiMark,\n    description: childrenToString(props.description),\n  };\n\n  const trackingId = useTrackingId({\n    name: \"DateFieldYearless\",\n    data,\n    hasOverride: !!props[\"data-tracking-id\"],\n  });\n\n  const labelUid = useId();\n  const id = idProp ?? labelUid;\n  const helperUid = useId();\n  const moreInfoUid = useId();\n\n  warnDeprecatedErrorUsage(\"DateFieldYearless\", error);\n\n  // TODO(v4.0.0): remove these warnings once label is required string\n  if (label === undefined) {\n    warnOnce(\n      \"DateFieldYearless: label will be required in v4.0.0. Use hideLabel to visually hide the label.\",\n    );\n  } else if (typeof label !== \"string\") {\n    warnOnce(\n      \"DateFieldYearless: Passing ReactNode to label is deprecated. Use a plain string with inline markdown instead.\",\n    );\n  }\n\n  const errorMessages =\n    typeof error === \"boolean\" || error === undefined ? undefined : error;\n\n  const styleCombined = { ...style, ...layoutStyles };\n\n  const ariaDescribedBy = [helperUid, moreInfo && moreInfoUid]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <div\n      className={cx(styles[\"textfield\"], className)}\n      data-anv=\"datefield-yearless\"\n      style={styleCombined}\n    >\n      {/* TODO(v4.0.0): simplify to !hideLabel once label is required */}\n      {label && !hideLabel && (\n        <FieldLabel\n          moreInfo={moreInfo}\n          moreInfoId={moreInfo ? moreInfoUid : undefined}\n          required={required}\n          htmlFor={id}\n          {...labelProps}\n        >\n          {label}\n        </FieldLabel>\n      )}\n      <YearlessDateInputWithPicker\n        {...restProps}\n        ref={inputRef}\n        mode={mode}\n        required={required}\n        minDate={minDate}\n        maxDate={maxDate}\n        unavailable={unavailable}\n        disablePicker={disablePicker}\n        size={size}\n        error={!!error}\n        disabled={disabled}\n        loading={loading}\n        id={id}\n        data-tracking-id={trackingId}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={error ? !!error : undefined}\n        aria-label={\n          // TODO(v4.0.0): remove typeof check — label will always be string\n          hideLabel && typeof label === \"string\"\n            ? stripInlineMarkdown(label)\n            : label\n              ? undefined\n              : \"Select a date\"\n        }\n        value={value}\n        defaultValue={defaultValue}\n        onChange={onChange}\n        onFocus={onFocus}\n        onBlur={onBlur}\n      />\n      {errorMessages || warning || description || (!disableHint && mode) ? (\n        <Helper\n          id={helperUid}\n          hint={disableHint ? undefined : `Format: ${mode}`}\n          showCounter={false}\n          error={\n            typeof errorMessages === \"string\" || Array.isArray(errorMessages)\n              ? errorMessages\n              : undefined\n          }\n          warning={warning}\n          errorMessage={\n            isValidElement(errorMessages) ? errorMessages : undefined\n          }\n          description={description}\n        />\n      ) : null}\n    </div>\n  );\n};\n\nDateFieldYearless.displayName = \"DateFieldYearless\";\n"],"names":["styles"],"mappings":"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"}

package/dist/DateFieldYearless.d.ts

@@ -1,2 +1 @@
-export * from './components/DateFieldYearless/index'
 export {}

package/dist/DateFieldYearless.js

@@ -1,2 +1,2 @@
-export { D as DateFieldYearless } from './DateFieldYearless-CIqPup6O.js';
+export { D as DateFieldYearless } from './DateFieldYearless-CCJAopYd.js';
 //# sourceMappingURL=DateFieldYearless.js.map

package/dist/DateFieldYearlessRange-BUv1mGJg.js

@@ -0,0 +1,172 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useId, isValidElement } from 'react';
+import { c as cx } from './index-De1g9FRV.js';
+import { t as textFieldStyles } from './TextField.module-DkZwywjf.js';
+import { w as warnDeprecatedErrorUsage } from './utils-CM48ODEJ.js';
+import { F as FieldLabel } from './FieldLabel-xV6EdVwo.js';
+import { I as Icon } from './Icon-feeG7gXA.js';
+import { Y as YearlessDateInputWithPicker } from './YearlessDateInputWithPicker-BhbR5F22.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
+import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
+import { H as Helper } from './Helper-B_VAFgGd.js';
+
+import './DateFieldYearlessRange.css';const dateFieldYearlessRangeStyles = {
+	"range-row": "_range-row_vmodf_1",
+	"range-root": "_range-root_vmodf_11",
+	"sr-only": "_sr-only_vmodf_22"
+};
+
+const SvgArrowForward = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z" }));
+
+const DateFieldYearlessRange = (props) => {
+  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+  const {
+    label,
+    moreInfo,
+    size,
+    hideLabel = false,
+    required,
+    id: idProp,
+    legendProps,
+    errorAriaLive: _errorAriaLive,
+    onFocus: onFocusProp,
+    onBlur: onBlurProp,
+    error,
+    warning,
+    disabled,
+    disableHint,
+    description,
+    mode = "mm/dd",
+    startLabel = "Start date",
+    endLabel = "End date",
+    disablePicker
+  } = componentProps;
+  const [value, setValue] = useOptionallyControlledState({
+    controlledValue: props.value,
+    defaultValue: props.defaultValue,
+    onChange: props.onChange
+  });
+  const labelUid = useId();
+  const id = idProp ?? labelUid;
+  const helperUid = useId();
+  const moreInfoUid = useId();
+  warnDeprecatedErrorUsage("DateFieldYearlessRange", error);
+  const errorMessages = typeof error === "boolean" || error === void 0 ? void 0 : error;
+  const handleStartDateChange = (startDate) => {
+    setValue({
+      ...value,
+      startDate
+    });
+  };
+  const handleEndDateChange = (endDate) => {
+    setValue({
+      ...value,
+      endDate
+    });
+  };
+  const ariaDescribedBy = [helperUid, moreInfo && moreInfoUid].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs(
+    "fieldset",
+    {
+      className: cx(
+        textFieldStyles["textfield"],
+        dateFieldYearlessRangeStyles["range-root"]
+      ),
+      "data-anv": "date-field-yearless-range",
+      style: layoutStyles,
+      children: [
+        /* @__PURE__ */ jsx(
+          FieldLabel,
+          {
+            el: "legend",
+            moreInfo,
+            moreInfoId: moreInfo ? moreInfoUid : void 0,
+            required,
+            ...legendProps,
+            className: cx(
+              legendProps?.className,
+              hideLabel ? dateFieldYearlessRangeStyles["sr-only"] : void 0
+            ),
+            children: label
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: dateFieldYearlessRangeStyles["range-row"], children: [
+          /* @__PURE__ */ jsx(
+            FieldLabel,
+            {
+              htmlFor: id + "-start",
+              className: dateFieldYearlessRangeStyles["sr-only"],
+              children: startLabel
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            YearlessDateInputWithPicker,
+            {
+              id: id + "-start",
+              size,
+              error: !!error,
+              required,
+              disabled,
+              mode,
+              value: value?.startDate,
+              onChange: (change) => handleStartDateChange(change.value),
+              "aria-describedby": ariaDescribedBy,
+              disablePicker,
+              onFocus: onFocusProp,
+              onBlur: onBlurProp
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              svg: SvgArrowForward,
+              className: dateFieldYearlessRangeStyles["range-arrow"]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            FieldLabel,
+            {
+              htmlFor: id + "-end",
+              className: dateFieldYearlessRangeStyles["sr-only"],
+              children: endLabel
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            YearlessDateInputWithPicker,
+            {
+              id: id + "-end",
+              size,
+              error: !!error,
+              required,
+              disabled,
+              mode,
+              value: value?.endDate,
+              onChange: (change) => handleEndDateChange(change.value),
+              "aria-labelledby": labelUid,
+              "aria-describedby": ariaDescribedBy,
+              disablePicker,
+              onFocus: onFocusProp,
+              onBlur: onBlurProp
+            }
+          )
+        ] }),
+        !disableHint || errorMessages || warning || description ? /* @__PURE__ */ jsx(
+          Helper,
+          {
+            id: helperUid,
+            hint: disableHint ? void 0 : `Format: ${mode}`,
+            showCounter: false,
+            error: typeof errorMessages === "string" || Array.isArray(errorMessages) ? errorMessages : void 0,
+            warning,
+            errorMessage: isValidElement(errorMessages) ? errorMessages : void 0,
+            description
+          }
+        ) : null
+      ]
+    }
+  );
+};
+
+export { DateFieldYearlessRange as D };
+//# sourceMappingURL=DateFieldYearlessRange-BUv1mGJg.js.map

package/dist/DateFieldYearlessRange-BUv1mGJg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateFieldYearlessRange-BUv1mGJg.js","sources":["../../hammer-icon/mdi/filled/arrow_forward.svg","../src/components/DateFieldYearlessRange/DateFieldYearlessRange.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgArrowForward = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\" }));\nexport default SvgArrowForward;\n","import { ReactElement, isValidElement, useId } from \"react\";\nimport cx from \"classnames\";\nimport textFieldStyles from \"../TextField/TextField.module.scss\";\nimport dateFieldYearlessRangeStyles from \"./DateFieldYearlessRange.module.scss\";\nimport { Helper, HelperProps } from \"../../internal/components\";\nimport { warnDeprecatedErrorUsage } from \"../FieldMessage\";\nimport { LayoutUtilProps, Size } from \"../../types\";\nimport {\n  useLayoutPropsUtil,\n  useOptionallyControlledState,\n} from \"../../internal/hooks\";\nimport FieldLabel, { FieldLabelProps } from \"../FieldLabel\";\nimport { YearlessDate, YearlessDateMode } from \"../DateFieldYearless/types\";\nimport Icon from \"../Icon\";\nimport ArrowForward from \"@servicetitan/hammer-icon/mdi/filled/arrow_forward.svg\";\nimport { YearlessDateInputWithPicker } from \"../DateFieldYearless/internal/YearlessDateInputWithPicker\";\n\nexport type DateFieldYearlessRangeValue = {\n  startDate: YearlessDate | null;\n  endDate: YearlessDate | null;\n};\n\nexport type DateFieldYearlessRangeChange = {\n  startDate: YearlessDate | null;\n  endDate: YearlessDate | null;\n};\n\nexport type DateFieldYearlessRangeChangeHandler = (\n  change: DateFieldYearlessRangeChange,\n) => void;\n\nexport type DateFieldYearlessRangeProps = {\n  /**\n   * The controlled value of the date field\n   */\n  value?: DateFieldYearlessRangeValue;\n  /**\n   * The default value for uncontrolled usage\n   */\n  defaultValue?: DateFieldYearlessRangeValue;\n  /**\n   * The function to call when the date value changes\n   */\n  onChange?: DateFieldYearlessRangeChangeHandler;\n  /**\n   * The date format mode (mm/dd or dd/mm)\n   */\n  mode?: YearlessDateMode;\n  /**\n   * Whether the field is required\n   */\n  required?: boolean;\n  /**\n   * Whether the picker is disabled\n   */\n  disablePicker?: boolean;\n  /**\n   * Whether to disable the hint\n   */\n  disableHint?: boolean;\n  /**\n   * Error state for the field. Pass `true` to indicate error styling without a message.\n   * Pass a string, string[], or ReactElement (deprecated) for error messages.\n   */\n  error?: boolean | string | ReactElement | string[];\n  /**\n   * Label for the field group. Always required for accessibility.\n   */\n  label: string;\n  /**\n   * When `true`, hides the visible legend while keeping it accessible to screen readers.\n   * @default false\n   */\n  hideLabel?: boolean;\n  size?: Extract<Size, \"small\" | \"medium\" | \"large\">;\n  description?: HelperProps[\"description\"];\n  /**\n   * @deprecated No longer used. Error messages always use `aria-live=\"assertive\"`.\n   */\n  errorAriaLive?: HelperProps[\"errorAriaLive\"];\n  /**\n   * Warning message(s) to display. Supports a single string or an array of strings.\n   */\n  warning?: string | string[];\n  disabled?: boolean;\n  onFocus?: (event: React.FocusEvent) => void;\n  onBlur?: (event: React.FocusEvent) => void;\n  id?: string;\n  startLabel?: string;\n  endLabel?: string;\n  legendProps?: Omit<FieldLabelProps, \"el\">;\n  moreInfo?: FieldLabelProps[\"moreInfo\"];\n} & LayoutUtilProps;\n\nexport const DateFieldYearlessRange = (props: DateFieldYearlessRangeProps) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    label,\n    moreInfo,\n    size,\n    hideLabel = false,\n    required,\n    id: idProp,\n    legendProps,\n    errorAriaLive: _errorAriaLive,\n    onFocus: onFocusProp,\n    onBlur: onBlurProp,\n    error,\n    warning,\n    disabled,\n    disableHint,\n    description,\n    mode = \"mm/dd\",\n    startLabel = \"Start date\",\n    endLabel = \"End date\",\n    disablePicker,\n  } = componentProps;\n\n  const [value, setValue] =\n    useOptionallyControlledState<DateFieldYearlessRangeValue>({\n      controlledValue: props.value,\n      defaultValue: props.defaultValue,\n      onChange: props.onChange,\n    });\n\n  const labelUid = useId();\n  const id = idProp ?? labelUid;\n  const helperUid = useId();\n  const moreInfoUid = useId();\n\n  warnDeprecatedErrorUsage(\"DateFieldYearlessRange\", error);\n\n  const errorMessages =\n    typeof error === \"boolean\" || error === undefined ? undefined : error;\n\n  const handleStartDateChange = (startDate: YearlessDate | null) => {\n    setValue({\n      ...value,\n      startDate,\n    });\n  };\n\n  const handleEndDateChange = (endDate: YearlessDate | null) => {\n    setValue({\n      ...value,\n      endDate,\n    });\n  };\n\n  const ariaDescribedBy = [helperUid, moreInfo && moreInfoUid]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <fieldset\n      className={cx(\n        textFieldStyles[\"textfield\"],\n        dateFieldYearlessRangeStyles[\"range-root\"],\n      )}\n      data-anv=\"date-field-yearless-range\"\n      style={layoutStyles}\n    >\n      <FieldLabel\n        el=\"legend\"\n        moreInfo={moreInfo}\n        moreInfoId={moreInfo ? moreInfoUid : undefined}\n        required={required}\n        {...legendProps}\n        className={cx(\n          legendProps?.className,\n          hideLabel ? dateFieldYearlessRangeStyles[\"sr-only\"] : undefined,\n        )}\n      >\n        {label}\n      </FieldLabel>\n      <div className={dateFieldYearlessRangeStyles[\"range-row\"]}>\n        <FieldLabel\n          htmlFor={id + \"-\" + \"start\"}\n          className={dateFieldYearlessRangeStyles[\"sr-only\"]}\n        >\n          {startLabel}\n        </FieldLabel>\n        <YearlessDateInputWithPicker\n          id={id + \"-\" + \"start\"}\n          size={size}\n          error={!!error}\n          required={required}\n          disabled={disabled}\n          mode={mode}\n          value={value?.startDate}\n          onChange={(change) => handleStartDateChange(change.value)}\n          aria-describedby={ariaDescribedBy}\n          disablePicker={disablePicker}\n          onFocus={onFocusProp}\n          onBlur={onBlurProp}\n        />\n        <Icon\n          svg={ArrowForward}\n          className={dateFieldYearlessRangeStyles[\"range-arrow\"]}\n        />\n        <FieldLabel\n          htmlFor={id + \"-\" + \"end\"}\n          className={dateFieldYearlessRangeStyles[\"sr-only\"]}\n        >\n          {endLabel}\n        </FieldLabel>\n        <YearlessDateInputWithPicker\n          id={id + \"-\" + \"end\"}\n          size={size}\n          error={!!error}\n          required={required}\n          disabled={disabled}\n          mode={mode}\n          value={value?.endDate}\n          onChange={(change) => handleEndDateChange(change.value)}\n          aria-labelledby={labelUid}\n          aria-describedby={ariaDescribedBy}\n          disablePicker={disablePicker}\n          onFocus={onFocusProp}\n          onBlur={onBlurProp}\n        />\n      </div>\n      {!disableHint || errorMessages || warning || description ? (\n        <Helper\n          id={helperUid}\n          hint={disableHint ? undefined : `Format: ${mode}`}\n          showCounter={false}\n          error={\n            typeof errorMessages === \"string\" || Array.isArray(errorMessages)\n              ? errorMessages\n              : undefined\n          }\n          warning={warning}\n          errorMessage={\n            isValidElement(errorMessages) ? errorMessages : undefined\n          }\n          description={description}\n        />\n      ) : null}\n    </fieldset>\n  );\n};\n"],"names":["ArrowForward"],"mappings":"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"}

package/dist/DateFieldYearlessRange.d.ts

@@ -1,2 +1 @@
-export * from './components/DateFieldYearlessRange/index'
 export {}

package/dist/DateFieldYearlessRange.js

@@ -1,2 +1,2 @@
-export { D as DateFieldYearlessRange } from './DateFieldYearlessRange-Cf11uZhk.js';
+export { D as DateFieldYearlessRange } from './DateFieldYearlessRange-BUv1mGJg.js';
 //# sourceMappingURL=DateFieldYearlessRange.js.map

package/dist/DaysOfTheWeek-BihTU2No.js

@@ -0,0 +1,115 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, useId, useMemo } from 'react';
+import { F as FieldLabel } from './FieldLabel-xV6EdVwo.js';
+import { B as ButtonToggle } from './ButtonToggle-jnDMPSyK.js';
+import { T as Tooltip } from './Tooltip-DGo3OWqL.js';
+import { F as Flex } from './Flex-_orhvoxS.js';
+import { H as Helper } from './Helper-B_VAFgGd.js';
+
+import './DaysOfTheWeek.css';const styles = {
+	"days-of-the-week-container": "_days-of-the-week-container_1vz5n_1",
+	"days-of-the-week": "_days-of-the-week_1vz5n_1",
+	"button-toggle-wrapper": "_button-toggle-wrapper_1vz5n_17",
+	"button-toggle": "_button-toggle_1vz5n_17"
+};
+
+const DAYS = [
+  { short: "Mo", full: "Monday" },
+  { short: "Tu", full: "Tuesday" },
+  { short: "We", full: "Wednesday" },
+  { short: "Th", full: "Thursday" },
+  { short: "Fr", full: "Friday" },
+  { short: "Sa", full: "Saturday" },
+  { short: "Su", full: "Sunday" }
+];
+const DaysOfTheWeek = forwardRef(
+  (props, ref) => {
+    const {
+      selectedDays = [],
+      onChange,
+      disabled,
+      firstDay = 7,
+      hint,
+      id: idProp,
+      description,
+      error,
+      warning,
+      errorMessage,
+      errorAriaLive,
+      label,
+      required,
+      moreInfo,
+      labelProps
+    } = props;
+    const autoId = useId();
+    const id = idProp ?? autoId;
+    const labelUid = useId();
+    const helperUid = useId();
+    const hasHelperText = hint || error || warning || errorMessage || description;
+    const orderedDays = useMemo(() => {
+      const firstDayIndex = firstDay - 1;
+      return [...DAYS.slice(firstDayIndex), ...DAYS.slice(0, firstDayIndex)];
+    }, [firstDay]);
+    const handleDayToggle = (index) => {
+      const dayNumber = (index + firstDay - 1) % 7 + 1;
+      const newSelectedDays = selectedDays.includes(dayNumber) ? selectedDays.filter((d) => d !== dayNumber) : [...selectedDays, dayNumber];
+      onChange?.(newSelectedDays);
+    };
+    const isDayDisabled = (dayNumber) => {
+      if (typeof disabled === "boolean") {
+        return disabled;
+      }
+      if (Array.isArray(disabled)) {
+        return disabled.includes(dayNumber);
+      }
+      return false;
+    };
+    return /* @__PURE__ */ jsxs("div", { className: styles["days-of-the-week-container"], children: [
+      label ? /* @__PURE__ */ jsx(
+        FieldLabel,
+        {
+          moreInfo,
+          required,
+          id: labelUid,
+          htmlFor: id,
+          ...labelProps,
+          children: label
+        }
+      ) : null,
+      /* @__PURE__ */ jsx(Flex, { ref, gap: 2, className: styles["days-of-the-week"], id, children: orderedDays.map((day, index) => {
+        const dayNumber = (index + firstDay - 1) % 7 + 1;
+        return /* @__PURE__ */ jsxs(Tooltip, { placement: "top", children: [
+          /* @__PURE__ */ jsx(Tooltip.Trigger, { className: styles["button-toggle-wrapper"], children: /* @__PURE__ */ jsx(
+            ButtonToggle,
+            {
+              checked: selectedDays.includes(dayNumber),
+              onClick: () => handleDayToggle(index),
+              disabled: isDayDisabled(dayNumber),
+              className: styles["button-toggle"],
+              id: label ? labelUid : void 0,
+              "aria-describedby": hasHelperText ? helperUid : void 0,
+              children: day.short
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Tooltip.Content, { children: day.full })
+        ] }, day.short);
+      }) }),
+      hasHelperText ? /* @__PURE__ */ jsx(
+        Helper,
+        {
+          id: helperUid,
+          hint,
+          description,
+          error,
+          warning,
+          errorMessage,
+          errorAriaLive
+        }
+      ) : null
+    ] });
+  }
+);
+DaysOfTheWeek.displayName = "DaysOfTheWeek";
+
+export { DaysOfTheWeek as D };
+//# sourceMappingURL=DaysOfTheWeek-BihTU2No.js.map

package/dist/DaysOfTheWeek-BihTU2No.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DaysOfTheWeek-BihTU2No.js","sources":["../src/components/DaysOfTheWeek/DaysOfTheWeek.tsx"],"sourcesContent":["import {\n  AriaAttributes,\n  ReactElement,\n  Ref,\n  forwardRef,\n  useId,\n  useMemo,\n} from \"react\";\nimport { DataTrackingId } from \"../../types\";\nimport styles from \"./DaysOfTheWeek.module.scss\";\nimport { FieldLabel, FieldLabelProps } from \"../FieldLabel\";\n\nimport ButtonToggle from \"../ButtonToggle\";\nimport Tooltip from \"../Tooltip\";\nimport { Helper } from \"../../internal/components\";\nimport Flex from \"../Flex\";\n\n/**\n * Props for the DaysOfTheWeek component\n */\nexport type DaysOfTheWeekProps = {\n  /**\n   * The selected days (1-7, where 1 is Monday and 7 is Sunday)\n   */\n  selectedDays?: number[];\n  /**\n   * Callback fired when the selection changes\n   */\n  onChange?: (selectedDays: number[]) => void;\n  /**\n   * Whether the component is disabled\n   * Can be a boolean to disable all days, or an array of day numbers (1-7) to disable specific days\n   */\n  disabled?: boolean | number[];\n  /**\n   * The first day of the week (1-7, where 1 is Monday and 7 is Sunday)\n   * @default 1\n   */\n  firstDay?: number;\n  /**\n   * Hint text or element to display above the component\n   */\n  hint?: ReactElement | string;\n  /**\n   * ID for the component\n   */\n  id?: string;\n  /**\n   * Description text or element to display below the component\n   */\n  description?: ReactElement | string;\n  /**\n   * Error message(s) to display. Supports a single string or an array of strings.\n   */\n  error?: string | string[];\n  /**\n   * Warning message(s) to display. Supports a single string or an array of strings.\n   */\n  warning?: string | string[];\n  /**\n   * @deprecated Use the `error` prop instead.\n   */\n  errorMessage?: ReactElement | string;\n  /**\n   * @deprecated No longer used. Error messages always use `aria-live=\"assertive\"`.\n   */\n  errorAriaLive?: AriaAttributes[\"aria-live\"];\n  /**\n   * Label text or element\n   */\n  label?: FieldLabelProps[\"children\"];\n  /**\n   * Whether the field is required\n   */\n  required?: boolean;\n  /**\n   * Additional info to display in a tooltip next to the label\n   */\n  moreInfo?: FieldLabelProps[\"moreInfo\"];\n  /**\n   * Additional props to pass to the Label component\n   */\n  labelProps?: FieldLabelProps;\n} & DataTrackingId;\n\ninterface DayInfo {\n  short: string;\n  full: string;\n}\n\n// Days in order from Monday to Sunday\nconst DAYS: DayInfo[] = [\n  { short: \"Mo\", full: \"Monday\" },\n  { short: \"Tu\", full: \"Tuesday\" },\n  { short: \"We\", full: \"Wednesday\" },\n  { short: \"Th\", full: \"Thursday\" },\n  { short: \"Fr\", full: \"Friday\" },\n  { short: \"Sa\", full: \"Saturday\" },\n  { short: \"Su\", full: \"Sunday\" },\n];\n\n/**\n * DaysOfTheWeek component for selecting multiple days of the week.\n *\n * Features:\n * - Displays days of the week as toggleable buttons\n * - Supports custom first day of the week (Monday-Sunday)\n * - Individual day selection and deselection\n * - Optional label, hint, description, and error messaging\n * - Full accessibility support with ARIA attributes\n * - Tooltips showing full day names on hover\n * - Responsive design with flexible layout\n * - Support for disabling specific days or the entire component\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <DaysOfTheWeek\n *   selectedDays={[2, 4, 6]}\n *   onChange={(days) => console.log('Selected days:', days)}\n *   label=\"Working Days\"\n *   firstDay={1}\n * />\n */\nexport const DaysOfTheWeek = forwardRef(\n  (props: DaysOfTheWeekProps, ref: Ref<HTMLDivElement>) => {\n    const {\n      selectedDays = [],\n      onChange,\n      disabled,\n      firstDay = 7,\n      hint,\n      id: idProp,\n      description,\n      error,\n      warning,\n      errorMessage,\n      errorAriaLive,\n      label,\n      required,\n      moreInfo,\n      labelProps,\n    } = props;\n\n    const autoId = useId();\n    const id = idProp ?? autoId;\n    const labelUid = useId();\n    const helperUid = useId();\n\n    const hasHelperText =\n      hint || error || warning || errorMessage || description;\n\n    const orderedDays = useMemo(() => {\n      const firstDayIndex = firstDay - 1;\n      return [...DAYS.slice(firstDayIndex), ...DAYS.slice(0, firstDayIndex)];\n    }, [firstDay]);\n\n    const handleDayToggle = (index: number) => {\n      // Convert from 0-based array index to 1-based day number, accounting for firstDay\n      const dayNumber = ((index + firstDay - 1) % 7) + 1;\n      const newSelectedDays = selectedDays.includes(dayNumber)\n        ? selectedDays.filter((d) => d !== dayNumber)\n        : [...selectedDays, dayNumber];\n\n      onChange?.(newSelectedDays);\n    };\n\n    const isDayDisabled = (dayNumber: number) => {\n      if (typeof disabled === \"boolean\") {\n        return disabled;\n      }\n      if (Array.isArray(disabled)) {\n        return disabled.includes(dayNumber);\n      }\n      return false;\n    };\n\n    return (\n      <div className={styles[\"days-of-the-week-container\"]}>\n        {label ? (\n          <FieldLabel\n            moreInfo={moreInfo}\n            required={required}\n            id={labelUid}\n            htmlFor={id}\n            {...labelProps}\n          >\n            {label}\n          </FieldLabel>\n        ) : null}\n        <Flex ref={ref} gap={2} className={styles[\"days-of-the-week\"]} id={id}>\n          {orderedDays.map((day, index) => {\n            // Convert from 0-based array index to 1-based day number, accounting for firstDay\n            const dayNumber = ((index + firstDay - 1) % 7) + 1;\n            return (\n              <Tooltip key={day.short} placement=\"top\">\n                <Tooltip.Trigger className={styles[\"button-toggle-wrapper\"]}>\n                  <ButtonToggle\n                    checked={selectedDays.includes(dayNumber)}\n                    onClick={() => handleDayToggle(index)}\n                    disabled={isDayDisabled(dayNumber)}\n                    className={styles[\"button-toggle\"]}\n                    id={label ? labelUid : undefined}\n                    aria-describedby={hasHelperText ? helperUid : undefined}\n                  >\n                    {day.short}\n                  </ButtonToggle>\n                </Tooltip.Trigger>\n                <Tooltip.Content>{day.full}</Tooltip.Content>\n              </Tooltip>\n            );\n          })}\n        </Flex>\n        {hasHelperText ? (\n          <Helper\n            id={helperUid}\n            hint={hint}\n            description={description}\n            error={error}\n            warning={warning}\n            errorMessage={errorMessage}\n            errorAriaLive={errorAriaLive}\n          />\n        ) : null}\n      </div>\n    );\n  },\n);\nDaysOfTheWeek.displayName = \"DaysOfTheWeek\";\n"],"names":[],"mappings":"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"}

package/dist/DaysOfTheWeek.d.ts

@@ -1,6 +1 @@
-export * from './components/DaysOfTheWeek/index'
-export {}
-import _default from './components/DaysOfTheWeek/index'
-export default _default
-export * from './components/DaysOfTheWeek/index'
 export {}

package/dist/DaysOfTheWeek.js

@@ -1,2 +1,2 @@
-export { D as DaysOfTheWeek, D as default } from './DaysOfTheWeek-R2-y7cqh.js';
+export { D as DaysOfTheWeek, D as default } from './DaysOfTheWeek-BihTU2No.js';
 //# sourceMappingURL=DaysOfTheWeek.js.map