@cloudscape-design/components 3.0.542 → 3.0.543

package/date-input/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["date-input/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;;AAEtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,KAAc,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAEpF,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAG9D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAMrC,SAAS,OAAO,CAAC,KAAa;IAC5B,2EAA2E;IAC3E,MAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACrD,OAAO,cAAc,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC7C,CAAC;AAED,MAAM,QAAQ,GAAa;IACzB,SAAS,EAAE,GAAG;IACd,eAAe,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;IAChC,QAAQ,EAAE;QACR,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE;QAC/C,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;QAC9B,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE;KACpC;CACF,CAAC;AAEF,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CACxC,CAAC,EAA+E,EAAE,GAA0B,EAAE,EAAE;QAA/G,EAAE,KAAK,EAAE,QAAQ,EAAE,iBAAiB,GAAG,IAAI,OAAoC,EAA/B,KAAK,cAArD,0CAAuD,CAAF;IACpD,OAAO,CACL,oBAAC,WAAW,kBACV,GAAG,EAAE,GAAG,IACJ,KAAK,IACT,KAAK,EAAE,YAAY,CAAC,KAAK,IAAI,EAAE,CAAC,EAChC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,EAChG,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,EAC7C,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,IAAI,EACb,YAAY,EAAE,KAAK,EACnB,yBAAyB,EAAE,KAAK,EAChC,yBAAyB,EAAE,IAAI,EAC/B,iBAAiB,EAAE,iBAAiB,IACpC,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport clsx from 'clsx';\nimport { getDaysInMonth } from 'date-fns';\nimport React, { Ref } from 'react';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { displayToIso, isoToDisplay, parseDate } from '../internal/utils/date-time';\n\nimport MaskedInput from '../internal/components/masked-input';\nimport { MaskArgs } from '../internal/components/masked-input/utils/mask-format';\n\nimport styles from './styles.css.js';\nimport { DateInputProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\ntype InternalDateInputProps = DateInputProps & InternalBaseComponentProps;\n\nfunction daysMax(value: string): number {\n  // force to first day in month, as new Date('2018-02-30') -> March 2nd 2018\n  const baseDate = displayToIso(value).substring(0, 7);\n  return getDaysInMonth(parseDate(baseDate));\n}\n\nconst maskArgs: MaskArgs = {\n  separator: '/',\n  inputSeparators: ['-', '.', ' '],\n  segments: [\n    { min: 0, max: 9999, default: 2000, length: 4 },\n    { min: 1, max: 12, length: 2 },\n    { min: 1, max: daysMax, length: 2 },\n  ],\n};\n\nconst InternalDateInput = React.forwardRef(\n  ({ value, onChange, __internalRootRef = null, ...props }: InternalDateInputProps, ref: Ref<HTMLInputElement>) => {\n    return (\n      <MaskedInput\n        ref={ref}\n        {...props}\n        value={isoToDisplay(value || '')}\n        onChange={event => fireNonCancelableEvent(onChange, { value: displayToIso(event.detail.value) })}\n        className={clsx(styles.root, props.className)}\n        mask={maskArgs}\n        autofix={true}\n        autoComplete={false}\n        disableAutocompleteOnBlur={false}\n        disableBrowserAutocorrect={true}\n        __internalRootRef={__internalRootRef}\n      />\n    );\n  }\n);\n\nexport default InternalDateInput;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["date-input/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;;AAEtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,KAAc,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAEpF,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAG9D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAUrC,SAAS,OAAO,CAAC,KAAa;IAC5B,2EAA2E;IAC3E,MAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACrD,OAAO,cAAc,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC7C,CAAC;AAED,MAAM,QAAQ,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;AACjE,MAAM,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;AACjD,MAAM,OAAO,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;AAEpD,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CACxC,CACE,EAA4F,EAC5F,GAA0B,EAC1B,EAAE;QAFF,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,iBAAiB,GAAG,IAAI,OAAoC,EAA/B,KAAK,cAAlE,yDAAoE,CAAF;IAGlE,MAAM,QAAQ,GAAa;QACzB,SAAS,EAAE,GAAG;QACd,eAAe,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;QAChC,QAAQ,EAAE,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC;KAC3F,CAAC;IAEF,OAAO,CACL,oBAAC,WAAW,kBACV,GAAG,EAAE,GAAG,IACJ,KAAK,IACT,KAAK,EAAE,YAAY,CAAC,KAAK,IAAI,EAAE,CAAC,EAChC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,EAChG,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,EAC7C,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,IAAI,EACb,YAAY,EAAE,KAAK,EACnB,yBAAyB,EAAE,KAAK,EAChC,yBAAyB,EAAE,IAAI,EAC/B,iBAAiB,EAAE,iBAAiB,IACpC,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport clsx from 'clsx';\nimport { getDaysInMonth } from 'date-fns';\nimport React, { Ref } from 'react';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { displayToIso, isoToDisplay, parseDate } from '../internal/utils/date-time';\n\nimport MaskedInput from '../internal/components/masked-input';\nimport { MaskArgs } from '../internal/components/masked-input/utils/mask-format';\n\nimport styles from './styles.css.js';\nimport { DateInputProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { CalendarProps } from '../calendar/interfaces';\n\ntype InternalDateInputProps = DateInputProps &\n  InternalBaseComponentProps & {\n    granularity?: CalendarProps.Granularity;\n  };\n\nfunction daysMax(value: string): number {\n  // force to first day in month, as new Date('2018-02-30') -> March 2nd 2018\n  const baseDate = displayToIso(value).substring(0, 7);\n  return getDaysInMonth(parseDate(baseDate));\n}\n\nconst yearMask = { min: 0, max: 9999, default: 2000, length: 4 };\nconst monthMask = { min: 1, max: 12, length: 2 };\nconst dayMask = { min: 1, max: daysMax, length: 2 };\n\nconst InternalDateInput = React.forwardRef(\n  (\n    { value, onChange, granularity, __internalRootRef = null, ...props }: InternalDateInputProps,\n    ref: Ref<HTMLInputElement>\n  ) => {\n    const maskArgs: MaskArgs = {\n      separator: '/',\n      inputSeparators: ['-', '.', ' '],\n      segments: granularity === 'month' ? [yearMask, monthMask] : [yearMask, monthMask, dayMask],\n    };\n\n    return (\n      <MaskedInput\n        ref={ref}\n        {...props}\n        value={isoToDisplay(value || '')}\n        onChange={event => fireNonCancelableEvent(onChange, { value: displayToIso(event.detail.value) })}\n        className={clsx(styles.root, props.className)}\n        mask={maskArgs}\n        autofix={true}\n        autoComplete={false}\n        disableAutocompleteOnBlur={false}\n        disableBrowserAutocorrect={true}\n        __internalRootRef={__internalRootRef}\n      />\n    );\n  }\n);\n\nexport default InternalDateInput;\n"]}

package/date-picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["date-picker/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAElE,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAyB/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,QAAA,MAAM,UAAU,6FA6Kf,CAAC;AAGF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["date-picker/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAElE,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAyB/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,QAAA,MAAM,UAAU,6FA0Lf,CAAC;AAGF,eAAe,UAAU,CAAC"}

package/date-picker/index.js

@@ -6,7 +6,6 @@ import React, { useCallback, useRef, useState } from 'react';
 import styles from './styles.css.js';
 import InternalCalendar from '../calendar/internal';
 import { normalizeLocale } from '../internal/utils/locale';
-import { getDateLabel, renderMonthAndYear } from '../calendar/utils/intl';
 import { KeyCode } from '../internal/keycode';
 import { fireNonCancelableEvent } from '../internal/events';
 import Dropdown from '../internal/components/dropdown';
@@ -25,8 +24,10 @@ import { parseDate } from '../internal/utils/date-time';
 import LiveRegion from '../internal/components/live-region';
 import { useFormFieldContext } from '../contexts/form-field.js';
 import { useLocale } from '../i18n/context.js';
+import { getBaseDateLabel, getSelectedDateLabel, isValidFullDate } from './utils';
 const DatePicker = React.forwardRef((_a, ref) => {
-    var { locale = '', startOfWeek, isDateEnabled, nextMonthAriaLabel, previousMonthAriaLabel, todayAriaLabel, i18nStrings, placeholder = '', value = '', readOnly = false, disabled = false, onBlur, autoFocus = false, onChange, onFocus, name, ariaLabel, ariaRequired, controlId, invalid, openCalendarAriaLabel, expandToViewport } = _a, restProps = __rest(_a, ["locale", "startOfWeek", "isDateEnabled", "nextMonthAriaLabel", "previousMonthAriaLabel", "todayAriaLabel", "i18nStrings", "placeholder", "value", "readOnly", "disabled", "onBlur", "autoFocus", "onChange", "onFocus", "name", "ariaLabel", "ariaRequired", "controlId", "invalid", "openCalendarAriaLabel", "expandToViewport"]);
+    var _b, _c, _d;
+    var { locale = '', startOfWeek, isDateEnabled, nextMonthAriaLabel, previousMonthAriaLabel, todayAriaLabel, i18nStrings, placeholder = '', value = '', readOnly = false, disabled = false, onBlur, autoFocus = false, onChange, onFocus, name, ariaLabel, ariaRequired, controlId, invalid, openCalendarAriaLabel, expandToViewport, granularity = 'day' } = _a, restProps = __rest(_a, ["locale", "startOfWeek", "isDateEnabled", "nextMonthAriaLabel", "previousMonthAriaLabel", "todayAriaLabel", "i18nStrings", "placeholder", "value", "readOnly", "disabled", "onBlur", "autoFocus", "onChange", "onFocus", "name", "ariaLabel", "ariaRequired", "controlId", "invalid", "openCalendarAriaLabel", "expandToViewport", "granularity"]);
     const { __internalRootRef } = useBaseComponent('DatePicker');
     checkControlled('DatePicker', 'value', value, 'onChange', onChange);
     const contextLocale = useLocale();
@@ -67,12 +68,16 @@ const DatePicker = React.forwardRef((_a, ref) => {
     // Set displayed date to value if defined or to current date otherwise.
     const parsedValue = value && value.length >= 4 ? parseDate(value) : null;
     const baseDate = parsedValue || new Date();
+    const hasFullValue = isValidFullDate({ date: value, granularity });
+    const buttonAriaLabel = openCalendarAriaLabel &&
+        openCalendarAriaLabel(hasFullValue && parsedValue
+            ? getSelectedDateLabel({ date: parsedValue, granularity, locale: normalizedLocale })
+            : null);
     const trigger = (React.createElement("div", { className: styles['date-picker-trigger'] },
         React.createElement("div", { className: styles['date-picker-input'] },
-            React.createElement(InternalDateInput, { name: name, invalid: invalid, controlId: controlId, ariaLabelledby: ariaLabelledby, ariaDescribedby: ariaDescribedby, ariaLabel: ariaLabel, ariaRequired: ariaRequired, value: value, disabled: disabled, readOnly: readOnly, onChange: onInputChangeHandler, onBlur: onInputBlurHandler, placeholder: placeholder, ref: internalInputRef, autoFocus: autoFocus, onFocus: onDropdownCloseHandler })),
+            React.createElement(InternalDateInput, { name: name, invalid: invalid, controlId: controlId, ariaLabelledby: ariaLabelledby, ariaDescribedby: ariaDescribedby, ariaLabel: ariaLabel, ariaRequired: ariaRequired, value: value, disabled: disabled, readOnly: readOnly, onChange: onInputChangeHandler, onBlur: onInputBlurHandler, placeholder: placeholder, ref: internalInputRef, autoFocus: autoFocus, onFocus: onDropdownCloseHandler, granularity: granularity })),
         React.createElement("div", null,
-            React.createElement(InternalButton, { iconName: "calendar", className: styles['open-calendar-button'], onClick: onButtonClickHandler, ref: buttonRef, ariaLabel: openCalendarAriaLabel &&
-                    openCalendarAriaLabel(value.length === 10 ? getDateLabel(normalizedLocale, parsedValue) : null), disabled: disabled || readOnly, formAction: "none" }))));
+            React.createElement(InternalButton, { iconName: "calendar", className: styles['open-calendar-button'], onClick: onButtonClickHandler, ref: buttonRef, ariaLabel: buttonAriaLabel, disabled: disabled || readOnly, formAction: "none" }))));
     baseProps.className = clsx(baseProps.className, styles.root, styles['date-picker-container']);
     const handleMouseDown = (event) => {
         // prevent currently focused element from losing it
@@ -85,12 +90,8 @@ const DatePicker = React.forwardRef((_a, ref) => {
                     fireNonCancelableEvent(onChange, e.detail);
                     (_a = buttonRef === null || buttonRef === void 0 ? void 0 : buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
                     setIsDropDownOpen(false);
-                }, locale: normalizedLocale, startOfWeek: startOfWeek, ariaDescribedby: calendarDescriptionId, ariaLabel: ariaLabel, ariaLabelledby: ariaLabelledby, isDateEnabled: isDateEnabled, i18nStrings: {
-                    todayAriaLabel: (i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.todayAriaLabel) || todayAriaLabel,
-                    nextMonthAriaLabel: (i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.nextMonthAriaLabel) || nextMonthAriaLabel,
-                    previousMonthAriaLabel: (i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.previousMonthAriaLabel) || previousMonthAriaLabel,
-                } }),
-            React.createElement(LiveRegion, { id: calendarDescriptionId }, renderMonthAndYear(normalizedLocale, baseDate)))))))));
+                }, locale: normalizedLocale, startOfWeek: startOfWeek, ariaDescribedby: calendarDescriptionId, ariaLabel: ariaLabel, ariaLabelledby: ariaLabelledby, granularity: granularity, isDateEnabled: isDateEnabled, i18nStrings: Object.assign(Object.assign({}, i18nStrings), { todayAriaLabel: (_b = i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.todayAriaLabel) !== null && _b !== void 0 ? _b : todayAriaLabel, nextMonthAriaLabel: (_c = i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.nextMonthAriaLabel) !== null && _c !== void 0 ? _c : nextMonthAriaLabel, previousMonthAriaLabel: (_d = i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.previousMonthAriaLabel) !== null && _d !== void 0 ? _d : previousMonthAriaLabel }) }),
+            React.createElement(LiveRegion, { id: calendarDescriptionId }, getBaseDateLabel({ date: baseDate, granularity, locale: normalizedLocale })))))))));
 });
 applyDisplayName(DatePicker, 'DatePicker');
 export default DatePicker;

