@pega/cosmos-react-core 8.0.0-build.3.2 → 8.0.0-build.30.0

package/lib/components/DateTime/Input/TimeRangeInput.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useCallback, useRef } from 'react';
 import Flex from '../../Flex';
-import { useConsolidatedRef, useFocusWithin, useI18n, useTestIds } from '../../../hooks';
+import { useConsolidatedRef, useFocusWithin, useI18n, useTestIds, useUID } from '../../../hooks';
 import { StyledRangeInputContainer } from '../../Input/Input.styles';
 import FormField from '../../FormField';
 import { getTimeRangeInputTestIds } from '../DateTime.test-ids';
 import { withTestIds } from '../../../utils';
+import HiddenText from '../../HiddenText';
 import { parseToDate } from './utils';
 import TimeInput from './TimeInput';
 import DateTimeInput from './DateTimeInput';
@@ -43,39 +44,40 @@ const TimeRangeInput = forwardRef(function TimeRangeInput({ testId, value = {},
         pickerInterval,
         clockFormat
     };
-    return (_jsx(FormField, { testId: testIds, as: 'fieldset', ...restProps, container: { wrap: 'nowrap' }, ref: containerRef, labelAs: 'legend', label: label, labelHidden: labelHidden, disabled: disabled, required: required, readOnly: readOnly, status: status, children: _jsx(Flex, { container: true, as: StyledRangeInputContainer, children: mode === 'time' ? (_jsxs(_Fragment, { children: [_jsx(TimeInput, { testId: testIds.fromTime, ...commonProps, value: value.start, onBlur: changedValue => {
-                            startTimeRef.current = changedValue;
-                            if (!Number.isNaN(end))
-                                endTimeRef.current = convertToCallbackParameter(end);
-                            onChange({
-                                start: changedValue,
-                                end: convertToCallbackParameter(end)
-                            });
-                        }, label: fromLabel, "aria-label": `${t('range_from_datetime') + (label ? ` - ${label}` : '')}`, additionalInfo: fromAdditionalInfo, autoFocus: autoFocus }), _jsx(TimeInput, { testId: testIds.toTime, ...commonProps, value: value.end, onBlur: changedValue => {
-                            if (!Number.isNaN(start))
-                                startTimeRef.current = convertToCallbackParameter(start);
-                            endTimeRef.current = changedValue;
-                            onChange({
-                                start: convertToCallbackParameter(start),
-                                end: changedValue
-                            });
-                        }, label: toLabel, "aria-label": `${t('range_to_datetime') + (label ? ` - ${label}` : '')}`, additionalInfo: toAdditionalInfo })] })) : (_jsxs(_Fragment, { children: [_jsx(DateTimeInput, { testId: testIds.fromDateTime, ...commonProps, value: value.start, onBlur: changedValue => {
-                            startTimeRef.current = changedValue;
-                            if (!Number.isNaN(end))
-                                endTimeRef.current = convertToCallbackParameter(end);
-                            onChange({
-                                start: changedValue,
-                                end: convertToCallbackParameter(end)
-                            });
-                        }, label: fromLabel, "aria-label": `${t('range_from_datetime') + (label ? ` - ${label}` : '')}`, additionalInfo: fromAdditionalInfo }), _jsx(DateTimeInput, { testId: testIds.toDateTime, ...commonProps, value: value.end, onBlur: changedValue => {
-                            if (!Number.isNaN(start))
-                                startTimeRef.current = convertToCallbackParameter(start);
-                            endTimeRef.current = changedValue;
-                            onChange({
-                                start: convertToCallbackParameter(start),
-                                end: changedValue
-                            });
-                        }, label: toLabel, "aria-label": `${t('range_to_datetime') + (label ? ` - ${label}` : '')}`, additionalInfo: toAdditionalInfo })] })) }) }));
+    const descriptionId = useUID();
+    return (_jsxs(_Fragment, { children: [_jsx(FormField, { testId: testIds, as: 'fieldset', ...restProps, container: { wrap: 'nowrap' }, ref: containerRef, labelAs: 'legend', label: label, labelHidden: labelHidden, disabled: disabled, required: required, readOnly: readOnly, status: status, "aria-describedby": descriptionId, children: _jsx(Flex, { container: true, as: StyledRangeInputContainer, children: mode === 'time' ? (_jsxs(_Fragment, { children: [_jsx(TimeInput, { testId: testIds.fromTime, ...commonProps, value: value.start, onBlur: changedValue => {
+                                    startTimeRef.current = changedValue;
+                                    if (!Number.isNaN(end))
+                                        endTimeRef.current = convertToCallbackParameter(end);
+                                    onChange({
+                                        start: changedValue,
+                                        end: convertToCallbackParameter(end)
+                                    });
+                                }, label: fromLabel, "aria-label": `${t('range_from_datetime') + (label ? ` - ${label}` : '')}`, additionalInfo: fromAdditionalInfo, autoFocus: autoFocus }), _jsx(TimeInput, { testId: testIds.toTime, ...commonProps, value: value.end, onBlur: changedValue => {
+                                    if (!Number.isNaN(start))
+                                        startTimeRef.current = convertToCallbackParameter(start);
+                                    endTimeRef.current = changedValue;
+                                    onChange({
+                                        start: convertToCallbackParameter(start),
+                                        end: changedValue
+                                    });
+                                }, label: toLabel, "aria-label": `${t('range_to_datetime') + (label ? ` - ${label}` : '')}`, additionalInfo: toAdditionalInfo })] })) : (_jsxs(_Fragment, { children: [_jsx(DateTimeInput, { testId: testIds.fromDateTime, ...commonProps, value: value.start, onBlur: changedValue => {
+                                    startTimeRef.current = changedValue;
+                                    if (!Number.isNaN(end))
+                                        endTimeRef.current = convertToCallbackParameter(end);
+                                    onChange({
+                                        start: changedValue,
+                                        end: convertToCallbackParameter(end)
+                                    });
+                                }, label: fromLabel, "aria-label": `${t('range_from_datetime') + (label ? ` - ${label}` : '')}`, additionalInfo: fromAdditionalInfo }), _jsx(DateTimeInput, { testId: testIds.toDateTime, ...commonProps, value: value.end, onBlur: changedValue => {
+                                    if (!Number.isNaN(start))
+                                        startTimeRef.current = convertToCallbackParameter(start);
+                                    endTimeRef.current = changedValue;
+                                    onChange({
+                                        start: convertToCallbackParameter(start),
+                                        end: changedValue
+                                    });
+                                }, label: toLabel, "aria-label": `${t('range_to_datetime') + (label ? ` - ${label}` : '')}`, additionalInfo: toAdditionalInfo })] })) }) }), _jsx(HiddenText, { id: descriptionId, children: t('range_input') })] }));
 });
 export default withTestIds(TimeRangeInput, getTimeRangeInputTestIds);
 //# sourceMappingURL=TimeRangeInput.js.map

package/lib/components/DateTime/Input/TimeRangeInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeRangeInput.js","sourceRoot":"","sources":["../../../../src/components/DateTime/Input/TimeRangeInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useCallback, useRef } from 'react';\nimport type { FunctionComponent, Ref } from 'react';\n\nimport Flex from '../../Flex';\nimport type { FormControlProps } from '../../FormControl';\nimport { useConsolidatedRef, useFocusWithin, useI18n, useTestIds } from '../../../hooks';\nimport type DateTimeProps from '../DateTime.types';\nimport type {\n  DateRangeCallbackParameter,\n  DateTimeCallbackParameter,\n  DateTimeProperties\n} from '../DateTime.types';\nimport type { ForwardProps } from '../../../types';\nimport { StyledRangeInputContainer } from '../../Input/Input.styles';\nimport type { MinuteInterval } from '../Picker/DatePicker.types';\nimport FormField from '../../FormField';\nimport { getTimeRangeInputTestIds } from '../DateTime.test-ids';\nimport { withTestIds } from '../../../utils';\n\nimport { parseToDate } from './utils';\nimport type { ClockFormat } from './utils';\nimport TimeInput from './TimeInput';\nimport DateTimeInput from './DateTimeInput';\n\nexport interface TimeRangeInputProps extends DateTimeProperties {\n  /** Object of range boundaries. */\n  value?: { start?: DateTimeProps['value']; end?: DateTimeProps['value'] };\n  /** Callback fired when inputs value changes. */\n  onChange: (value: DateRangeCallbackParameter) => void;\n  /** Callback fired when the component gets focused. */\n  onFocus?: (value: DateRangeCallbackParameter) => void;\n  /** Callback fired when the component loses focus. */\n  onBlur?: (value: DateRangeCallbackParameter) => void;\n  /** Pass a string or a fragment with an Icon and string for first part of TimeRangeInput. */\n  fromLabel?: FormControlProps['label'];\n  /** Pass a string or a fragment with an Icon and string for second part of TimeRangeInput. */\n  toLabel?: FormControlProps['label'];\n  /** Pass an object with \"heading\" and \"content\" properties to show AdditionalInfo for second part of DataRangeInput. */\n  toAdditionalInfo?: FormControlProps['additionalInfo'];\n  /** Pass an object with \"heading\" and \"content\" properties to show AdditionalInfo for first part of DataRangeInput. */\n  fromAdditionalInfo?: FormControlProps['additionalInfo'];\n  /** Controls which input is displayed */\n  mode: 'time' | 'datetime';\n  /**\n   * Display the time with seconds.\n   * @default false\n   */\n  withSeconds?: boolean;\n  /**\n   * Defines interval for time picker options (in minutes).\n   * @default 30\n   */\n  pickerInterval?: MinuteInterval;\n  /** Defines clock format that overrides locale based format */\n  clockFormat?: ClockFormat;\n}\n\nconst convertToCallbackParameter = (v?: number): DateTimeCallbackParameter => {\n  return {\n    valueAsISOString: v === undefined || Number.isNaN(v) ? undefined : new Date(v).toISOString(),\n    valueAsTimestamp: v\n  };\n};\n\nconst TimeRangeInput: FunctionComponent<TimeRangeInputProps & ForwardProps> = forwardRef(\n  function TimeRangeInput(\n    {\n      testId,\n      value = {},\n      onChange,\n      onFocus,\n      onBlur,\n      label,\n      fromLabel,\n      toLabel,\n      labelHidden,\n      required,\n      readOnly,\n      disabled,\n      min,\n      max,\n      withSeconds,\n      pickerInterval,\n      clockFormat,\n      mode,\n      status,\n      fromAdditionalInfo,\n      toAdditionalInfo,\n      autoFocus,\n      ...restProps\n    }: TimeRangeInputProps,\n    ref: Ref<HTMLDivElement>\n  ) {\n    const testIds = useTestIds(testId, getTimeRangeInputTestIds);\n\n    const t = useI18n();\n\n    const start =\n      value.start === undefined || value.start === ''\n        ? undefined\n        : parseToDate(value.start).getTime();\n    const end =\n      value.end === undefined || value.end === '' ? undefined : parseToDate(value.end).getTime();\n\n    const startTimeRef = useRef<DateTimeCallbackParameter>(convertToCallbackParameter(start));\n    const endTimeRef = useRef<DateTimeCallbackParameter>(convertToCallbackParameter(end));\n\n    const onFocusChange = useCallback(\n      (focused: boolean) => {\n        (focused ? onFocus : onBlur)?.({\n          start: startTimeRef.current,\n          end: endTimeRef.current\n        });\n      },\n      [onFocus, onBlur]\n    );\n\n    const containerRef = useConsolidatedRef(ref);\n    useFocusWithin([containerRef], onFocusChange);\n\n    const commonProps = {\n      required,\n      readOnly,\n      disabled,\n      min,\n      max,\n      status,\n      withSeconds,\n      pickerInterval,\n      clockFormat\n    };\n\n    return (\n      <FormField\n        testId={testIds}\n        as='fieldset'\n        {...restProps}\n        container={{ wrap: 'nowrap' }}\n        ref={containerRef}\n        labelAs='legend'\n        label={label}\n        labelHidden={labelHidden}\n        disabled={disabled}\n        required={required}\n        readOnly={readOnly}\n        status={status}\n      >\n        <Flex container as={StyledRangeInputContainer}>\n          {mode === 'time' ? (\n            <>\n              <TimeInput\n                testId={testIds.fromTime}\n                {...commonProps}\n                value={value.start}\n                onBlur={changedValue => {\n                  startTimeRef.current = changedValue;\n                  if (!Number.isNaN(end)) endTimeRef.current = convertToCallbackParameter(end);\n                  onChange({\n                    start: changedValue,\n                    end: convertToCallbackParameter(end)\n                  });\n                }}\n                label={fromLabel}\n                aria-label={`${t('range_from_datetime') + (label ? ` - ${label}` : '')}`}\n                additionalInfo={fromAdditionalInfo}\n                autoFocus={autoFocus}\n              />\n              <TimeInput\n                testId={testIds.toTime}\n                {...commonProps}\n                value={value.end}\n                onBlur={changedValue => {\n                  if (!Number.isNaN(start))\n                    startTimeRef.current = convertToCallbackParameter(start);\n                  endTimeRef.current = changedValue;\n                  onChange({\n                    start: convertToCallbackParameter(start),\n                    end: changedValue\n                  });\n                }}\n                label={toLabel}\n                aria-label={`${t('range_to_datetime') + (label ? ` - ${label}` : '')}`}\n                additionalInfo={toAdditionalInfo}\n              />\n            </>\n          ) : (\n            <>\n              <DateTimeInput\n                testId={testIds.fromDateTime}\n                {...commonProps}\n                value={value.start}\n                onBlur={changedValue => {\n                  startTimeRef.current = changedValue;\n                  if (!Number.isNaN(end)) endTimeRef.current = convertToCallbackParameter(end);\n                  onChange({\n                    start: changedValue,\n                    end: convertToCallbackParameter(end)\n                  });\n                }}\n                label={fromLabel}\n                aria-label={`${t('range_from_datetime') + (label ? ` - ${label}` : '')}`}\n                additionalInfo={fromAdditionalInfo}\n              />\n              <DateTimeInput\n                testId={testIds.toDateTime}\n                {...commonProps}\n                value={value.end}\n                onBlur={changedValue => {\n                  if (!Number.isNaN(start))\n                    startTimeRef.current = convertToCallbackParameter(start);\n                  endTimeRef.current = changedValue;\n                  onChange({\n                    start: convertToCallbackParameter(start),\n                    end: changedValue\n                  });\n                }}\n                label={toLabel}\n                aria-label={`${t('range_to_datetime') + (label ? ` - ${label}` : '')}`}\n                additionalInfo={toAdditionalInfo}\n              />\n            </>\n          )}\n        </Flex>\n      </FormField>\n    );\n  }\n);\nexport default withTestIds(TimeRangeInput, getTimeRangeInputTestIds);\n"]}
+{"version":3,"file":"TimeRangeInput.js","sourceRoot":"","sources":["../../../../src/components/DateTime/Input/TimeRangeInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useCallback, useRef } from 'react';\nimport type { FunctionComponent, Ref } from 'react';\n\nimport Flex from '../../Flex';\nimport type { FormControlProps } from '../../FormControl';\nimport { useConsolidatedRef, useFocusWithin, useI18n, useTestIds, useUID } from '../../../hooks';\nimport type DateTimeProps from '../DateTime.types';\nimport type {\n  DateRangeCallbackParameter,\n  DateTimeCallbackParameter,\n  DateTimeProperties\n} from '../DateTime.types';\nimport type { ForwardProps } from '../../../types';\nimport { StyledRangeInputContainer } from '../../Input/Input.styles';\nimport type { MinuteInterval } from '../Picker/DatePicker.types';\nimport FormField from '../../FormField';\nimport { getTimeRangeInputTestIds } from '../DateTime.test-ids';\nimport { withTestIds } from '../../../utils';\nimport HiddenText from '../../HiddenText';\n\nimport { parseToDate } from './utils';\nimport type { ClockFormat } from './utils';\nimport TimeInput from './TimeInput';\nimport DateTimeInput from './DateTimeInput';\n\nexport interface TimeRangeInputProps extends DateTimeProperties {\n  /** Object of range boundaries. */\n  value?: { start?: DateTimeProps['value']; end?: DateTimeProps['value'] };\n  /** Callback fired when inputs value changes. */\n  onChange: (value: DateRangeCallbackParameter) => void;\n  /** Callback fired when the component gets focused. */\n  onFocus?: (value: DateRangeCallbackParameter) => void;\n  /** Callback fired when the component loses focus. */\n  onBlur?: (value: DateRangeCallbackParameter) => void;\n  /** Pass a string or a fragment with an Icon and string for first part of TimeRangeInput. */\n  fromLabel?: FormControlProps['label'];\n  /** Pass a string or a fragment with an Icon and string for second part of TimeRangeInput. */\n  toLabel?: FormControlProps['label'];\n  /** Pass an object with \"heading\" and \"content\" properties to show AdditionalInfo for second part of DataRangeInput. */\n  toAdditionalInfo?: FormControlProps['additionalInfo'];\n  /** Pass an object with \"heading\" and \"content\" properties to show AdditionalInfo for first part of DataRangeInput. */\n  fromAdditionalInfo?: FormControlProps['additionalInfo'];\n  /** Controls which input is displayed */\n  mode: 'time' | 'datetime';\n  /**\n   * Display the time with seconds.\n   * @default false\n   */\n  withSeconds?: boolean;\n  /**\n   * Defines interval for time picker options (in minutes).\n   * @default 30\n   */\n  pickerInterval?: MinuteInterval;\n  /** Defines clock format that overrides locale based format */\n  clockFormat?: ClockFormat;\n}\n\nconst convertToCallbackParameter = (v?: number): DateTimeCallbackParameter => {\n  return {\n    valueAsISOString: v === undefined || Number.isNaN(v) ? undefined : new Date(v).toISOString(),\n    valueAsTimestamp: v\n  };\n};\n\nconst TimeRangeInput: FunctionComponent<TimeRangeInputProps & ForwardProps> = forwardRef(\n  function TimeRangeInput(\n    {\n      testId,\n      value = {},\n      onChange,\n      onFocus,\n      onBlur,\n      label,\n      fromLabel,\n      toLabel,\n      labelHidden,\n      required,\n      readOnly,\n      disabled,\n      min,\n      max,\n      withSeconds,\n      pickerInterval,\n      clockFormat,\n      mode,\n      status,\n      fromAdditionalInfo,\n      toAdditionalInfo,\n      autoFocus,\n      ...restProps\n    }: TimeRangeInputProps,\n    ref: Ref<HTMLDivElement>\n  ) {\n    const testIds = useTestIds(testId, getTimeRangeInputTestIds);\n\n    const t = useI18n();\n\n    const start =\n      value.start === undefined || value.start === ''\n        ? undefined\n        : parseToDate(value.start).getTime();\n    const end =\n      value.end === undefined || value.end === '' ? undefined : parseToDate(value.end).getTime();\n\n    const startTimeRef = useRef<DateTimeCallbackParameter>(convertToCallbackParameter(start));\n    const endTimeRef = useRef<DateTimeCallbackParameter>(convertToCallbackParameter(end));\n\n    const onFocusChange = useCallback(\n      (focused: boolean) => {\n        (focused ? onFocus : onBlur)?.({\n          start: startTimeRef.current,\n          end: endTimeRef.current\n        });\n      },\n      [onFocus, onBlur]\n    );\n\n    const containerRef = useConsolidatedRef(ref);\n    useFocusWithin([containerRef], onFocusChange);\n\n    const commonProps = {\n      required,\n      readOnly,\n      disabled,\n      min,\n      max,\n      status,\n      withSeconds,\n      pickerInterval,\n      clockFormat\n    };\n\n    const descriptionId = useUID();\n\n    return (\n      <>\n        <FormField\n          testId={testIds}\n          as='fieldset'\n          {...restProps}\n          container={{ wrap: 'nowrap' }}\n          ref={containerRef}\n          labelAs='legend'\n          label={label}\n          labelHidden={labelHidden}\n          disabled={disabled}\n          required={required}\n          readOnly={readOnly}\n          status={status}\n          aria-describedby={descriptionId}\n        >\n          <Flex container as={StyledRangeInputContainer}>\n            {mode === 'time' ? (\n              <>\n                <TimeInput\n                  testId={testIds.fromTime}\n                  {...commonProps}\n                  value={value.start}\n                  onBlur={changedValue => {\n                    startTimeRef.current = changedValue;\n                    if (!Number.isNaN(end)) endTimeRef.current = convertToCallbackParameter(end);\n                    onChange({\n                      start: changedValue,\n                      end: convertToCallbackParameter(end)\n                    });\n                  }}\n                  label={fromLabel}\n                  aria-label={`${t('range_from_datetime') + (label ? ` - ${label}` : '')}`}\n                  additionalInfo={fromAdditionalInfo}\n                  autoFocus={autoFocus}\n                />\n                <TimeInput\n                  testId={testIds.toTime}\n                  {...commonProps}\n                  value={value.end}\n                  onBlur={changedValue => {\n                    if (!Number.isNaN(start))\n                      startTimeRef.current = convertToCallbackParameter(start);\n                    endTimeRef.current = changedValue;\n                    onChange({\n                      start: convertToCallbackParameter(start),\n                      end: changedValue\n                    });\n                  }}\n                  label={toLabel}\n                  aria-label={`${t('range_to_datetime') + (label ? ` - ${label}` : '')}`}\n                  additionalInfo={toAdditionalInfo}\n                />\n              </>\n            ) : (\n              <>\n                <DateTimeInput\n                  testId={testIds.fromDateTime}\n                  {...commonProps}\n                  value={value.start}\n                  onBlur={changedValue => {\n                    startTimeRef.current = changedValue;\n                    if (!Number.isNaN(end)) endTimeRef.current = convertToCallbackParameter(end);\n                    onChange({\n                      start: changedValue,\n                      end: convertToCallbackParameter(end)\n                    });\n                  }}\n                  label={fromLabel}\n                  aria-label={`${t('range_from_datetime') + (label ? ` - ${label}` : '')}`}\n                  additionalInfo={fromAdditionalInfo}\n                />\n                <DateTimeInput\n                  testId={testIds.toDateTime}\n                  {...commonProps}\n                  value={value.end}\n                  onBlur={changedValue => {\n                    if (!Number.isNaN(start))\n                      startTimeRef.current = convertToCallbackParameter(start);\n                    endTimeRef.current = changedValue;\n                    onChange({\n                      start: convertToCallbackParameter(start),\n                      end: changedValue\n                    });\n                  }}\n                  label={toLabel}\n                  aria-label={`${t('range_to_datetime') + (label ? ` - ${label}` : '')}`}\n                  additionalInfo={toAdditionalInfo}\n                />\n              </>\n            )}\n          </Flex>\n        </FormField>\n        <HiddenText id={descriptionId}>{t('range_input')}</HiddenText>\n      </>\n    );\n  }\n);\nexport default withTestIds(TimeRangeInput, getTimeRangeInputTestIds);\n"]}