package/date-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["date-picker/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { Ref, useCallback, useRef, useState } from 'react';\nimport styles from './styles.css.js';\nimport { DatePickerProps } from './interfaces';\nimport InternalCalendar from '../calendar/internal';\nimport { normalizeLocale } from '../internal/utils/locale';\nimport { getDateLabel, renderMonthAndYear } from '../calendar/utils/intl';\nimport { InputProps } from '../input/interfaces';\nimport { KeyCode } from '../internal/keycode';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport Dropdown from '../internal/components/dropdown';\nimport InternalDateInput from '../date-input/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name.js';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport { useFocusTracker } from '../internal/hooks/use-focus-tracker.js';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport FocusLock from '../internal/components/focus-lock';\nimport { parseDate } from '../internal/utils/date-time';\nimport LiveRegion from '../internal/components/live-region';\nimport { useFormFieldContext } from '../contexts/form-field.js';\nimport { useLocale } from '../i18n/context.js';\n\nexport { DatePickerProps };\n\nconst DatePicker = React.forwardRef(\n  (\n    {\n      locale = '',\n      startOfWeek,\n      isDateEnabled,\n      nextMonthAriaLabel,\n      previousMonthAriaLabel,\n      todayAriaLabel,\n      i18nStrings,\n      placeholder = '',\n      value = '',\n      readOnly = false,\n      disabled = false,\n      onBlur,\n      autoFocus = false,\n      onChange,\n      onFocus,\n      name,\n      ariaLabel,\n      ariaRequired,\n      controlId,\n      invalid,\n      openCalendarAriaLabel,\n      expandToViewport,\n      ...restProps\n    }: DatePickerProps,\n    ref: Ref<DatePickerProps.Ref>\n  ) => {\n    const { __internalRootRef } = useBaseComponent('DatePicker');\n    checkControlled('DatePicker', 'value', value, 'onChange', onChange);\n\n    const contextLocale = useLocale();\n    const normalizedLocale = normalizeLocale('DatePicker', locale || contextLocale);\n\n    const baseProps = getBaseProps(restProps);\n    const [isDropDownOpen, setIsDropDownOpen] = useState<boolean>(false);\n    const { ariaLabelledby, ariaDescribedby } = useFormFieldContext(restProps);\n\n    const internalInputRef = useRef<HTMLInputElement>(null);\n    const buttonRef = useRef<ButtonProps.Ref>(null);\n    useForwardFocus(ref, internalInputRef);\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    const dropdownId = useUniqueId('calender');\n    const calendarDescriptionId = useUniqueId('calendar-description-');\n    const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n\n    useFocusTracker({ rootRef, onBlur, onFocus });\n\n    const onDropdownCloseHandler = useCallback(() => setIsDropDownOpen(false), [setIsDropDownOpen]);\n\n    const onButtonClickHandler = () => {\n      if (!isDropDownOpen) {\n        setIsDropDownOpen(true);\n      }\n    };\n\n    const onWrapperKeyDownHandler = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.keyCode === KeyCode.escape && isDropDownOpen) {\n        event.stopPropagation();\n        buttonRef.current?.focus();\n        setIsDropDownOpen(false);\n      }\n    };\n\n    const onInputChangeHandler: InputProps['onChange'] = event => {\n      fireNonCancelableEvent(onChange, { value: event.detail.value });\n    };\n\n    const onInputBlurHandler: InputProps['onBlur'] = () => {\n      if (!isDropDownOpen) {\n        setIsDropDownOpen(false);\n      }\n    };\n\n    // Set displayed date to value if defined or to current date otherwise.\n    const parsedValue = value && value.length >= 4 ? parseDate(value) : null;\n    const baseDate = parsedValue || new Date();\n\n    const trigger = (\n      <div className={styles['date-picker-trigger']}>\n        <div className={styles['date-picker-input']}>\n          <InternalDateInput\n            name={name}\n            invalid={invalid}\n            controlId={controlId}\n            ariaLabelledby={ariaLabelledby}\n            ariaDescribedby={ariaDescribedby}\n            ariaLabel={ariaLabel}\n            ariaRequired={ariaRequired}\n            value={value}\n            disabled={disabled}\n            readOnly={readOnly}\n            onChange={onInputChangeHandler}\n            onBlur={onInputBlurHandler}\n            placeholder={placeholder}\n            ref={internalInputRef}\n            autoFocus={autoFocus}\n            onFocus={onDropdownCloseHandler}\n          />\n        </div>\n        <div>\n          <InternalButton\n            iconName=\"calendar\"\n            className={styles['open-calendar-button']}\n            onClick={onButtonClickHandler}\n            ref={buttonRef}\n            ariaLabel={\n              openCalendarAriaLabel &&\n              openCalendarAriaLabel(value.length === 10 ? getDateLabel(normalizedLocale, parsedValue!) : null)\n            }\n            disabled={disabled || readOnly}\n            formAction=\"none\"\n          />\n        </div>\n      </div>\n    );\n\n    baseProps.className = clsx(baseProps.className, styles.root, styles['date-picker-container']);\n\n    const handleMouseDown = (event: React.MouseEvent) => {\n      // prevent currently focused element from losing it\n      event.preventDefault();\n    };\n\n    return (\n      <div {...baseProps} ref={mergedRef} onKeyDown={!disabled && !readOnly ? onWrapperKeyDownHandler : undefined}>\n        {disabled || readOnly ? (\n          trigger\n        ) : (\n          <Dropdown\n            stretchWidth={true}\n            stretchHeight={true}\n            open={isDropDownOpen}\n            onDropdownClose={onDropdownCloseHandler}\n            onMouseDown={handleMouseDown}\n            trigger={trigger}\n            expandToViewport={expandToViewport}\n            scrollable={false}\n            dropdownId={dropdownId}\n          >\n            {isDropDownOpen && (\n              <FocusLock className={styles['focus-lock']} autoFocus={true}>\n                <div tabIndex={0} className={styles.calendar} role=\"dialog\" aria-modal=\"true\">\n                  <InternalCalendar\n                    value={value}\n                    onChange={e => {\n                      fireNonCancelableEvent(onChange, e.detail);\n                      buttonRef?.current?.focus();\n                      setIsDropDownOpen(false);\n                    }}\n                    locale={normalizedLocale}\n                    startOfWeek={startOfWeek}\n                    ariaDescribedby={calendarDescriptionId}\n                    ariaLabel={ariaLabel}\n                    ariaLabelledby={ariaLabelledby}\n                    isDateEnabled={isDateEnabled}\n                    i18nStrings={{\n                      todayAriaLabel: i18nStrings?.todayAriaLabel || todayAriaLabel,\n                      nextMonthAriaLabel: i18nStrings?.nextMonthAriaLabel || nextMonthAriaLabel,\n                      previousMonthAriaLabel: i18nStrings?.previousMonthAriaLabel || previousMonthAriaLabel,\n                    }}\n                  />\n                  <LiveRegion id={calendarDescriptionId}>{renderMonthAndYear(normalizedLocale, baseDate)}</LiveRegion>\n                </div>\n              </FocusLock>\n            )}\n          </Dropdown>\n        )}\n      </div>\n    );\n  }\n);\n\napplyDisplayName(DatePicker, 'DatePicker');\nexport default DatePicker;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["date-picker/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { Ref, useCallback, useRef, useState } from 'react';\nimport styles from './styles.css.js';\nimport { DatePickerProps } from './interfaces';\nimport InternalCalendar from '../calendar/internal';\nimport { normalizeLocale } from '../internal/utils/locale';\nimport { InputProps } from '../input/interfaces';\nimport { KeyCode } from '../internal/keycode';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport Dropdown from '../internal/components/dropdown';\nimport InternalDateInput from '../date-input/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name.js';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport { useFocusTracker } from '../internal/hooks/use-focus-tracker.js';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport FocusLock from '../internal/components/focus-lock';\nimport { parseDate } from '../internal/utils/date-time';\nimport LiveRegion from '../internal/components/live-region';\nimport { useFormFieldContext } from '../contexts/form-field.js';\nimport { useLocale } from '../i18n/context.js';\nimport { getBaseDateLabel, getSelectedDateLabel, isValidFullDate } from './utils';\n\nexport { DatePickerProps };\n\nconst DatePicker = React.forwardRef(\n  (\n    {\n      locale = '',\n      startOfWeek,\n      isDateEnabled,\n      nextMonthAriaLabel,\n      previousMonthAriaLabel,\n      todayAriaLabel,\n      i18nStrings,\n      placeholder = '',\n      value = '',\n      readOnly = false,\n      disabled = false,\n      onBlur,\n      autoFocus = false,\n      onChange,\n      onFocus,\n      name,\n      ariaLabel,\n      ariaRequired,\n      controlId,\n      invalid,\n      openCalendarAriaLabel,\n      expandToViewport,\n      granularity = 'day',\n      ...restProps\n    }: DatePickerProps,\n    ref: Ref<DatePickerProps.Ref>\n  ) => {\n    const { __internalRootRef } = useBaseComponent('DatePicker');\n    checkControlled('DatePicker', 'value', value, 'onChange', onChange);\n\n    const contextLocale = useLocale();\n    const normalizedLocale = normalizeLocale('DatePicker', locale || contextLocale);\n\n    const baseProps = getBaseProps(restProps);\n    const [isDropDownOpen, setIsDropDownOpen] = useState<boolean>(false);\n    const { ariaLabelledby, ariaDescribedby } = useFormFieldContext(restProps);\n\n    const internalInputRef = useRef<HTMLInputElement>(null);\n    const buttonRef = useRef<ButtonProps.Ref>(null);\n    useForwardFocus(ref, internalInputRef);\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    const dropdownId = useUniqueId('calender');\n    const calendarDescriptionId = useUniqueId('calendar-description-');\n    const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n\n    useFocusTracker({ rootRef, onBlur, onFocus });\n\n    const onDropdownCloseHandler = useCallback(() => setIsDropDownOpen(false), [setIsDropDownOpen]);\n\n    const onButtonClickHandler = () => {\n      if (!isDropDownOpen) {\n        setIsDropDownOpen(true);\n      }\n    };\n\n    const onWrapperKeyDownHandler = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.keyCode === KeyCode.escape && isDropDownOpen) {\n        event.stopPropagation();\n        buttonRef.current?.focus();\n        setIsDropDownOpen(false);\n      }\n    };\n\n    const onInputChangeHandler: InputProps['onChange'] = event => {\n      fireNonCancelableEvent(onChange, { value: event.detail.value });\n    };\n\n    const onInputBlurHandler: InputProps['onBlur'] = () => {\n      if (!isDropDownOpen) {\n        setIsDropDownOpen(false);\n      }\n    };\n\n    // Set displayed date to value if defined or to current date otherwise.\n    const parsedValue = value && value.length >= 4 ? parseDate(value) : null;\n    const baseDate = parsedValue || new Date();\n\n    const hasFullValue = isValidFullDate({ date: value, granularity });\n\n    const buttonAriaLabel =\n      openCalendarAriaLabel &&\n      openCalendarAriaLabel(\n        hasFullValue && parsedValue\n          ? getSelectedDateLabel({ date: parsedValue, granularity, locale: normalizedLocale })\n          : null\n      );\n\n    const trigger = (\n      <div className={styles['date-picker-trigger']}>\n        <div className={styles['date-picker-input']}>\n          <InternalDateInput\n            name={name}\n            invalid={invalid}\n            controlId={controlId}\n            ariaLabelledby={ariaLabelledby}\n            ariaDescribedby={ariaDescribedby}\n            ariaLabel={ariaLabel}\n            ariaRequired={ariaRequired}\n            value={value}\n            disabled={disabled}\n            readOnly={readOnly}\n            onChange={onInputChangeHandler}\n            onBlur={onInputBlurHandler}\n            placeholder={placeholder}\n            ref={internalInputRef}\n            autoFocus={autoFocus}\n            onFocus={onDropdownCloseHandler}\n            granularity={granularity}\n          />\n        </div>\n        <div>\n          <InternalButton\n            iconName=\"calendar\"\n            className={styles['open-calendar-button']}\n            onClick={onButtonClickHandler}\n            ref={buttonRef}\n            ariaLabel={buttonAriaLabel}\n            disabled={disabled || readOnly}\n            formAction=\"none\"\n          />\n        </div>\n      </div>\n    );\n\n    baseProps.className = clsx(baseProps.className, styles.root, styles['date-picker-container']);\n\n    const handleMouseDown = (event: React.MouseEvent) => {\n      // prevent currently focused element from losing it\n      event.preventDefault();\n    };\n\n    return (\n      <div {...baseProps} ref={mergedRef} onKeyDown={!disabled && !readOnly ? onWrapperKeyDownHandler : undefined}>\n        {disabled || readOnly ? (\n          trigger\n        ) : (\n          <Dropdown\n            stretchWidth={true}\n            stretchHeight={true}\n            open={isDropDownOpen}\n            onDropdownClose={onDropdownCloseHandler}\n            onMouseDown={handleMouseDown}\n            trigger={trigger}\n            expandToViewport={expandToViewport}\n            scrollable={false}\n            dropdownId={dropdownId}\n          >\n            {isDropDownOpen && (\n              <FocusLock className={styles['focus-lock']} autoFocus={true}>\n                <div tabIndex={0} className={styles.calendar} role=\"dialog\" aria-modal=\"true\">\n                  <InternalCalendar\n                    value={value}\n                    onChange={e => {\n                      fireNonCancelableEvent(onChange, e.detail);\n                      buttonRef?.current?.focus();\n                      setIsDropDownOpen(false);\n                    }}\n                    locale={normalizedLocale}\n                    startOfWeek={startOfWeek}\n                    ariaDescribedby={calendarDescriptionId}\n                    ariaLabel={ariaLabel}\n                    ariaLabelledby={ariaLabelledby}\n                    granularity={granularity}\n                    isDateEnabled={isDateEnabled}\n                    i18nStrings={{\n                      ...i18nStrings,\n                      todayAriaLabel: i18nStrings?.todayAriaLabel ?? todayAriaLabel,\n                      nextMonthAriaLabel: i18nStrings?.nextMonthAriaLabel ?? nextMonthAriaLabel,\n                      previousMonthAriaLabel: i18nStrings?.previousMonthAriaLabel ?? previousMonthAriaLabel,\n                    }}\n                  />\n                  <LiveRegion id={calendarDescriptionId}>\n                    {getBaseDateLabel({ date: baseDate, granularity, locale: normalizedLocale })}\n                  </LiveRegion>\n                </div>\n              </FocusLock>\n            )}\n          </Dropdown>\n        )}\n      </div>\n    );\n  }\n);\n\napplyDisplayName(DatePicker, 'DatePicker');\nexport default DatePicker;\n"]}

package/date-picker/utils.d.ts

@@ -0,0 +1,16 @@
+import { CalendarProps } from '../calendar/interfaces';
+export declare function isValidFullDate({ date, granularity }: {
+    date: string;
+    granularity: CalendarProps.Granularity;
+}): boolean;
+export declare function getSelectedDateLabel({ date, granularity, locale, }: {
+    date: Date;
+    granularity: CalendarProps.Granularity;
+    locale: string;
+}): string;
+export declare function getBaseDateLabel({ date, granularity, locale, }: {
+    date: Date;
+    granularity: CalendarProps.Granularity;
+    locale: string;
+}): string;
+//# sourceMappingURL=utils.d.ts.map

package/date-picker/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"lib/default/","sources":["date-picker/utils.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAGvD,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,aAAa,CAAC,WAAW,CAAA;CAAE,WAG9G;AAED,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,WAAW,EACX,MAAM,GACP,EAAE;IACD,IAAI,EAAE,IAAI,CAAC;IACX,WAAW,EAAE,aAAa,CAAC,WAAW,CAAC;IACvC,MAAM,EAAE,MAAM,CAAC;CAChB,UAEA;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,WAAW,EACX,MAAM,GACP,EAAE;IACD,IAAI,EAAE,IAAI,CAAC;IACX,WAAW,EAAE,aAAa,CAAC,WAAW,CAAC;IACvC,MAAM,EAAE,MAAM,CAAC;CAChB,UAEA"}

package/date-picker/utils.js

@@ -0,0 +1,14 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { getDateLabel, renderMonthAndYear, renderYear } from '../calendar/utils/intl';
+export function isValidFullDate({ date, granularity }) {
+    const regex = granularity === 'month' ? /^\d{4}-\d{2}(-\d{2})?$/ : /^\d{4}-\d{2}-\d{2}$/;
+    return !!date.match(regex);
+}
+export function getSelectedDateLabel({ date, granularity, locale, }) {
+    return granularity === 'month' ? renderMonthAndYear(locale, date) : getDateLabel(locale, date);
+}
+export function getBaseDateLabel({ date, granularity, locale, }) {
+    return granularity === 'month' ? renderYear(locale, date) : renderMonthAndYear(locale, date);
+}
+//# sourceMappingURL=utils.js.map

package/date-picker/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"lib/default/","sources":["date-picker/utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAGtC,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEtF,MAAM,UAAU,eAAe,CAAC,EAAE,IAAI,EAAE,WAAW,EAA4D;IAC7G,MAAM,KAAK,GAAG,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,qBAAqB,CAAC;IACzF,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;AAC7B,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,EACnC,IAAI,EACJ,WAAW,EACX,MAAM,GAKP;IACC,OAAO,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AACjG,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,IAAI,EACJ,WAAW,EACX,MAAM,GAKP;IACC,OAAO,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AAC/F,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { CalendarProps } from '../calendar/interfaces';\nimport { getDateLabel, renderMonthAndYear, renderYear } from '../calendar/utils/intl';\n\nexport function isValidFullDate({ date, granularity }: { date: string; granularity: CalendarProps.Granularity }) {\n  const regex = granularity === 'month' ? /^\\d{4}-\\d{2}(-\\d{2})?$/ : /^\\d{4}-\\d{2}-\\d{2}$/;\n  return !!date.match(regex);\n}\n\nexport function getSelectedDateLabel({\n  date,\n  granularity,\n  locale,\n}: {\n  date: Date;\n  granularity: CalendarProps.Granularity;\n  locale: string;\n}) {\n  return granularity === 'month' ? renderMonthAndYear(locale, date) : getDateLabel(locale, date);\n}\n\nexport function getBaseDateLabel({\n  date,\n  granularity,\n  locale,\n}: {\n  date: Date;\n  granularity: CalendarProps.Granularity;\n  locale: string;\n}) {\n  return granularity === 'month' ? renderYear(locale, date) : renderMonthAndYear(locale, date);\n}\n"]}

package/i18n/messages/all.all.js

@@ -85,6 +85,9 @@ export default {
         nextMonthAriaLabel: [{ type: 0, value: 'Nächster Monat' }],
         previousMonthAriaLabel: [{ type: 0, value: 'Vorheriger Monat' }],
         todayAriaLabel: [{ type: 0, value: 'Heute' }],
+        'i18nStrings.nextYearAriaLabel': [{ type: 0, value: 'Nächstes Jahr' }],
+        'i18nStrings.previousYearAriaLabel': [{ type: 0, value: 'Vorheriges Jahr' }],
+        'i18nStrings.currentMonthAriaLabel': [{ type: 0, value: 'Aktueller Monat' }],
       },
       cards: { 'ariaLabels.selectionGroupLabel': [{ type: 0, value: 'Elementauswahl' }] },
       'code-editor': {
@@ -1150,6 +1153,9 @@ export default {
         nextMonthAriaLabel: [{ type: 0, value: 'Next month' }],
         previousMonthAriaLabel: [{ type: 0, value: 'Previous month' }],
         todayAriaLabel: [{ type: 0, value: 'Today' }],
+        'i18nStrings.nextYearAriaLabel': [{ type: 0, value: 'Next year' }],
+        'i18nStrings.previousYearAriaLabel': [{ type: 0, value: 'Previous year' }],
+        'i18nStrings.currentMonthAriaLabel': [{ type: 0, value: 'Current month' }],
       },
       cards: { 'ariaLabels.selectionGroupLabel': [{ type: 0, value: 'Item selection' }] },
       'code-editor': {
@@ -2193,6 +2199,9 @@ export default {
         nextMonthAriaLabel: [{ type: 0, value: 'Next month' }],
         previousMonthAriaLabel: [{ type: 0, value: 'Previous month' }],
         todayAriaLabel: [{ type: 0, value: 'Today' }],
+        'i18nStrings.nextYearAriaLabel': [{ type: 0, value: 'Next year' }],
+        'i18nStrings.previousYearAriaLabel': [{ type: 0, value: 'Previous year' }],
+        'i18nStrings.currentMonthAriaLabel': [{ type: 0, value: 'Current month' }],
       },
       cards: { 'ariaLabels.selectionGroupLabel': [{ type: 0, value: 'Item selection' }] },
       'code-editor': {
@@ -3236,6 +3245,9 @@ export default {
         nextMonthAriaLabel: [{ type: 0, value: 'Próximo mes' }],
         previousMonthAriaLabel: [{ type: 0, value: 'Mes anterior' }],
         todayAriaLabel: [{ type: 0, value: 'Hoy' }],
+        'i18nStrings.nextYearAriaLabel': [{ type: 0, value: 'Próximo año' }],
+        'i18nStrings.previousYearAriaLabel': [{ type: 0, value: 'Año anterior' }],
+        'i18nStrings.currentMonthAriaLabel': [{ type: 0, value: 'Mes actual' }],
       },
       cards: { 'ariaLabels.selectionGroupLabel': [{ type: 0, value: 'Selección de elementos' }] },
       'code-editor': {
@@ -4295,6 +4307,9 @@ export default {
         nextMonthAriaLabel: [{ type: 0, value: 'Mois suivant' }],
         previousMonthAriaLabel: [{ type: 0, value: 'Mois précédent' }],
         todayAriaLabel: [{ type: 0, value: "Aujourd'hui" }],
+        'i18nStrings.nextYearAriaLabel': [{ type: 0, value: 'Année suivante' }],
+        'i18nStrings.previousYearAriaLabel': [{ type: 0, value: 'Année précédente' }],
+        'i18nStrings.currentMonthAriaLabel': [{ type: 0, value: 'Mois en cours' }],
       },
       cards: { 'ariaLabels.selectionGroupLabel': [{ type: 0, value: "Sélection de l'élément" }] },
       'code-editor': {
@@ -5378,6 +5393,9 @@ export default {
         nextMonthAriaLabel: [{ type: 0, value: 'Bulan berikutnya' }],
         previousMonthAriaLabel: [{ type: 0, value: 'Bulan sebelumnya' }],
         todayAriaLabel: [{ type: 0, value: 'Hari ini' }],
+        'i18nStrings.nextYearAriaLabel': [{ type: 0, value: 'Tahun berikutnya' }],
+        'i18nStrings.previousYearAriaLabel': [{ type: 0, value: 'Tahun sebelumnya' }],
+        'i18nStrings.currentMonthAriaLabel': [{ type: 0, value: 'Bulan saat ini' }],
       },
       cards: { 'ariaLabels.selectionGroupLabel': [{ type: 0, value: 'Pemilihan item' }] },
       'code-editor': {
@@ -6406,6 +6424,9 @@ export default {
         nextMonthAriaLabel: [{ type: 0, value: 'Mese successivo' }],
         previousMonthAriaLabel: [{ type: 0, value: 'Mese precedente' }],
         todayAriaLabel: [{ type: 0, value: 'Oggi' }],
+        'i18nStrings.nextYearAriaLabel': [{ type: 0, value: 'Anno successivo' }],
+        'i18nStrings.previousYearAriaLabel': [{ type: 0, value: 'Anno precedente' }],
+        'i18nStrings.currentMonthAriaLabel': [{ type: 0, value: 'Mese corrente' }],
       },
       cards: { 'ariaLabels.selectionGroupLabel': [{ type: 0, value: "Selezione dell'elemento" }] },
       'code-editor': {
@@ -7429,6 +7450,9 @@ export default {
         nextMonthAriaLabel: [{ type: 0, value: '来月' }],
         previousMonthAriaLabel: [{ type: 0, value: '前月' }],
         todayAriaLabel: [{ type: 0, value: '今日' }],
+        'i18nStrings.nextYearAriaLabel': [{ type: 0, value: '翌年' }],
+        'i18nStrings.previousYearAriaLabel': [{ type: 0, value: '前年' }],
+        'i18nStrings.currentMonthAriaLabel': [{ type: 0, value: '当月' }],
       },
       cards: { 'ariaLabels.selectionGroupLabel': [{ type: 0, value: '項目の選択' }] },
       'code-editor': {
@@ -8486,6 +8510,9 @@ export default {
         nextMonthAriaLabel: [{ type: 0, value: '다음 달' }],
         previousMonthAriaLabel: [{ type: 0, value: '이전 달' }],
         todayAriaLabel: [{ type: 0, value: '오늘' }],
+        'i18nStrings.nextYearAriaLabel': [{ type: 0, value: '내년' }],
+        'i18nStrings.previousYearAriaLabel': [{ type: 0, value: '작년' }],
+        'i18nStrings.currentMonthAriaLabel': [{ type: 0, value: '이번 달' }],
       },
       cards: { 'ariaLabels.selectionGroupLabel': [{ type: 0, value: '항목 선택' }] },
       'code-editor': {
@@ -9518,6 +9545,9 @@ export default {
         nextMonthAriaLabel: [{ type: 0, value: 'Próximo mês' }],
         previousMonthAriaLabel: [{ type: 0, value: 'Mês anterior' }],
         todayAriaLabel: [{ type: 0, value: 'Hoje' }],
+        'i18nStrings.nextYearAriaLabel': [{ type: 0, value: 'Próximo ano' }],
+        'i18nStrings.previousYearAriaLabel': [{ type: 0, value: 'Ano anterior' }],
+        'i18nStrings.currentMonthAriaLabel': [{ type: 0, value: 'Mês atual' }],
       },
       cards: { 'ariaLabels.selectionGroupLabel': [{ type: 0, value: 'Seleção de item' }] },
       'code-editor': {
@@ -11301,6 +11331,9 @@ export default {
         nextMonthAriaLabel: [{ type: 0, value: 'Gelecek ay' }],
         previousMonthAriaLabel: [{ type: 0, value: 'Önceki ay' }],
         todayAriaLabel: [{ type: 0, value: 'Bugün' }],
+        'i18nStrings.nextYearAriaLabel': [{ type: 0, value: 'Gelecek yıl' }],
+        'i18nStrings.previousYearAriaLabel': [{ type: 0, value: 'Önceki yıl' }],
+        'i18nStrings.currentMonthAriaLabel': [{ type: 0, value: 'Geçerli ay' }],
       },
       cards: { 'ariaLabels.selectionGroupLabel': [{ type: 0, value: 'Öğe seçimi' }] },
       'code-editor': {
@@ -12354,6 +12387,9 @@ export default {
         nextMonthAriaLabel: [{ type: 0, value: '下个月' }],
         previousMonthAriaLabel: [{ type: 0, value: '上个月' }],
         todayAriaLabel: [{ type: 0, value: '今天' }],
+        'i18nStrings.nextYearAriaLabel': [{ type: 0, value: '下一年' }],
+        'i18nStrings.previousYearAriaLabel': [{ type: 0, value: '上一年' }],
+        'i18nStrings.currentMonthAriaLabel': [{ type: 0, value: '本月' }],
       },
       cards: { 'ariaLabels.selectionGroupLabel': [{ type: 0, value: '项目选择' }] },
       'code-editor': {
@@ -13386,6 +13422,9 @@ export default {
         nextMonthAriaLabel: [{ type: 0, value: '下個月' }],
         previousMonthAriaLabel: [{ type: 0, value: '上個月' }],
         todayAriaLabel: [{ type: 0, value: '今天' }],
+        'i18nStrings.nextYearAriaLabel': [{ type: 0, value: '下一年' }],
+        'i18nStrings.previousYearAriaLabel': [{ type: 0, value: '上一年' }],
+        'i18nStrings.currentMonthAriaLabel': [{ type: 0, value: '當前月份' }],
       },
       cards: { 'ariaLabels.selectionGroupLabel': [{ type: 0, value: '項目選擇' }] },
       'code-editor': {

package/i18n/messages/all.all.json

@@ -86,7 +86,10 @@
       "calendar": {
         "nextMonthAriaLabel": [{ "type": 0, "value": "Nächster Monat" }],
         "previousMonthAriaLabel": [{ "type": 0, "value": "Vorheriger Monat" }],
-        "todayAriaLabel": [{ "type": 0, "value": "Heute" }]
+        "todayAriaLabel": [{ "type": 0, "value": "Heute" }],
+        "i18nStrings.nextYearAriaLabel": [{ "type": 0, "value": "Nächstes Jahr" }],
+        "i18nStrings.previousYearAriaLabel": [{ "type": 0, "value": "Vorheriges Jahr" }],
+        "i18nStrings.currentMonthAriaLabel": [{ "type": 0, "value": "Aktueller Monat" }]
       },
       "cards": { "ariaLabels.selectionGroupLabel": [{ "type": 0, "value": "Elementauswahl" }] },
       "code-editor": {
@@ -1159,7 +1162,10 @@
       "calendar": {
         "nextMonthAriaLabel": [{ "type": 0, "value": "Next month" }],
         "previousMonthAriaLabel": [{ "type": 0, "value": "Previous month" }],
-        "todayAriaLabel": [{ "type": 0, "value": "Today" }]
+        "todayAriaLabel": [{ "type": 0, "value": "Today" }],
+        "i18nStrings.nextYearAriaLabel": [{ "type": 0, "value": "Next year" }],
+        "i18nStrings.previousYearAriaLabel": [{ "type": 0, "value": "Previous year" }],
+        "i18nStrings.currentMonthAriaLabel": [{ "type": 0, "value": "Current month" }]
       },
       "cards": { "ariaLabels.selectionGroupLabel": [{ "type": 0, "value": "Item selection" }] },
       "code-editor": {
@@ -2205,7 +2211,10 @@
       "calendar": {
         "nextMonthAriaLabel": [{ "type": 0, "value": "Next month" }],
         "previousMonthAriaLabel": [{ "type": 0, "value": "Previous month" }],
-        "todayAriaLabel": [{ "type": 0, "value": "Today" }]
+        "todayAriaLabel": [{ "type": 0, "value": "Today" }],
+        "i18nStrings.nextYearAriaLabel": [{ "type": 0, "value": "Next year" }],
+        "i18nStrings.previousYearAriaLabel": [{ "type": 0, "value": "Previous year" }],
+        "i18nStrings.currentMonthAriaLabel": [{ "type": 0, "value": "Current month" }]
       },
       "cards": { "ariaLabels.selectionGroupLabel": [{ "type": 0, "value": "Item selection" }] },
       "code-editor": {
@@ -3247,7 +3256,10 @@
       "calendar": {
         "nextMonthAriaLabel": [{ "type": 0, "value": "Próximo mes" }],
         "previousMonthAriaLabel": [{ "type": 0, "value": "Mes anterior" }],
-        "todayAriaLabel": [{ "type": 0, "value": "Hoy" }]
+        "todayAriaLabel": [{ "type": 0, "value": "Hoy" }],
+        "i18nStrings.nextYearAriaLabel": [{ "type": 0, "value": "Próximo año" }],
+        "i18nStrings.previousYearAriaLabel": [{ "type": 0, "value": "Año anterior" }],
+        "i18nStrings.currentMonthAriaLabel": [{ "type": 0, "value": "Mes actual" }]
       },
       "cards": { "ariaLabels.selectionGroupLabel": [{ "type": 0, "value": "Selección de elementos" }] },
       "code-editor": {
@@ -4309,7 +4321,10 @@
       "calendar": {
         "nextMonthAriaLabel": [{ "type": 0, "value": "Mois suivant" }],
         "previousMonthAriaLabel": [{ "type": 0, "value": "Mois précédent" }],
-        "todayAriaLabel": [{ "type": 0, "value": "Aujourd'hui" }]
+        "todayAriaLabel": [{ "type": 0, "value": "Aujourd'hui" }],
+        "i18nStrings.nextYearAriaLabel": [{ "type": 0, "value": "Année suivante" }],
+        "i18nStrings.previousYearAriaLabel": [{ "type": 0, "value": "Année précédente" }],
+        "i18nStrings.currentMonthAriaLabel": [{ "type": 0, "value": "Mois en cours" }]
       },
       "cards": { "ariaLabels.selectionGroupLabel": [{ "type": 0, "value": "Sélection de l'élément" }] },
       "code-editor": {
@@ -5398,7 +5413,10 @@
       "calendar": {
         "nextMonthAriaLabel": [{ "type": 0, "value": "Bulan berikutnya" }],
         "previousMonthAriaLabel": [{ "type": 0, "value": "Bulan sebelumnya" }],
-        "todayAriaLabel": [{ "type": 0, "value": "Hari ini" }]
+        "todayAriaLabel": [{ "type": 0, "value": "Hari ini" }],
+        "i18nStrings.nextYearAriaLabel": [{ "type": 0, "value": "Tahun berikutnya" }],
+        "i18nStrings.previousYearAriaLabel": [{ "type": 0, "value": "Tahun sebelumnya" }],
+        "i18nStrings.currentMonthAriaLabel": [{ "type": 0, "value": "Bulan saat ini" }]
       },
       "cards": { "ariaLabels.selectionGroupLabel": [{ "type": 0, "value": "Pemilihan item" }] },
       "code-editor": {
@@ -6431,7 +6449,10 @@
       "calendar": {
         "nextMonthAriaLabel": [{ "type": 0, "value": "Mese successivo" }],
         "previousMonthAriaLabel": [{ "type": 0, "value": "Mese precedente" }],
-        "todayAriaLabel": [{ "type": 0, "value": "Oggi" }]
+        "todayAriaLabel": [{ "type": 0, "value": "Oggi" }],
+        "i18nStrings.nextYearAriaLabel": [{ "type": 0, "value": "Anno successivo" }],
+        "i18nStrings.previousYearAriaLabel": [{ "type": 0, "value": "Anno precedente" }],
+        "i18nStrings.currentMonthAriaLabel": [{ "type": 0, "value": "Mese corrente" }]
       },
       "cards": { "ariaLabels.selectionGroupLabel": [{ "type": 0, "value": "Selezione dell'elemento" }] },
       "code-editor": {
@@ -7458,7 +7479,10 @@
       "calendar": {
         "nextMonthAriaLabel": [{ "type": 0, "value": "来月" }],
         "previousMonthAriaLabel": [{ "type": 0, "value": "前月" }],
-        "todayAriaLabel": [{ "type": 0, "value": "今日" }]
+        "todayAriaLabel": [{ "type": 0, "value": "今日" }],
+        "i18nStrings.nextYearAriaLabel": [{ "type": 0, "value": "翌年" }],
+        "i18nStrings.previousYearAriaLabel": [{ "type": 0, "value": "前年" }],
+        "i18nStrings.currentMonthAriaLabel": [{ "type": 0, "value": "当月" }]
       },
       "cards": { "ariaLabels.selectionGroupLabel": [{ "type": 0, "value": "項目の選択" }] },
       "code-editor": {
@@ -8517,7 +8541,10 @@
       "calendar": {
         "nextMonthAriaLabel": [{ "type": 0, "value": "다음 달" }],
         "previousMonthAriaLabel": [{ "type": 0, "value": "이전 달" }],
-        "todayAriaLabel": [{ "type": 0, "value": "오늘" }]
+        "todayAriaLabel": [{ "type": 0, "value": "오늘" }],
+        "i18nStrings.nextYearAriaLabel": [{ "type": 0, "value": "내년" }],
+        "i18nStrings.previousYearAriaLabel": [{ "type": 0, "value": "작년" }],
+        "i18nStrings.currentMonthAriaLabel": [{ "type": 0, "value": "이번 달" }]
       },
       "cards": { "ariaLabels.selectionGroupLabel": [{ "type": 0, "value": "항목 선택" }] },
       "code-editor": {
@@ -9560,7 +9587,10 @@
       "calendar": {
         "nextMonthAriaLabel": [{ "type": 0, "value": "Próximo mês" }],
         "previousMonthAriaLabel": [{ "type": 0, "value": "Mês anterior" }],
-        "todayAriaLabel": [{ "type": 0, "value": "Hoje" }]
+        "todayAriaLabel": [{ "type": 0, "value": "Hoje" }],
+        "i18nStrings.nextYearAriaLabel": [{ "type": 0, "value": "Próximo ano" }],
+        "i18nStrings.previousYearAriaLabel": [{ "type": 0, "value": "Ano anterior" }],
+        "i18nStrings.currentMonthAriaLabel": [{ "type": 0, "value": "Mês atual" }]
       },
       "cards": { "ariaLabels.selectionGroupLabel": [{ "type": 0, "value": "Seleção de item" }] },
       "code-editor": {
@@ -11352,7 +11382,10 @@
       "calendar": {
         "nextMonthAriaLabel": [{ "type": 0, "value": "Gelecek ay" }],
         "previousMonthAriaLabel": [{ "type": 0, "value": "Önceki ay" }],
-        "todayAriaLabel": [{ "type": 0, "value": "Bugün" }]
+        "todayAriaLabel": [{ "type": 0, "value": "Bugün" }],
+        "i18nStrings.nextYearAriaLabel": [{ "type": 0, "value": "Gelecek yıl" }],
+        "i18nStrings.previousYearAriaLabel": [{ "type": 0, "value": "Önceki yıl" }],
+        "i18nStrings.currentMonthAriaLabel": [{ "type": 0, "value": "Geçerli ay" }]
       },
       "cards": { "ariaLabels.selectionGroupLabel": [{ "type": 0, "value": "Öğe seçimi" }] },
       "code-editor": {
@@ -12412,7 +12445,10 @@
       "calendar": {
         "nextMonthAriaLabel": [{ "type": 0, "value": "下个月" }],
         "previousMonthAriaLabel": [{ "type": 0, "value": "上个月" }],
-        "todayAriaLabel": [{ "type": 0, "value": "今天" }]
+        "todayAriaLabel": [{ "type": 0, "value": "今天" }],
+        "i18nStrings.nextYearAriaLabel": [{ "type": 0, "value": "下一年" }],
+        "i18nStrings.previousYearAriaLabel": [{ "type": 0, "value": "上一年" }],
+        "i18nStrings.currentMonthAriaLabel": [{ "type": 0, "value": "本月" }]
       },
       "cards": { "ariaLabels.selectionGroupLabel": [{ "type": 0, "value": "项目选择" }] },
       "code-editor": {
@@ -13443,7 +13479,10 @@
       "calendar": {
         "nextMonthAriaLabel": [{ "type": 0, "value": "下個月" }],
         "previousMonthAriaLabel": [{ "type": 0, "value": "上個月" }],
-        "todayAriaLabel": [{ "type": 0, "value": "今天" }]
+        "todayAriaLabel": [{ "type": 0, "value": "今天" }],
+        "i18nStrings.nextYearAriaLabel": [{ "type": 0, "value": "下一年" }],
+        "i18nStrings.previousYearAriaLabel": [{ "type": 0, "value": "上一年" }],
+        "i18nStrings.currentMonthAriaLabel": [{ "type": 0, "value": "當前月份" }]
       },
       "cards": { "ariaLabels.selectionGroupLabel": [{ "type": 0, "value": "項目選擇" }] },
       "code-editor": {

package/i18n/messages/all.de.js

@@ -85,6 +85,9 @@ export default {
         nextMonthAriaLabel: [{ type: 0, value: 'Nächster Monat' }],
         previousMonthAriaLabel: [{ type: 0, value: 'Vorheriger Monat' }],
         todayAriaLabel: [{ type: 0, value: 'Heute' }],
+        'i18nStrings.nextYearAriaLabel': [{ type: 0, value: 'Nächstes Jahr' }],
+        'i18nStrings.previousYearAriaLabel': [{ type: 0, value: 'Vorheriges Jahr' }],
+        'i18nStrings.currentMonthAriaLabel': [{ type: 0, value: 'Aktueller Monat' }],
       },
       cards: { 'ariaLabels.selectionGroupLabel': [{ type: 0, value: 'Elementauswahl' }] },
       'code-editor': {

package/i18n/messages/all.de.json

@@ -86,7 +86,10 @@
       "calendar": {
         "nextMonthAriaLabel": [{ "type": 0, "value": "Nächster Monat" }],
         "previousMonthAriaLabel": [{ "type": 0, "value": "Vorheriger Monat" }],
-        "todayAriaLabel": [{ "type": 0, "value": "Heute" }]
+        "todayAriaLabel": [{ "type": 0, "value": "Heute" }],
+        "i18nStrings.nextYearAriaLabel": [{ "type": 0, "value": "Nächstes Jahr" }],
+        "i18nStrings.previousYearAriaLabel": [{ "type": 0, "value": "Vorheriges Jahr" }],
+        "i18nStrings.currentMonthAriaLabel": [{ "type": 0, "value": "Aktueller Monat" }]
       },
       "cards": { "ariaLabels.selectionGroupLabel": [{ "type": 0, "value": "Elementauswahl" }] },
       "code-editor": {

package/i18n/messages/all.en-GB.js

@@ -85,6 +85,9 @@ export default {
         nextMonthAriaLabel: [{ type: 0, value: 'Next month' }],
         previousMonthAriaLabel: [{ type: 0, value: 'Previous month' }],
         todayAriaLabel: [{ type: 0, value: 'Today' }],
+        'i18nStrings.nextYearAriaLabel': [{ type: 0, value: 'Next year' }],
+        'i18nStrings.previousYearAriaLabel': [{ type: 0, value: 'Previous year' }],
+        'i18nStrings.currentMonthAriaLabel': [{ type: 0, value: 'Current month' }],
       },
       cards: { 'ariaLabels.selectionGroupLabel': [{ type: 0, value: 'Item selection' }] },
       'code-editor': {

package/i18n/messages/all.en-GB.json

@@ -84,7 +84,10 @@
       "calendar": {
         "nextMonthAriaLabel": [{ "type": 0, "value": "Next month" }],
         "previousMonthAriaLabel": [{ "type": 0, "value": "Previous month" }],
-        "todayAriaLabel": [{ "type": 0, "value": "Today" }]
+        "todayAriaLabel": [{ "type": 0, "value": "Today" }],
+        "i18nStrings.nextYearAriaLabel": [{ "type": 0, "value": "Next year" }],
+        "i18nStrings.previousYearAriaLabel": [{ "type": 0, "value": "Previous year" }],
+        "i18nStrings.currentMonthAriaLabel": [{ "type": 0, "value": "Current month" }]
       },
       "cards": { "ariaLabels.selectionGroupLabel": [{ "type": 0, "value": "Item selection" }] },
       "code-editor": {

package/i18n/messages/all.en.js

@@ -85,6 +85,9 @@ export default {
         nextMonthAriaLabel: [{ type: 0, value: 'Next month' }],
         previousMonthAriaLabel: [{ type: 0, value: 'Previous month' }],
         todayAriaLabel: [{ type: 0, value: 'Today' }],
+        'i18nStrings.nextYearAriaLabel': [{ type: 0, value: 'Next year' }],
+        'i18nStrings.previousYearAriaLabel': [{ type: 0, value: 'Previous year' }],
+        'i18nStrings.currentMonthAriaLabel': [{ type: 0, value: 'Current month' }],
       },
       cards: { 'ariaLabels.selectionGroupLabel': [{ type: 0, value: 'Item selection' }] },
       'code-editor': {

package/i18n/messages/all.en.json

@@ -84,7 +84,10 @@
       "calendar": {
         "nextMonthAriaLabel": [{ "type": 0, "value": "Next month" }],
         "previousMonthAriaLabel": [{ "type": 0, "value": "Previous month" }],
-        "todayAriaLabel": [{ "type": 0, "value": "Today" }]
+        "todayAriaLabel": [{ "type": 0, "value": "Today" }],
+        "i18nStrings.nextYearAriaLabel": [{ "type": 0, "value": "Next year" }],
+        "i18nStrings.previousYearAriaLabel": [{ "type": 0, "value": "Previous year" }],
+        "i18nStrings.currentMonthAriaLabel": [{ "type": 0, "value": "Current month" }]
       },
       "cards": { "ariaLabels.selectionGroupLabel": [{ "type": 0, "value": "Item selection" }] },
       "code-editor": {

package/i18n/messages/all.es.js

@@ -85,6 +85,9 @@ export default {
         nextMonthAriaLabel: [{ type: 0, value: 'Próximo mes' }],
         previousMonthAriaLabel: [{ type: 0, value: 'Mes anterior' }],
         todayAriaLabel: [{ type: 0, value: 'Hoy' }],
+        'i18nStrings.nextYearAriaLabel': [{ type: 0, value: 'Próximo año' }],
+        'i18nStrings.previousYearAriaLabel': [{ type: 0, value: 'Año anterior' }],
+        'i18nStrings.currentMonthAriaLabel': [{ type: 0, value: 'Mes actual' }],
       },
       cards: { 'ariaLabels.selectionGroupLabel': [{ type: 0, value: 'Selección de elementos' }] },
       'code-editor': {

package/i18n/messages/all.es.json

@@ -84,7 +84,10 @@
       "calendar": {
         "nextMonthAriaLabel": [{ "type": 0, "value": "Próximo mes" }],
         "previousMonthAriaLabel": [{ "type": 0, "value": "Mes anterior" }],
-        "todayAriaLabel": [{ "type": 0, "value": "Hoy" }]
+        "todayAriaLabel": [{ "type": 0, "value": "Hoy" }],
+        "i18nStrings.nextYearAriaLabel": [{ "type": 0, "value": "Próximo año" }],
+        "i18nStrings.previousYearAriaLabel": [{ "type": 0, "value": "Año anterior" }],
+        "i18nStrings.currentMonthAriaLabel": [{ "type": 0, "value": "Mes actual" }]
       },
       "cards": { "ariaLabels.selectionGroupLabel": [{ "type": 0, "value": "Selección de elementos" }] },
       "code-editor": {

package/i18n/messages/all.fr.js

@@ -85,6 +85,9 @@ export default {
         nextMonthAriaLabel: [{ type: 0, value: 'Mois suivant' }],
         previousMonthAriaLabel: [{ type: 0, value: 'Mois précédent' }],
         todayAriaLabel: [{ type: 0, value: "Aujourd'hui" }],
+        'i18nStrings.nextYearAriaLabel': [{ type: 0, value: 'Année suivante' }],
+        'i18nStrings.previousYearAriaLabel': [{ type: 0, value: 'Année précédente' }],
+        'i18nStrings.currentMonthAriaLabel': [{ type: 0, value: 'Mois en cours' }],
       },
       cards: { 'ariaLabels.selectionGroupLabel': [{ type: 0, value: "Sélection de l'élément" }] },
       'code-editor': {