package/lib/components/DateTime/Input/WeekInput.d.ts

@@ -6,7 +6,7 @@ export interface WeekInputProps extends OmitStrict<FormControlProps, 'value' | '
 }
 export declare const StyledWeekInput: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, WeekInputProps, never>;
 declare const _default: FunctionComponent<WeekInputProps & ForwardProps> & {
-    getTestIds: (testIdProp?: string | null | undefined) => import("../../../types").TestIdsRecord<readonly ["control-week", "control-year", "open-close-picker", "clear-current-week", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+    getTestIds: (testIdProp?: import("../../../types").TestIdProp["testId"]) => import("../../../types").TestIdsRecord<readonly ["control-week", "control-year", "open-close-picker", "picker", "clear-current-week", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
 };
 export default _default;
 //# sourceMappingURL=WeekInput.d.ts.map

package/lib/components/DateTime/Input/WeekInput.js

@@ -112,7 +112,7 @@ const WeekInput = forwardRef(function WeekInput(props, ref) {
     const WeekNumberInput = (_jsx(PartInput, { "data-testid": testIds.controlWeek, placeholder: t('week_placeholder'), "aria-label": displayNames.of('weekOfYear'), value: date ? getWeek(date) : undefined, onChange: onInputChange, size: 2, maxLength: 2, min: 1, max: 53, readOnly: readOnly, ref: weekInputRef, autoFocus: autoFocus }, 'week'));
     const YearInput = (_jsx(PartInput, { "data-testid": testIds.controlYear, placeholder: t('year_placeholder'), "aria-label": displayNames.of('year'), value: date ? getWeekYear(date) : undefined, onChange: onInputChange, size: 4, maxLength: 4, min: 1, readOnly: readOnly, ref: yearInputRef }, 'year'));
     useFocusWithin([containerRef], onFocusChange);
-    const Picker = (_jsxs(_Fragment, { children: [_jsx(StyledInputButton, { "data-testid": testIds.openClosePicker, variant: 'simple', icon: true, ref: setButtonEl, onClick: () => setOpen(cur => !cur), "aria-label": generatePickerButtonAriaLabel(currentlySelectedDate(), 'week', locale, t, open), readOnly: readOnly, disabled: disabled, children: _jsx(Icon, { name: 'calendar' }) }), open && buttonEl && (_jsx(StyledDatePickerDialog, { ref: setPopoverRef, target: buttonEl, ariaLabel: t('choose_week'), children: _jsx(Flex, { container: { direction: 'column' }, as: StyledDialogContent, children: _jsx(DatePicker, { testId: testIds.root, selected: currentlySelectedDate(), onChange: selected => {
+    const Picker = (_jsxs(_Fragment, { children: [_jsx(StyledInputButton, { "data-testid": testIds.openClosePicker, variant: 'simple', icon: true, ref: setButtonEl, onClick: () => setOpen(cur => !cur), "aria-label": generatePickerButtonAriaLabel(currentlySelectedDate(), 'week', locale, t, open), readOnly: readOnly, disabled: disabled, children: _jsx(Icon, { name: 'calendar' }) }), open && buttonEl && (_jsx(StyledDatePickerDialog, { ref: setPopoverRef, target: buttonEl, "aria-label": t('choose_week'), children: _jsx(Flex, { container: { direction: 'column' }, as: StyledDialogContent, children: _jsx(DatePicker, { testId: testIds.picker, selected: currentlySelectedDate(), onChange: selected => {
                             weekInputRef.current.value =
                                 (selected && getWeek(selected).toString().padStart(2, '0')) || '';
                             yearInputRef.current.value = (selected && getWeekYear(selected).toString()) || '';
@@ -120,7 +120,7 @@ const WeekInput = forwardRef(function WeekInput(props, ref) {
                             setTimeout(() => buttonEl?.focus());
                             onInputChange();
                         }, min: min, max: max, mode: 'week' }) }) }))] }));
-    const Comp = (_jsxs(Flex, { "data-testid": testIds.root, as: StyledWeekInput, forwardedAs: StyledFormControl, container: { alignItems: 'center', wrap: 'nowrap', justify: 'between' }, status: status, readOnly: readOnly, disabled: disabled, ref: containerRef, onClick: (e) => {
+    const Comp = (_jsxs(Flex, { "data-testid": label ? undefined : testIds.root, as: StyledWeekInput, forwardedAs: StyledFormControl, container: { alignItems: 'center', wrap: 'nowrap', justify: 'between' }, status: status, readOnly: readOnly, disabled: disabled, ref: containerRef, onClick: (e) => {
             if (e.target === containerRef.current)
                 weekInputRef.current?.focus();
         }, ...restProps, children: [_jsxs(Flex, { ref: inputContainerRef, as: StyledInputContainer, container: { alignItems: 'center', wrap: 'wrap' }, children: [cap(displayNames.of('weekOfYear')), " ", WeekNumberInput, ",", YearInput] }), _jsxs(Flex, { container: true, children: [!readOnly && hasValue && (_jsx(StyledInputButton, { "data-testid": testIds.clearCurrentWeek, "aria-label": t('clear_current_date'), icon: true, onClick: () => {

package/lib/components/DateTime/Input/WeekInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"WeekInput.js","sourceRoot":"","sources":["../../../../src/components/DateTime/Input/WeekInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useRef, useState } from 'react';\nimport type { FunctionComponent, PropsWithoutRef, Ref } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '../../../theme';\nimport type { ForwardProps, OmitStrict } from '../../../types';\nimport {\n  useConfiguration,\n  useConsolidatedRef,\n  useFocusWithin,\n  useI18n,\n  useOuterEvent,\n  useTestIds\n} from '../../../hooks';\nimport { cap, withTestIds } from '../../../utils';\nimport FormField from '../../FormField';\nimport Icon, { registerIcon } from '../../Icon';\nimport * as calendarIcon from '../../Icon/icons/calendar.icon';\nimport Flex from '../../Flex';\nimport { StyledFormControl } from '../../FormControl';\nimport type { FormControlProps } from '../../FormControl';\nimport DatePicker from '../Picker/DatePicker';\nimport type DateTimeProps from '../DateTime.types';\nimport type { DateTimeCallbackParameter } from '../DateTime.types';\nimport { getWeekInputTestIds } from '../DateTime.test-ids';\n\nimport {\n  parseToDate,\n  getWeekYear,\n  getWeek,\n  generatePickerButtonAriaLabel,\n  convertWeekYearToDate\n} from './utils';\nimport StyledDateTime, {\n  BareInput,\n  StyledDatePickerDialog,\n  StyledDialogContent,\n  StyledInputButton,\n  StyledInputContainer\n} from './DateTime.styles';\nimport usePickerButton from './usePickerButton';\nimport PartInput from './PartInput';\nimport useAutoFocusNextInput from './useAutoFocusNextInput';\nimport type { DateParts } from './DateTimeInput.types';\n\nregisterIcon(calendarIcon);\n\nexport interface WeekInputProps\n  extends OmitStrict<FormControlProps, 'value' | 'defaultValue'>,\n    DateTimeProps {}\n\nexport const StyledWeekInput = styled(StyledDateTime)<WeekInputProps>(props => {\n  const {\n    theme: { base }\n  } = props;\n\n  return css`\n    padding-inline-end: 0;\n\n    ${StyledInputContainer} > ${BareInput}:first-of-type {\n      margin-inline-start: ${base.spacing};\n    }\n  `;\n});\n\nStyledWeekInput.defaultProps = defaultThemeProp;\n\nconst convertToCallbackParameter = (\n  date: Date,\n  parts: DateParts<string | undefined>\n): DateTimeCallbackParameter => {\n  if ([parts.week, parts.year].every(Boolean)) {\n    const { year, month, day } = convertWeekYearToDate(parts) ?? {};\n    date.setUTCFullYear(Number(year), Number(month), Number(day));\n    return {\n      valueAsISOString: date.toISOString(),\n      valueAsTimestamp: date.getTime()\n    };\n  }\n  if ([parts.week, parts.year].every(p => !p)) {\n    return {\n      valueAsISOString: undefined,\n      valueAsTimestamp: undefined\n    };\n  }\n  return {\n    valueAsISOString: '',\n    valueAsTimestamp: NaN,\n    state: 'incomplete'\n  };\n};\n\nconst WeekInput: FunctionComponent<WeekInputProps & ForwardProps> = forwardRef(function WeekInput(\n  props: PropsWithoutRef<WeekInputProps>,\n  ref: Ref<HTMLFieldSetElement>\n) {\n  const {\n    testId,\n    value,\n    min,\n    max,\n    id,\n    label,\n    labelHidden,\n    status,\n    info,\n    required,\n    readOnly,\n    disabled,\n    onChange,\n    onFocus,\n    onBlur,\n    autoFocus,\n    additionalInfo,\n    ...restProps\n  } = props;\n\n  const testIds = useTestIds(testId, getWeekInputTestIds);\n\n  const { locale } = useConfiguration();\n  const t = useI18n();\n  const containerRef = useConsolidatedRef(ref);\n\n  const date = value !== undefined ? parseToDate(value) : undefined;\n  const [hasValue, setHasValue] = useState(!!date);\n\n  const [weekInputRef, yearInputRef] = [\n    useRef<HTMLInputElement>(null),\n    useRef<HTMLInputElement>(null)\n  ];\n\n  useAutoFocusNextInput([weekInputRef, yearInputRef]);\n\n  const pickParts = (): DateParts<string | undefined> => {\n    return {\n      week: weekInputRef.current?.value || undefined,\n      year: yearInputRef.current?.value || undefined\n    };\n  };\n\n  const currentlySelectedDate = () => {\n    const dateParts = convertWeekYearToDate(pickParts());\n    if (dateParts) {\n      const year = Number(dateParts.year);\n      const month = Number(dateParts.month);\n      const day = Number(dateParts.day);\n\n      const current = date ?? new Date();\n      return new Date(\n        current.setUTCFullYear(\n          year ?? current.getUTCFullYear(),\n          month ?? current.getUTCMonth(),\n          day ?? current.getUTCDate()\n        )\n      );\n    }\n  };\n\n  const inputContainerRef = useRef<HTMLDivElement>(null);\n\n  const onFocusChange = (focused: boolean) => {\n    const callbackParam = convertToCallbackParameter(\n      date ? new Date(date) : new Date(),\n      pickParts()\n    );\n    if (onFocus && focused) onFocus(callbackParam);\n    if (!focused) {\n      if (inputContainerRef.current) inputContainerRef.current.scrollTop = 0;\n      onBlur?.(callbackParam);\n    }\n  };\n\n  const [open, setOpen, , setPopoverRef, buttonEl, setButtonEl] = usePickerButton();\n\n  const onInputChange = () => {\n    onChange?.(convertToCallbackParameter(date ? new Date(date) : new Date(), pickParts()));\n    buttonEl?.setAttribute(\n      'aria-label',\n      generatePickerButtonAriaLabel(currentlySelectedDate(), 'week', locale, t, open)\n    );\n    if (weekInputRef.current?.value !== '' && yearInputRef.current?.value !== '') {\n      setHasValue(true);\n    } else {\n      setHasValue(false);\n    }\n  };\n\n  // autoclose picker on focusing out\n  useOuterEvent('focusin', [containerRef], e => {\n    if (containerRef.current?.contains(e.relatedTarget as HTMLElement)) setOpen(false);\n  });\n\n  const displayNames = new Intl.DisplayNames(locale, {\n    style: 'long',\n    type: 'dateTimeField'\n  }) as Intl.DateTimeDisplayNames;\n\n  const WeekNumberInput = (\n    <PartInput\n      data-testid={testIds.controlWeek}\n      key='week'\n      placeholder={t('week_placeholder')}\n      aria-label={displayNames.of('weekOfYear')}\n      value={date ? getWeek(date) : undefined}\n      onChange={onInputChange}\n      size={2}\n      maxLength={2}\n      min={1}\n      max={53}\n      readOnly={readOnly}\n      ref={weekInputRef}\n      autoFocus={autoFocus}\n    />\n  );\n\n  const YearInput = (\n    <PartInput\n      data-testid={testIds.controlYear}\n      key='year'\n      placeholder={t('year_placeholder')}\n      aria-label={displayNames.of('year')}\n      value={date ? getWeekYear(date) : undefined}\n      onChange={onInputChange}\n      size={4}\n      maxLength={4}\n      min={1}\n      readOnly={readOnly}\n      ref={yearInputRef}\n    />\n  );\n\n  useFocusWithin([containerRef], onFocusChange);\n\n  const Picker = (\n    <>\n      <StyledInputButton\n        data-testid={testIds.openClosePicker}\n        variant='simple'\n        icon\n        ref={setButtonEl}\n        onClick={() => setOpen(cur => !cur)}\n        aria-label={generatePickerButtonAriaLabel(currentlySelectedDate(), 'week', locale, t, open)}\n        readOnly={readOnly}\n        disabled={disabled}\n      >\n        <Icon name='calendar' />\n      </StyledInputButton>\n      {open && buttonEl && (\n        <StyledDatePickerDialog ref={setPopoverRef} target={buttonEl} ariaLabel={t('choose_week')}>\n          <Flex container={{ direction: 'column' }} as={StyledDialogContent}>\n            <DatePicker\n              testId={testIds.root}\n              selected={currentlySelectedDate()}\n              onChange={selected => {\n                weekInputRef.current!.value =\n                  (selected && getWeek(selected).toString().padStart(2, '0')) || '';\n                yearInputRef.current!.value = (selected && getWeekYear(selected).toString()) || '';\n                setOpen(false);\n                setTimeout(() => buttonEl?.focus());\n                onInputChange();\n              }}\n              min={min}\n              max={max}\n              mode='week'\n            />\n          </Flex>\n        </StyledDatePickerDialog>\n      )}\n    </>\n  );\n\n  const Comp = (\n    <Flex\n      data-testid={testIds.root}\n      as={StyledWeekInput}\n      forwardedAs={StyledFormControl}\n      container={{ alignItems: 'center', wrap: 'nowrap', justify: 'between' }}\n      status={status}\n      readOnly={readOnly}\n      disabled={disabled}\n      ref={containerRef}\n      onClick={(e: MouseEvent) => {\n        if (e.target === containerRef.current) weekInputRef.current?.focus();\n      }}\n      {...restProps}\n    >\n      <Flex\n        ref={inputContainerRef}\n        as={StyledInputContainer}\n        container={{ alignItems: 'center', wrap: 'wrap' }}\n      >\n        {cap(displayNames.of('weekOfYear'))} {WeekNumberInput},{YearInput}\n      </Flex>\n      <Flex container>\n        {!readOnly && hasValue && (\n          <StyledInputButton\n            data-testid={testIds.clearCurrentWeek}\n            aria-label={t('clear_current_date')}\n            icon\n            onClick={() => {\n              weekInputRef.current!.value = '';\n              yearInputRef.current!.value = '';\n              setTimeout(() => buttonEl?.focus());\n              onInputChange();\n            }}\n            variant='simple'\n            compact\n            label={t('clear')}\n          >\n            <Icon name='times' />\n          </StyledInputButton>\n        )}\n        {!readOnly && Picker}\n      </Flex>\n    </Flex>\n  );\n\n  return label ? (\n    <FormField\n      testId={testIds}\n      as='fieldset'\n      labelAs='legend'\n      label={label}\n      labelHidden={labelHidden}\n      id={id}\n      info={info}\n      status={status}\n      required={required}\n      disabled={disabled}\n      additionalInfo={additionalInfo}\n      ref={ref}\n    >\n      {Comp}\n    </FormField>\n  ) : (\n    Comp\n  );\n});\n\nexport default withTestIds(WeekInput, getWeekInputTestIds);\n"]}
+{"version":3,"file":"WeekInput.js","sourceRoot":"","sources":["../../../../src/components/DateTime/Input/WeekInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useRef, useState } from 'react';\nimport type { FunctionComponent, PropsWithoutRef, Ref } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '../../../theme';\nimport type { ForwardProps, OmitStrict } from '../../../types';\nimport {\n  useConfiguration,\n  useConsolidatedRef,\n  useFocusWithin,\n  useI18n,\n  useOuterEvent,\n  useTestIds\n} from '../../../hooks';\nimport { cap, withTestIds } from '../../../utils';\nimport FormField from '../../FormField';\nimport Icon, { registerIcon } from '../../Icon';\nimport * as calendarIcon from '../../Icon/icons/calendar.icon';\nimport Flex from '../../Flex';\nimport { StyledFormControl } from '../../FormControl';\nimport type { FormControlProps } from '../../FormControl';\nimport DatePicker from '../Picker/DatePicker';\nimport type DateTimeProps from '../DateTime.types';\nimport type { DateTimeCallbackParameter } from '../DateTime.types';\nimport { getWeekInputTestIds } from '../DateTime.test-ids';\n\nimport {\n  parseToDate,\n  getWeekYear,\n  getWeek,\n  generatePickerButtonAriaLabel,\n  convertWeekYearToDate\n} from './utils';\nimport StyledDateTime, {\n  BareInput,\n  StyledDatePickerDialog,\n  StyledDialogContent,\n  StyledInputButton,\n  StyledInputContainer\n} from './DateTime.styles';\nimport usePickerButton from './usePickerButton';\nimport PartInput from './PartInput';\nimport useAutoFocusNextInput from './useAutoFocusNextInput';\nimport type { DateParts } from './DateTimeInput.types';\n\nregisterIcon(calendarIcon);\n\nexport interface WeekInputProps\n  extends OmitStrict<FormControlProps, 'value' | 'defaultValue'>,\n    DateTimeProps {}\n\nexport const StyledWeekInput = styled(StyledDateTime)<WeekInputProps>(props => {\n  const {\n    theme: { base }\n  } = props;\n\n  return css`\n    padding-inline-end: 0;\n\n    ${StyledInputContainer} > ${BareInput}:first-of-type {\n      margin-inline-start: ${base.spacing};\n    }\n  `;\n});\n\nStyledWeekInput.defaultProps = defaultThemeProp;\n\nconst convertToCallbackParameter = (\n  date: Date,\n  parts: DateParts<string | undefined>\n): DateTimeCallbackParameter => {\n  if ([parts.week, parts.year].every(Boolean)) {\n    const { year, month, day } = convertWeekYearToDate(parts) ?? {};\n    date.setUTCFullYear(Number(year), Number(month), Number(day));\n    return {\n      valueAsISOString: date.toISOString(),\n      valueAsTimestamp: date.getTime()\n    };\n  }\n  if ([parts.week, parts.year].every(p => !p)) {\n    return {\n      valueAsISOString: undefined,\n      valueAsTimestamp: undefined\n    };\n  }\n  return {\n    valueAsISOString: '',\n    valueAsTimestamp: NaN,\n    state: 'incomplete'\n  };\n};\n\nconst WeekInput: FunctionComponent<WeekInputProps & ForwardProps> = forwardRef(function WeekInput(\n  props: PropsWithoutRef<WeekInputProps>,\n  ref: Ref<HTMLFieldSetElement>\n) {\n  const {\n    testId,\n    value,\n    min,\n    max,\n    id,\n    label,\n    labelHidden,\n    status,\n    info,\n    required,\n    readOnly,\n    disabled,\n    onChange,\n    onFocus,\n    onBlur,\n    autoFocus,\n    additionalInfo,\n    ...restProps\n  } = props;\n\n  const testIds = useTestIds(testId, getWeekInputTestIds);\n\n  const { locale } = useConfiguration();\n  const t = useI18n();\n  const containerRef = useConsolidatedRef(ref);\n\n  const date = value !== undefined ? parseToDate(value) : undefined;\n  const [hasValue, setHasValue] = useState(!!date);\n\n  const [weekInputRef, yearInputRef] = [\n    useRef<HTMLInputElement>(null),\n    useRef<HTMLInputElement>(null)\n  ];\n\n  useAutoFocusNextInput([weekInputRef, yearInputRef]);\n\n  const pickParts = (): DateParts<string | undefined> => {\n    return {\n      week: weekInputRef.current?.value || undefined,\n      year: yearInputRef.current?.value || undefined\n    };\n  };\n\n  const currentlySelectedDate = () => {\n    const dateParts = convertWeekYearToDate(pickParts());\n    if (dateParts) {\n      const year = Number(dateParts.year);\n      const month = Number(dateParts.month);\n      const day = Number(dateParts.day);\n\n      const current = date ?? new Date();\n      return new Date(\n        current.setUTCFullYear(\n          year ?? current.getUTCFullYear(),\n          month ?? current.getUTCMonth(),\n          day ?? current.getUTCDate()\n        )\n      );\n    }\n  };\n\n  const inputContainerRef = useRef<HTMLDivElement>(null);\n\n  const onFocusChange = (focused: boolean) => {\n    const callbackParam = convertToCallbackParameter(\n      date ? new Date(date) : new Date(),\n      pickParts()\n    );\n    if (onFocus && focused) onFocus(callbackParam);\n    if (!focused) {\n      if (inputContainerRef.current) inputContainerRef.current.scrollTop = 0;\n      onBlur?.(callbackParam);\n    }\n  };\n\n  const [open, setOpen, , setPopoverRef, buttonEl, setButtonEl] = usePickerButton();\n\n  const onInputChange = () => {\n    onChange?.(convertToCallbackParameter(date ? new Date(date) : new Date(), pickParts()));\n    buttonEl?.setAttribute(\n      'aria-label',\n      generatePickerButtonAriaLabel(currentlySelectedDate(), 'week', locale, t, open)\n    );\n    if (weekInputRef.current?.value !== '' && yearInputRef.current?.value !== '') {\n      setHasValue(true);\n    } else {\n      setHasValue(false);\n    }\n  };\n\n  // autoclose picker on focusing out\n  useOuterEvent('focusin', [containerRef], e => {\n    if (containerRef.current?.contains(e.relatedTarget as HTMLElement)) setOpen(false);\n  });\n\n  const displayNames = new Intl.DisplayNames(locale, {\n    style: 'long',\n    type: 'dateTimeField'\n  }) as Intl.DateTimeDisplayNames;\n\n  const WeekNumberInput = (\n    <PartInput\n      data-testid={testIds.controlWeek}\n      key='week'\n      placeholder={t('week_placeholder')}\n      aria-label={displayNames.of('weekOfYear')}\n      value={date ? getWeek(date) : undefined}\n      onChange={onInputChange}\n      size={2}\n      maxLength={2}\n      min={1}\n      max={53}\n      readOnly={readOnly}\n      ref={weekInputRef}\n      autoFocus={autoFocus}\n    />\n  );\n\n  const YearInput = (\n    <PartInput\n      data-testid={testIds.controlYear}\n      key='year'\n      placeholder={t('year_placeholder')}\n      aria-label={displayNames.of('year')}\n      value={date ? getWeekYear(date) : undefined}\n      onChange={onInputChange}\n      size={4}\n      maxLength={4}\n      min={1}\n      readOnly={readOnly}\n      ref={yearInputRef}\n    />\n  );\n\n  useFocusWithin([containerRef], onFocusChange);\n\n  const Picker = (\n    <>\n      <StyledInputButton\n        data-testid={testIds.openClosePicker}\n        variant='simple'\n        icon\n        ref={setButtonEl}\n        onClick={() => setOpen(cur => !cur)}\n        aria-label={generatePickerButtonAriaLabel(currentlySelectedDate(), 'week', locale, t, open)}\n        readOnly={readOnly}\n        disabled={disabled}\n      >\n        <Icon name='calendar' />\n      </StyledInputButton>\n      {open && buttonEl && (\n        <StyledDatePickerDialog ref={setPopoverRef} target={buttonEl} aria-label={t('choose_week')}>\n          <Flex container={{ direction: 'column' }} as={StyledDialogContent}>\n            <DatePicker\n              testId={testIds.picker}\n              selected={currentlySelectedDate()}\n              onChange={selected => {\n                weekInputRef.current!.value =\n                  (selected && getWeek(selected).toString().padStart(2, '0')) || '';\n                yearInputRef.current!.value = (selected && getWeekYear(selected).toString()) || '';\n                setOpen(false);\n                setTimeout(() => buttonEl?.focus());\n                onInputChange();\n              }}\n              min={min}\n              max={max}\n              mode='week'\n            />\n          </Flex>\n        </StyledDatePickerDialog>\n      )}\n    </>\n  );\n\n  const Comp = (\n    <Flex\n      data-testid={label ? undefined : testIds.root}\n      as={StyledWeekInput}\n      forwardedAs={StyledFormControl}\n      container={{ alignItems: 'center', wrap: 'nowrap', justify: 'between' }}\n      status={status}\n      readOnly={readOnly}\n      disabled={disabled}\n      ref={containerRef}\n      onClick={(e: MouseEvent) => {\n        if (e.target === containerRef.current) weekInputRef.current?.focus();\n      }}\n      {...restProps}\n    >\n      <Flex\n        ref={inputContainerRef}\n        as={StyledInputContainer}\n        container={{ alignItems: 'center', wrap: 'wrap' }}\n      >\n        {cap(displayNames.of('weekOfYear'))} {WeekNumberInput},{YearInput}\n      </Flex>\n      <Flex container>\n        {!readOnly && hasValue && (\n          <StyledInputButton\n            data-testid={testIds.clearCurrentWeek}\n            aria-label={t('clear_current_date')}\n            icon\n            onClick={() => {\n              weekInputRef.current!.value = '';\n              yearInputRef.current!.value = '';\n              setTimeout(() => buttonEl?.focus());\n              onInputChange();\n            }}\n            variant='simple'\n            compact\n            label={t('clear')}\n          >\n            <Icon name='times' />\n          </StyledInputButton>\n        )}\n        {!readOnly && Picker}\n      </Flex>\n    </Flex>\n  );\n\n  return label ? (\n    <FormField\n      testId={testIds}\n      as='fieldset'\n      labelAs='legend'\n      label={label}\n      labelHidden={labelHidden}\n      id={id}\n      info={info}\n      status={status}\n      required={required}\n      disabled={disabled}\n      additionalInfo={additionalInfo}\n      ref={ref}\n    >\n      {Comp}\n    </FormField>\n  ) : (\n    Comp\n  );\n});\n\nexport default withTestIds(WeekInput, getWeekInputTestIds);\n"]}

package/lib/components/DateTime/Input/useAutoFocusNextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAutoFocusNextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTime/Input/useAutoFocusNextInput.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;GAIG;AACH,QAAA,MAAM,qBAAqB,SAAU,UAAU,gBAAgB,CAAC,EAAE,SA8BjE,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"useAutoFocusNextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTime/Input/useAutoFocusNextInput.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;GAIG;AACH,QAAA,MAAM,qBAAqB,SAAU,SAAS,CAAC,gBAAgB,CAAC,EAAE,SA8BjE,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/lib/components/DateTime/Input/useAutoFocusNextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAutoFocusNextInput.js","sourceRoot":"","sources":["../../../../src/components/DateTime/Input/useAutoFocusNextInput.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG/C;;;;GAIG;AACH,MAAM,qBAAqB,GAAG,CAAC,IAAmC,EAAE,EAAE;IACpE,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,WAAwC,EAAE,EAAE;QAC5E,OAAO,CAAC,EAAS,EAAE,EAAE;YACnB,MAAM,aAAa,GAAG,EAAE,CAAC,MAA0B,CAAC;YACpD,IACG,EAAiB,CAAC,SAAS,KAAK,YAAY;gBAC7C,aAAa,CAAC,KAAK,CAAC,MAAM,KAAK,aAAa,CAAC,SAAS,EACtD;gBACA,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;gBAC9B,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;aAChC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,2EAA2E;QAC3E,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;QACnD,MAAM,SAAS,GAA4B,EAAE,CAAC;QAE9C,GAAG,CAAC,OAAO,CAAC,CAAC,EAAoB,EAAE,KAAa,EAAE,EAAE;YAClD,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YAC9C,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,GAAG,CAAC,OAAO,CAAC,CAAC,EAAoB,EAAE,KAAa,EAAE,EAAE;gBAClD,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;YACpD,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AACb,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["import { useCallback, useEffect } from 'react';\nimport type { RefObject } from 'react';\n\n/**\n * Automatically moves focus to next referenced input when current one's number of chars is equal to max-length.\n * @example useAutoFocusNextInput([ref1, ref2, ref3]);\n * @param refs - array of references to relevant input elements\n */\nconst useAutoFocusNextInput = (refs: RefObject<HTMLInputElement>[]) => {\n  const wrapListener = useCallback((nextElement: RefObject<HTMLInputElement>) => {\n    return (ev: Event) => {\n      const targetElement = ev.target as HTMLInputElement;\n      if (\n        (ev as InputEvent).inputType === 'insertText' &&\n        targetElement.value.length === targetElement.maxLength\n      ) {\n        nextElement?.current?.focus();\n        nextElement?.current?.select();\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    // Save current state of ref array to ensure it is the same during cleanup.\n    const els = refs.flatMap(ref => ref.current ?? []);\n    const callbacks: ((ev: Event) => void)[] = [];\n\n    els.forEach((el: HTMLInputElement, index: number) => {\n      callbacks.push(wrapListener(refs[index + 1]));\n      el.addEventListener('input', callbacks[index]);\n    });\n\n    return () => {\n      els.forEach((el: HTMLInputElement, index: number) => {\n        el.removeEventListener('input', callbacks[index]);\n      });\n    };\n  }, [refs]);\n};\n\nexport default useAutoFocusNextInput;\n"]}
+{"version":3,"file":"useAutoFocusNextInput.js","sourceRoot":"","sources":["../../../../src/components/DateTime/Input/useAutoFocusNextInput.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG/C;;;;GAIG;AACH,MAAM,qBAAqB,GAAG,CAAC,IAAmC,EAAE,EAAE;IACpE,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,WAAwC,EAAE,EAAE;QAC5E,OAAO,CAAC,EAAS,EAAE,EAAE;YACnB,MAAM,aAAa,GAAG,EAAE,CAAC,MAA0B,CAAC;YACpD,IACG,EAAiB,CAAC,SAAS,KAAK,YAAY;gBAC7C,aAAa,CAAC,KAAK,CAAC,MAAM,KAAK,aAAa,CAAC,SAAS,EACtD,CAAC;gBACD,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;gBAC9B,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;YACjC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,2EAA2E;QAC3E,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;QACnD,MAAM,SAAS,GAA4B,EAAE,CAAC;QAE9C,GAAG,CAAC,OAAO,CAAC,CAAC,EAAoB,EAAE,KAAa,EAAE,EAAE;YAClD,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YAC9C,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,GAAG,CAAC,OAAO,CAAC,CAAC,EAAoB,EAAE,KAAa,EAAE,EAAE;gBAClD,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;YACpD,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AACb,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["import { useCallback, useEffect } from 'react';\nimport type { RefObject } from 'react';\n\n/**\n * Automatically moves focus to next referenced input when current one's number of chars is equal to max-length.\n * @example useAutoFocusNextInput([ref1, ref2, ref3]);\n * @param refs - array of references to relevant input elements\n */\nconst useAutoFocusNextInput = (refs: RefObject<HTMLInputElement>[]) => {\n  const wrapListener = useCallback((nextElement: RefObject<HTMLInputElement>) => {\n    return (ev: Event) => {\n      const targetElement = ev.target as HTMLInputElement;\n      if (\n        (ev as InputEvent).inputType === 'insertText' &&\n        targetElement.value.length === targetElement.maxLength\n      ) {\n        nextElement?.current?.focus();\n        nextElement?.current?.select();\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    // Save current state of ref array to ensure it is the same during cleanup.\n    const els = refs.flatMap(ref => ref.current ?? []);\n    const callbacks: ((ev: Event) => void)[] = [];\n\n    els.forEach((el: HTMLInputElement, index: number) => {\n      callbacks.push(wrapListener(refs[index + 1]));\n      el.addEventListener('input', callbacks[index]);\n    });\n\n    return () => {\n      els.forEach((el: HTMLInputElement, index: number) => {\n        el.removeEventListener('input', callbacks[index]);\n      });\n    };\n  }, [refs]);\n};\n\nexport default useAutoFocusNextInput;\n"]}

package/lib/components/DateTime/Input/usePickerButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePickerButton.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTime/Input/usePickerButton.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAItD,QAAA,MAAM,eAAe,aACT,MAAM,IAAI,iFAKT,WAAW,GAAG,IAAI,KAAK,IAAI,iCAE3B,WAAW,GAAG,IAAI,KAAK,IAAI,CAgCvC,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"usePickerButton.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTime/Input/usePickerButton.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAItD,QAAA,MAAM,eAAe,aACT,MAAM,IAAI,KACnB,CACD,OAAO,EACP,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,EACjC,WAAW,GAAG,IAAI,EAClB,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,EACtC,WAAW,GAAG,IAAI,EAClB,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAgCvC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/DateTime/Input/usePickerButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePickerButton.js","sourceRoot":"","sources":["../../../../src/components/DateTime/Input/usePickerButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEtE,MAAM,eAAe,GAAG,CACtB,OAAoB,EAQpB,EAAE;IACF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,SAAS,EAAE,aAAa,CAAC,GAAG,UAAU,EAAe,CAAC;IAC7D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,UAAU,EAAe,CAAC;IAE1D,iGAAiG;IACjG,uGAAuG;IACvG,6FAA6F;IAC7F,aAAa,CAAC,WAAW,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE,GAAG,EAAE;QACrD,IAAI,IAAI,EAAE;YACR,OAAO,EAAE,EAAE,CAAC;YACZ,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;SAClC;IACH,CAAC,CAAC,CAAC;IAEH,SAAS,CACP,CAAC,CAAC,EAAE;QACF,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,OAAO,EAAE,EAAE,CAAC;QACZ,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,6EAA6E;QAC7E,IAAI,CAAC,CAAC,aAAa,KAAK,SAAS,EAAE;YACjC,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,QAAQ,EAAE,KAAK,EAAE,CAAC;SACnB;IACH,CAAC,EACD,SAAS,EACT,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,OAAO,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC;AAC1E,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import { useState } from 'react';\nimport type { Dispatch, SetStateAction } from 'react';\n\nimport { useElement, useEscape, useOuterEvent } from '../../../hooks';\n\nconst usePickerButton = (\n  onClose?: () => void\n): [\n  boolean,\n  Dispatch<SetStateAction<boolean>>,\n  HTMLElement | null,\n  (instance: HTMLElement | null) => void,\n  HTMLElement | null,\n  (instance: HTMLElement | null) => void\n] => {\n  const [open, setOpen] = useState(false);\n  const [popoverEl, setPopoverRef] = useElement<HTMLElement>();\n  const [buttonEl, setButtonEl] = useElement<HTMLElement>();\n\n  // Input calls onBlur callback in 'focusout' handler, so any immediate changes to the value, like\n  // setting midnight by default in DateTimeInput, must be made earlier - in 'mousedown' event. Although,\n  // we can't close the popover before all the events' processing ends, so we need to delay it.\n  useOuterEvent('mousedown', [popoverEl, buttonEl], () => {\n    if (open) {\n      onClose?.();\n      setTimeout(() => setOpen(false));\n    }\n  });\n\n  useEscape(\n    e => {\n      e.preventDefault();\n      onClose?.();\n      setOpen(false);\n      // Stop propagation if triggered inside the picker to prevent closing a modal\n      if (e.currentTarget === popoverEl) {\n        e.stopPropagation();\n        buttonEl?.focus();\n      }\n    },\n    popoverEl,\n    [popoverEl]\n  );\n\n  return [open, setOpen, popoverEl, setPopoverRef, buttonEl, setButtonEl];\n};\n\nexport default usePickerButton;\n"]}
+{"version":3,"file":"usePickerButton.js","sourceRoot":"","sources":["../../../../src/components/DateTime/Input/usePickerButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEtE,MAAM,eAAe,GAAG,CACtB,OAAoB,EAQpB,EAAE;IACF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,SAAS,EAAE,aAAa,CAAC,GAAG,UAAU,EAAe,CAAC;IAC7D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,UAAU,EAAe,CAAC;IAE1D,iGAAiG;IACjG,uGAAuG;IACvG,6FAA6F;IAC7F,aAAa,CAAC,WAAW,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE,GAAG,EAAE;QACrD,IAAI,IAAI,EAAE,CAAC;YACT,OAAO,EAAE,EAAE,CAAC;YACZ,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,SAAS,CACP,CAAC,CAAC,EAAE;QACF,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,OAAO,EAAE,EAAE,CAAC;QACZ,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,6EAA6E;QAC7E,IAAI,CAAC,CAAC,aAAa,KAAK,SAAS,EAAE,CAAC;YAClC,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,QAAQ,EAAE,KAAK,EAAE,CAAC;QACpB,CAAC;IACH,CAAC,EACD,SAAS,EACT,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,OAAO,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC;AAC1E,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import { useState } from 'react';\nimport type { Dispatch, SetStateAction } from 'react';\n\nimport { useElement, useEscape, useOuterEvent } from '../../../hooks';\n\nconst usePickerButton = (\n  onClose?: () => void\n): [\n  boolean,\n  Dispatch<SetStateAction<boolean>>,\n  HTMLElement | null,\n  (instance: HTMLElement | null) => void,\n  HTMLElement | null,\n  (instance: HTMLElement | null) => void\n] => {\n  const [open, setOpen] = useState(false);\n  const [popoverEl, setPopoverRef] = useElement<HTMLElement>();\n  const [buttonEl, setButtonEl] = useElement<HTMLElement>();\n\n  // Input calls onBlur callback in 'focusout' handler, so any immediate changes to the value, like\n  // setting midnight by default in DateTimeInput, must be made earlier - in 'mousedown' event. Although,\n  // we can't close the popover before all the events' processing ends, so we need to delay it.\n  useOuterEvent('mousedown', [popoverEl, buttonEl], () => {\n    if (open) {\n      onClose?.();\n      setTimeout(() => setOpen(false));\n    }\n  });\n\n  useEscape(\n    e => {\n      e.preventDefault();\n      onClose?.();\n      setOpen(false);\n      // Stop propagation if triggered inside the picker to prevent closing a modal\n      if (e.currentTarget === popoverEl) {\n        e.stopPropagation();\n        buttonEl?.focus();\n      }\n    },\n    popoverEl,\n    [popoverEl]\n  );\n\n  return [open, setOpen, popoverEl, setPopoverRef, buttonEl, setButtonEl];\n};\n\nexport default usePickerButton;\n"]}

package/lib/components/DateTime/Input/utils.d.ts

@@ -12,7 +12,7 @@ export declare const getDateOfISOWeek: (week: number, year: number) => Date;
 export declare const parseToDate: (value: string | number | Date) => Date;
 export type QuarterNumber = 1 | 2 | 3 | 4;
 export declare function getQuarter(date: string | number | Date): QuarterNumber;
-export declare const getDateFormat: (localeTag: string, options?: Intl.DateTimeFormatOptions | undefined, labelFormat?: boolean) => string[];
+export declare const getDateTimeParts: (localeTag: string, options?: Intl.DateTimeFormatOptions | undefined, labelFormat?: boolean) => string[];
 export declare const getStartOfWeek: (date: Date, calendarType?: string) => Date;
 export declare const getEndOfWeek: (date: Date, calendarType?: string) => Date;
 export declare const convertWeekYearToDate: ({ week, year }: DateParts<string | undefined>) => DateParts<string> | undefined;
@@ -53,5 +53,7 @@ export declare const isISODate: (value: string) => boolean;
 export declare const isTime: (value: string) => boolean;
 export declare const parseLocaleTextToDateParams: (value: string, localeTag: string) => number[] | undefined;
 export declare const parsePastedTextToDate: (value: string, localeTag: string, currentDate: Date) => Date | undefined;
-export declare const generatePickerButtonAriaLabel: (date: Date | undefined, type: 'date' | 'datetime' | 'week', locale: string, translateFn: TranslationFunction<TranslationPack>, open: boolean) => string;
+export declare const getSelectedDateInfoText: (date: Date | undefined, type: "date" | "datetime" | "week", locale: string, translateFn: TranslationFunction<TranslationPack>) => string;
+export declare const generatePickerButtonAriaLabel: (date: Date | undefined, type: "date" | "datetime" | "week", locale: string, translateFn: TranslationFunction<TranslationPack>, open: boolean) => string;
+export declare const getDateFormat: (t: TranslationFunction<TranslationPack>, localeTag: string, type: "date" | "time" | "time+seconds" | "datetime" | "datetime+seconds") => string;
 //# sourceMappingURL=utils.d.ts.map

package/lib/components/DateTime/Input/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTime/Input/utils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTime/Input/utils.ts"],"names":[],"mappings":"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"}

package/lib/components/DateTime/Input/utils.js

@@ -105,27 +105,22 @@ export function getQuarter(date) {
     const quarter = [1, 2, 3, 4];
     return quarter[Math.floor(parsedDate.getUTCMonth() / 3)];
 }
-export const getDateFormat = (localeTag, options, labelFormat) => {
+export const getDateTimeParts = (localeTag, options, labelFormat) => {
     return getIntlDateTimeFormatFromCache(localeTag, options)
         .formatToParts()
         .map(({ type, value }) => {
         switch (type) {
             case 'day':
-                return 'DD';
             case 'month':
-                return 'MM';
             case 'year':
-                return 'YYYY';
             case 'hour':
-                return 'hh';
             case 'minute':
-                return 'mm';
             case 'second':
-                return 'ss';
+                return type;
             case 'dayPeriod':
                 if (labelFormat)
                     return '';
-                return value;
+                return type;
             case 'literal':
                 return value;
             default:
@@ -277,7 +272,7 @@ export const isTime = (value) => {
     return TIME_REG_EXP.test(value);
 };
 export const parseLocaleTextToDateParams = (value, localeTag) => {
-    const template = getDateFormat(localeTag, {
+    const template = getDateTimeParts(localeTag, {
         year: 'numeric',
         month: 'numeric',
         day: 'numeric'
@@ -290,13 +285,13 @@ export const parseLocaleTextToDateParams = (value, localeTag) => {
         let month = 0;
         let day = 0;
         template.forEach((part, index) => {
-            if (part === 'YYYY') {
+            if (part === 'year') {
                 year = Number(valueParts[index]);
             }
-            else if (part === 'MM') {
+            else if (part === 'month') {
                 month = Number((Number(valueParts[index]) - 1).toString().padStart(2, '0'));
             }
-            else if (part === 'DD') {
+            else if (part === 'day') {
                 day = Number(valueParts[index].padStart(2, '0'));
             }
         });
@@ -324,23 +319,55 @@ export const parsePastedTextToDate = (value, localeTag, currentDate) => {
     }
     return result;
 };
-export const generatePickerButtonAriaLabel = (date, type, locale, translateFn, open) => {
-    let datePart = '';
+export const getSelectedDateInfoText = (date, type, locale, translateFn) => {
     if (type === 'week') {
         const displayNames = new Intl.DisplayNames(locale, { style: 'long', type: 'dateTimeField' });
-        datePart = date
-            ? `${translateFn('selected_date_a11y')} ${displayNames.of('weekOfYear')} ${getWeek(date, CALENDAR_TYPES.ISO_8601)}, ${date.getUTCFullYear()}, `
+        return date
+            ? `${translateFn('selected_date_a11y')} ${displayNames.of('weekOfYear')} ${getWeek(date, CALENDAR_TYPES.ISO_8601)}, ${getWeekYear(date, CALENDAR_TYPES.ISO_8601)}`
             : '';
     }
-    else {
-        datePart = date
-            ? `${translateFn('selected_date_a11y')} ${date.toLocaleString(locale, {
-                timeZone: 'UTC',
-                dateStyle: 'full',
-                ...(type === 'datetime' ? { timeStyle: 'short' } : {})
-            })}, `
-            : '';
+    return date
+        ? `${translateFn('selected_date_a11y')} ${date.toLocaleString(locale, {
+            timeZone: 'UTC',
+            dateStyle: 'full',
+            ...(type === 'datetime' ? { timeStyle: 'short' } : {})
+        })}`
+        : '';
+};
+export const generatePickerButtonAriaLabel = (date, type, locale, translateFn, open) => {
+    const datePart = getSelectedDateInfoText(date, type, locale, translateFn);
+    return `${datePart ? `${datePart}, ` : ''}${translateFn(open ? 'close_calendar_button_a11y' : 'open_calendar_button_a11y')}`;
+};
+export const getDateFormat = (t, localeTag, type) => {
+    const formatDateParts = (parts) => {
+        return parts
+            .map(part => {
+            switch (part) {
+                case 'day':
+                case 'month':
+                case 'year':
+                case 'hour':
+                case 'minute':
+                case 'second':
+                    return t(`${part}_placeholder`);
+                default:
+                    return part;
+            }
+        })
+            .join('');
+    };
+    switch (type) {
+        case 'date':
+            return formatDateParts(getDateTimeParts(localeTag));
+        case 'time':
+            return formatDateParts(getDateTimeParts(localeTag, getTimeOptions(false, false), true));
+        case 'time+seconds':
+            return formatDateParts(getDateTimeParts(localeTag, getTimeOptions(true, false), true));
+        case 'datetime':
+            return `${formatDateParts(getDateTimeParts(localeTag))} ${formatDateParts(getDateTimeParts(localeTag, getTimeOptions(false, false), true))}`;
+        case 'datetime+seconds':
+        default:
+            return `${formatDateParts(getDateTimeParts(localeTag))} ${formatDateParts(getDateTimeParts(localeTag, getTimeOptions(true, false), true))}`;
     }
-    return `${datePart}${translateFn(open ? 'close_calendar_button_a11y' : 'open_calendar_button_a11y')}`;
 };
 //# sourceMappingURL=utils.js.map