@cloudscape-design/components 3.0.530 → 3.0.532

package/calendar/internal.js

@@ -2,27 +2,28 @@
 // SPDX-License-Identifier: Apache-2.0
 import { __rest } from "tslib";
 import React, { useEffect, useRef, useState } from 'react';
-import { isSameMonth } from 'date-fns';
+import { addMonths, isSameDay, isSameMonth } from 'date-fns';
 import styles from './styles.css.js';
 import CalendarHeader from './header';
 import Grid from './grid';
-import { normalizeLocale, normalizeStartOfWeek } from '../internal/utils/locale';
+import { normalizeLocale } from '../internal/utils/locale';
 import { formatDate, parseDate } from '../internal/utils/date-time';
 import { fireNonCancelableEvent } from '../internal/events/index.js';
 import checkControlled from '../internal/hooks/check-controlled/index.js';
 import clsx from 'clsx';
 import { getBaseProps } from '../internal/base-component';
-import { getBaseDate } from './utils/navigation';
+import { getBaseDay } from './utils/navigation';
 import { useDateCache } from '../internal/hooks/use-date-cache/index.js';
 import { useUniqueId } from '../internal/hooks/use-unique-id/index.js';
-import { useInternalI18n } from '../i18n/context.js';
+import useCalendarLabels from './use-calendar-labels';
+import useCalendarGridRows from './grid/use-calendar-grid-rows';
+import useCalendarGridKeyboardNavigation from './grid/use-calendar-grid-keyboard-navigation';
+import CalendarGridHeader from './grid/calendar-grid-header';
 export default function Calendar(_a) {
-    var _b, _c, _d;
-    var { value, locale = '', startOfWeek, isDateEnabled = () => true, ariaLabel, ariaLabelledby, ariaDescribedby, onChange, __internalRootRef, i18nStrings } = _a, rest = __rest(_a, ["value", "locale", "startOfWeek", "isDateEnabled", "ariaLabel", "ariaLabelledby", "ariaDescribedby", "onChange", "__internalRootRef", "i18nStrings"]);
+    var { value, locale = '', startOfWeek, isDateEnabled = () => true, ariaLabel, ariaLabelledby, ariaDescribedby, onChange, __internalRootRef, i18nStrings, previousMonthAriaLabel, nextMonthAriaLabel, todayAriaLabel } = _a, rest = __rest(_a, ["value", "locale", "startOfWeek", "isDateEnabled", "ariaLabel", "ariaLabelledby", "ariaDescribedby", "onChange", "__internalRootRef", "i18nStrings", "previousMonthAriaLabel", "nextMonthAriaLabel", "todayAriaLabel"]);
     checkControlled('Calendar', 'value', value, 'onChange', onChange);
     const baseProps = getBaseProps(rest);
     const normalizedLocale = normalizeLocale('Calendar', locale);
-    const normalizedStartOfWeek = normalizeStartOfWeek(startOfWeek, normalizedLocale);
     const gridWrapperRef = useRef(null);
     const [focusedDate, setFocusedDate] = useState(null);
     const valueDateCache = useDateCache();
@@ -33,10 +34,16 @@ export default function Calendar(_a) {
     const defaultDisplayedDate = memoizedValue !== null && memoizedValue !== void 0 ? memoizedValue : new Date();
     const [displayedDate, setDisplayedDate] = useState(defaultDisplayedDate);
     const headingId = useUniqueId('calendar-heading');
-    const i18n = useInternalI18n('calendar');
-    const nextMonthAriaLabel = i18n('nextMonthAriaLabel', (_b = i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.nextMonthAriaLabel) !== null && _b !== void 0 ? _b : rest.nextMonthAriaLabel);
-    const previousMonthAriaLabel = i18n('previousMonthAriaLabel', (_c = i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.previousMonthAriaLabel) !== null && _c !== void 0 ? _c : rest.previousMonthAriaLabel);
-    const todayAriaLabel = i18n('todayAriaLabel', (_d = i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.todayAriaLabel) !== null && _d !== void 0 ? _d : rest.todayAriaLabel);
+    const baseDate = getBaseDay(displayedDate, isDateEnabled);
+    const isCurrentPage = (date) => isSameMonth(date, baseDate);
+    const { previousButtonLabel, nextButtonLabel, renderDate, renderDateAnnouncement, renderHeaderText } = useCalendarLabels({
+        i18nStrings,
+        locale: normalizedLocale,
+        previousMonthAriaLabel,
+        nextMonthAriaLabel,
+        todayAriaLabel,
+    });
+    const gridRows = useCalendarGridRows({ baseDate, startOfWeek, locale: normalizedLocale });
     // Update displayed date if value changes.
     useEffect(() => {
         memoizedValue && setDisplayedDate(prev => (prev.getTime() !== memoizedValue.getTime() ? memoizedValue : prev));
@@ -54,14 +61,13 @@ export default function Calendar(_a) {
         }
         return null;
     };
-    const baseDate = getBaseDate(displayedDate, isDateEnabled);
     const focusableDate = focusedDate || selectFocusedDate(memoizedValue, baseDate);
-    const onHeaderChangeMonthHandler = (date) => {
-        setDisplayedDate(date);
-        setFocusedDate(null);
+    const onHeaderChangePageHandler = (amount) => {
+        const newDate = addMonths(baseDate, amount);
+        onChangePageHandler(newDate);
     };
-    const onGridChangeMonthHandler = (newMonth) => {
-        setDisplayedDate(newMonth);
+    const onChangePageHandler = (newDate) => {
+        setDisplayedDate(newDate);
         setFocusedDate(null);
     };
     const onGridFocusDateHandler = (date) => {
@@ -80,10 +86,19 @@ export default function Calendar(_a) {
             setFocusedDate(null);
         }
     };
+    const onGridKeyDownHandler = useCalendarGridKeyboardNavigation({
+        baseDate,
+        focusableDate,
+        isDateEnabled,
+        onChangePage: onChangePageHandler,
+        onFocusDate: onGridFocusDateHandler,
+        onSelectDate: onGridSelectDateHandler,
+    });
+    const headerText = renderHeaderText(baseDate);
     return (React.createElement("div", Object.assign({ ref: __internalRootRef }, baseProps, { role: "group", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: clsx(styles.root, styles.calendar, baseProps.className) }),
         React.createElement("div", { className: styles['calendar-inner'] },
-            React.createElement(CalendarHeader, { baseDate: baseDate, locale: normalizedLocale, onChangeMonth: onHeaderChangeMonthHandler, previousMonthLabel: previousMonthAriaLabel, nextMonthLabel: nextMonthAriaLabel, headingId: headingId }),
+            React.createElement(CalendarHeader, { formattedDate: headerText, onChange: onHeaderChangePageHandler, previousLabel: previousButtonLabel, nextLabel: nextButtonLabel, headingId: headingId }),
             React.createElement("div", { onBlur: onGridBlur, ref: gridWrapperRef },
-                React.createElement(Grid, { locale: normalizedLocale, baseDate: baseDate, isDateEnabled: isDateEnabled, focusedDate: focusedDate, focusableDate: focusableDate, onSelectDate: onGridSelectDateHandler, onFocusDate: onGridFocusDateHandler, onChangeMonth: onGridChangeMonthHandler, startOfWeek: normalizedStartOfWeek, todayAriaLabel: todayAriaLabel, selectedDate: memoizedValue, ariaLabelledby: headingId })))));
+                React.createElement(Grid, { isDateEnabled: isDateEnabled, focusedDate: focusedDate, focusableDate: focusableDate, onSelectDate: onGridSelectDateHandler, onFocusDate: onGridFocusDateHandler, onChangePage: onChangePageHandler, selectedDate: memoizedValue, ariaLabelledby: headingId, header: React.createElement(CalendarGridHeader, { locale: normalizedLocale, rows: gridRows }), rows: gridRows, isCurrentPage: isCurrentPage, renderDate: renderDate, renderDateAnnouncement: renderDateAnnouncement, isSameDate: isSameDay, onGridKeyDownHandler: onGridKeyDownHandler })))));
 }
 //# sourceMappingURL=internal.js.map

package/calendar/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["calendar/internal.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\n\nimport React, { useEffect, useRef, useState } from 'react';\nimport { isSameMonth } from 'date-fns';\nimport styles from './styles.css.js';\nimport CalendarHeader from './header';\nimport Grid from './grid';\nimport { normalizeLocale, normalizeStartOfWeek } from '../internal/utils/locale';\nimport { formatDate, parseDate } from '../internal/utils/date-time';\nimport { fireNonCancelableEvent } from '../internal/events/index.js';\nimport checkControlled from '../internal/hooks/check-controlled/index.js';\nimport clsx from 'clsx';\nimport { CalendarProps } from './interfaces.js';\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component/index.js';\nimport { getBaseDate } from './utils/navigation';\nimport { useDateCache } from '../internal/hooks/use-date-cache/index.js';\nimport { useUniqueId } from '../internal/hooks/use-unique-id/index.js';\nimport { useInternalI18n } from '../i18n/context.js';\n\nexport type DayIndex = 0 | 1 | 2 | 3 | 4 | 5 | 6;\n\nexport default function Calendar({\n  value,\n  locale = '',\n  startOfWeek,\n  isDateEnabled = () => true,\n  ariaLabel,\n  ariaLabelledby,\n  ariaDescribedby,\n  onChange,\n  __internalRootRef,\n  i18nStrings,\n  ...rest\n}: CalendarProps & InternalBaseComponentProps) {\n  checkControlled('Calendar', 'value', value, 'onChange', onChange);\n\n  const baseProps = getBaseProps(rest);\n  const normalizedLocale = normalizeLocale('Calendar', locale);\n  const normalizedStartOfWeek = normalizeStartOfWeek(startOfWeek, normalizedLocale);\n  const gridWrapperRef = useRef<HTMLDivElement>(null);\n  const [focusedDate, setFocusedDate] = useState<Date | null>(null);\n\n  const valueDateCache = useDateCache();\n  const focusedDateCache = useDateCache();\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 memoizedValue = parsedValue ? valueDateCache(parsedValue) : null;\n  const defaultDisplayedDate = memoizedValue ?? new Date();\n  const [displayedDate, setDisplayedDate] = useState(defaultDisplayedDate);\n\n  const headingId = useUniqueId('calendar-heading');\n\n  const i18n = useInternalI18n('calendar');\n  const nextMonthAriaLabel = i18n('nextMonthAriaLabel', i18nStrings?.nextMonthAriaLabel ?? rest.nextMonthAriaLabel);\n  const previousMonthAriaLabel = i18n(\n    'previousMonthAriaLabel',\n    i18nStrings?.previousMonthAriaLabel ?? rest.previousMonthAriaLabel\n  );\n  const todayAriaLabel = i18n('todayAriaLabel', i18nStrings?.todayAriaLabel ?? rest.todayAriaLabel);\n\n  // Update displayed date if value changes.\n  useEffect(() => {\n    memoizedValue && setDisplayedDate(prev => (prev.getTime() !== memoizedValue.getTime() ? memoizedValue : prev));\n  }, [memoizedValue]);\n\n  const selectFocusedDate = (selected: Date | null, baseDate: Date): Date | null => {\n    if (selected && isDateEnabled(selected) && isSameMonth(selected, baseDate)) {\n      return selected;\n    }\n    const today = new Date();\n    if (isDateEnabled(today) && isSameMonth(today, baseDate)) {\n      return today;\n    }\n    if (isDateEnabled(baseDate)) {\n      return baseDate;\n    }\n    return null;\n  };\n\n  const baseDate = getBaseDate(displayedDate, isDateEnabled);\n  const focusableDate = focusedDate || selectFocusedDate(memoizedValue, baseDate);\n\n  const onHeaderChangeMonthHandler = (date: Date) => {\n    setDisplayedDate(date);\n    setFocusedDate(null);\n  };\n\n  const onGridChangeMonthHandler = (newMonth: Date) => {\n    setDisplayedDate(newMonth);\n    setFocusedDate(null);\n  };\n\n  const onGridFocusDateHandler = (date: null | Date) => {\n    if (date) {\n      setFocusedDate(date ? focusedDateCache(date) : null);\n    }\n  };\n\n  const onGridSelectDateHandler = (date: Date) => {\n    fireNonCancelableEvent(onChange, { value: formatDate(date) });\n    setFocusedDate(null);\n  };\n\n  const onGridBlur = (event: React.FocusEvent) => {\n    const newFocusTargetIsInGrid = event.relatedTarget && gridWrapperRef.current?.contains(event.relatedTarget as Node);\n    if (!newFocusTargetIsInGrid) {\n      setFocusedDate(null);\n    }\n  };\n\n  return (\n    <div\n      ref={__internalRootRef}\n      {...baseProps}\n      role=\"group\"\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledby}\n      aria-describedby={ariaDescribedby}\n      className={clsx(styles.root, styles.calendar, baseProps.className)}\n    >\n      <div className={styles['calendar-inner']}>\n        <CalendarHeader\n          baseDate={baseDate}\n          locale={normalizedLocale}\n          onChangeMonth={onHeaderChangeMonthHandler}\n          previousMonthLabel={previousMonthAriaLabel}\n          nextMonthLabel={nextMonthAriaLabel}\n          headingId={headingId}\n        />\n        <div onBlur={onGridBlur} ref={gridWrapperRef}>\n          <Grid\n            locale={normalizedLocale}\n            baseDate={baseDate}\n            isDateEnabled={isDateEnabled}\n            focusedDate={focusedDate}\n            focusableDate={focusableDate}\n            onSelectDate={onGridSelectDateHandler}\n            onFocusDate={onGridFocusDateHandler}\n            onChangeMonth={onGridChangeMonthHandler}\n            startOfWeek={normalizedStartOfWeek}\n            todayAriaLabel={todayAriaLabel}\n            selectedDate={memoizedValue}\n            ariaLabelledby={headingId}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["calendar/internal.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\n\nimport React, { useEffect, useRef, useState } from 'react';\nimport { addMonths, isSameDay, isSameMonth } from 'date-fns';\nimport styles from './styles.css.js';\nimport CalendarHeader from './header';\nimport Grid from './grid';\nimport { normalizeLocale } from '../internal/utils/locale';\nimport { formatDate, parseDate } from '../internal/utils/date-time';\nimport { fireNonCancelableEvent } from '../internal/events/index.js';\nimport checkControlled from '../internal/hooks/check-controlled/index.js';\nimport clsx from 'clsx';\nimport { CalendarProps } from './interfaces.js';\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component/index.js';\nimport { getBaseDay } from './utils/navigation';\nimport { useDateCache } from '../internal/hooks/use-date-cache/index.js';\nimport { useUniqueId } from '../internal/hooks/use-unique-id/index.js';\nimport useCalendarLabels from './use-calendar-labels';\nimport useCalendarGridRows from './grid/use-calendar-grid-rows';\nimport useCalendarGridKeyboardNavigation from './grid/use-calendar-grid-keyboard-navigation';\nimport CalendarGridHeader from './grid/calendar-grid-header';\n\nexport default function Calendar({\n  value,\n  locale = '',\n  startOfWeek,\n  isDateEnabled = () => true,\n  ariaLabel,\n  ariaLabelledby,\n  ariaDescribedby,\n  onChange,\n  __internalRootRef,\n  i18nStrings,\n  previousMonthAriaLabel,\n  nextMonthAriaLabel,\n  todayAriaLabel,\n  ...rest\n}: CalendarProps & InternalBaseComponentProps) {\n  checkControlled('Calendar', 'value', value, 'onChange', onChange);\n\n  const baseProps = getBaseProps(rest);\n  const normalizedLocale = normalizeLocale('Calendar', locale);\n\n  const gridWrapperRef = useRef<HTMLDivElement>(null);\n  const [focusedDate, setFocusedDate] = useState<Date | null>(null);\n\n  const valueDateCache = useDateCache();\n  const focusedDateCache = useDateCache();\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 memoizedValue = parsedValue ? valueDateCache(parsedValue) : null;\n  const defaultDisplayedDate = memoizedValue ?? new Date();\n  const [displayedDate, setDisplayedDate] = useState(defaultDisplayedDate);\n\n  const headingId = useUniqueId('calendar-heading');\n\n  const baseDate = getBaseDay(displayedDate, isDateEnabled);\n\n  const isCurrentPage = (date: Date) => isSameMonth(date, baseDate);\n\n  const { previousButtonLabel, nextButtonLabel, renderDate, renderDateAnnouncement, renderHeaderText } =\n    useCalendarLabels({\n      i18nStrings,\n      locale: normalizedLocale,\n      previousMonthAriaLabel,\n      nextMonthAriaLabel,\n      todayAriaLabel,\n    });\n\n  const gridRows = useCalendarGridRows({ baseDate, startOfWeek, locale: normalizedLocale });\n\n  // Update displayed date if value changes.\n  useEffect(() => {\n    memoizedValue && setDisplayedDate(prev => (prev.getTime() !== memoizedValue.getTime() ? memoizedValue : prev));\n  }, [memoizedValue]);\n\n  const selectFocusedDate = (selected: Date | null, baseDate: Date): Date | null => {\n    if (selected && isDateEnabled(selected) && isSameMonth(selected, baseDate)) {\n      return selected;\n    }\n    const today = new Date();\n    if (isDateEnabled(today) && isSameMonth(today, baseDate)) {\n      return today;\n    }\n    if (isDateEnabled(baseDate)) {\n      return baseDate;\n    }\n    return null;\n  };\n\n  const focusableDate = focusedDate || selectFocusedDate(memoizedValue, baseDate);\n\n  const onHeaderChangePageHandler = (amount: number) => {\n    const newDate = addMonths(baseDate, amount);\n    onChangePageHandler(newDate);\n  };\n\n  const onChangePageHandler = (newDate: Date) => {\n    setDisplayedDate(newDate);\n    setFocusedDate(null);\n  };\n\n  const onGridFocusDateHandler = (date: null | Date) => {\n    if (date) {\n      setFocusedDate(date ? focusedDateCache(date) : null);\n    }\n  };\n\n  const onGridSelectDateHandler = (date: Date) => {\n    fireNonCancelableEvent(onChange, { value: formatDate(date) });\n    setFocusedDate(null);\n  };\n\n  const onGridBlur = (event: React.FocusEvent) => {\n    const newFocusTargetIsInGrid = event.relatedTarget && gridWrapperRef.current?.contains(event.relatedTarget as Node);\n    if (!newFocusTargetIsInGrid) {\n      setFocusedDate(null);\n    }\n  };\n\n  const onGridKeyDownHandler = useCalendarGridKeyboardNavigation({\n    baseDate,\n    focusableDate,\n    isDateEnabled,\n    onChangePage: onChangePageHandler,\n    onFocusDate: onGridFocusDateHandler,\n    onSelectDate: onGridSelectDateHandler,\n  });\n\n  const headerText = renderHeaderText(baseDate);\n\n  return (\n    <div\n      ref={__internalRootRef}\n      {...baseProps}\n      role=\"group\"\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledby}\n      aria-describedby={ariaDescribedby}\n      className={clsx(styles.root, styles.calendar, baseProps.className)}\n    >\n      <div className={styles['calendar-inner']}>\n        <CalendarHeader\n          formattedDate={headerText}\n          onChange={onHeaderChangePageHandler}\n          previousLabel={previousButtonLabel}\n          nextLabel={nextButtonLabel}\n          headingId={headingId}\n        />\n        <div onBlur={onGridBlur} ref={gridWrapperRef}>\n          <Grid\n            isDateEnabled={isDateEnabled}\n            focusedDate={focusedDate}\n            focusableDate={focusableDate}\n            onSelectDate={onGridSelectDateHandler}\n            onFocusDate={onGridFocusDateHandler}\n            onChangePage={onChangePageHandler}\n            selectedDate={memoizedValue}\n            ariaLabelledby={headingId}\n            header={<CalendarGridHeader locale={normalizedLocale} rows={gridRows} />}\n            rows={gridRows}\n            isCurrentPage={isCurrentPage}\n            renderDate={renderDate}\n            renderDateAnnouncement={renderDateAnnouncement}\n            isSameDate={isSameDay}\n            onGridKeyDownHandler={onGridKeyDownHandler}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/calendar/styles.css.js

@@ -1,23 +1,23 @@
 
     import './styles.scoped.css';
     export default {
-  "calendar": "awsui_calendar_1ykar_15kl7_93",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_15kl7_1",
-  "root": "awsui_root_1ykar_15kl7_124",
-  "calendar-inner": "awsui_calendar-inner_1ykar_15kl7_165",
-  "calendar-header": "awsui_calendar-header_1ykar_15kl7_169",
-  "calendar-header-month": "awsui_calendar-header-month_1ykar_15kl7_174",
-  "calendar-next-btn": "awsui_calendar-next-btn_1ykar_15kl7_182",
-  "calendar-prev-btn": "awsui_calendar-prev-btn_1ykar_15kl7_185",
-  "calendar-grid": "awsui_calendar-grid_1ykar_15kl7_188",
-  "calendar-grid-cell": "awsui_calendar-grid-cell_1ykar_15kl7_192",
-  "calendar-date-header": "awsui_calendar-date-header_1ykar_15kl7_198",
-  "calendar-date": "awsui_calendar-date_1ykar_15kl7_198",
-  "calendar-date-enabled": "awsui_calendar-date-enabled_1ykar_15kl7_218",
-  "calendar-date-current-page": "awsui_calendar-date-current-page_1ykar_15kl7_228",
-  "calendar-date-selected": "awsui_calendar-date-selected_1ykar_15kl7_239",
-  "calendar-date-current": "awsui_calendar-date-current_1ykar_15kl7_228",
-  "date-inner": "awsui_date-inner_1ykar_15kl7_261",
-  "calendar-row": "awsui_calendar-row_1ykar_15kl7_336"
+  "calendar": "awsui_calendar_1ykar_3o1tp_93",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_3o1tp_1",
+  "root": "awsui_root_1ykar_3o1tp_124",
+  "calendar-inner": "awsui_calendar-inner_1ykar_3o1tp_165",
+  "calendar-header": "awsui_calendar-header_1ykar_3o1tp_169",
+  "calendar-header-title": "awsui_calendar-header-title_1ykar_3o1tp_174",
+  "calendar-next-btn": "awsui_calendar-next-btn_1ykar_3o1tp_182",
+  "calendar-prev-btn": "awsui_calendar-prev-btn_1ykar_3o1tp_185",
+  "calendar-grid": "awsui_calendar-grid_1ykar_3o1tp_188",
+  "calendar-grid-cell": "awsui_calendar-grid-cell_1ykar_3o1tp_193",
+  "calendar-date-header": "awsui_calendar-date-header_1ykar_3o1tp_198",
+  "calendar-date": "awsui_calendar-date_1ykar_3o1tp_198",
+  "calendar-date-enabled": "awsui_calendar-date-enabled_1ykar_3o1tp_218",
+  "calendar-date-current-page": "awsui_calendar-date-current-page_1ykar_3o1tp_228",
+  "calendar-date-selected": "awsui_calendar-date-selected_1ykar_3o1tp_239",
+  "calendar-date-current": "awsui_calendar-date-current_1ykar_3o1tp_228",
+  "date-inner": "awsui_date-inner_1ykar_3o1tp_261",
+  "calendar-row": "awsui_calendar-row_1ykar_3o1tp_336"
 };
   

package/calendar/styles.scoped.css

@@ -90,11 +90,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_calendar_1ykar_15kl7_93:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-0_1ykar_15kl7_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
+.awsui_calendar_1ykar_3o1tp_93:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_1ykar_3o1tp_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_1ykar_15kl7_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1ykar_3o1tp_1 {
   from {
     opacity: 0;
   }
@@ -103,12 +103,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_calendar_1ykar_15kl7_93:not(#\9) {
+  .awsui_calendar_1ykar_3o1tp_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_calendar_1ykar_15kl7_93:not(#\9), .awsui-mode-entering .awsui_calendar_1ykar_15kl7_93:not(#\9) {
+.awsui-motion-disabled .awsui_calendar_1ykar_3o1tp_93:not(#\9), .awsui-mode-entering .awsui_calendar_1ykar_3o1tp_93:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -121,11 +121,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_1ykar_15kl7_124:not(#\9) {
+.awsui_root_1ykar_3o1tp_124:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_calendar_1ykar_15kl7_93:not(#\9) {
+.awsui_calendar_1ykar_3o1tp_93:not(#\9) {
   display: block;
   inline-size: var(--size-calendar-grid-width-lrunz7, 238px);
   overflow: auto;
@@ -163,16 +163,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_calendar-inner_1ykar_15kl7_165:not(#\9) {
+.awsui_calendar-inner_1ykar_3o1tp_165:not(#\9) {
   margin-block: var(--space-xs-zb16t3, 8px);
   margin-inline: var(--space-xs-zb16t3, 8px);
 }
-.awsui_calendar-header_1ykar_15kl7_169:not(#\9) {
+.awsui_calendar-header_1ykar_3o1tp_169:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.awsui_calendar-header-month_1ykar_15kl7_174:not(#\9) {
+.awsui_calendar-header-title_1ykar_3o1tp_174:not(#\9) {
   font-size: var(--font-size-body-m-x4okxb, 14px);
   line-height: var(--line-height-body-m-30ar75, 20px);
   font-weight: 700;
@@ -180,23 +180,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_calendar-next-btn_1ykar_15kl7_182:not(#\9) {
+.awsui_calendar-next-btn_1ykar_3o1tp_182:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-prev-btn_1ykar_15kl7_185:not(#\9) {
+.awsui_calendar-prev-btn_1ykar_3o1tp_185:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-grid_1ykar_15kl7_188:not(#\9) {
+.awsui_calendar-grid_1ykar_3o1tp_188:not(#\9) {
   inline-size: 100%;
+  table-layout: fixed;
   border-spacing: 0;
 }
-.awsui_calendar-grid-cell_1ykar_15kl7_192:not(#\9) {
-  inline-size: 14.2857142857%;
+.awsui_calendar-grid-cell_1ykar_3o1tp_193:not(#\9) {
   word-break: break-word;
   text-align: center;
   font-weight: unset;
 }
-.awsui_calendar-date-header_1ykar_15kl7_198:not(#\9) {
+.awsui_calendar-date-header_1ykar_3o1tp_198:not(#\9) {
   padding-block-start: var(--space-s-34lx8l, 12px);
   padding-block-end: var(--space-xxs-p8yyaw, 4px);
   padding-inline: 0;
@@ -205,7 +205,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   line-height: var(--line-height-body-s-7zv1j5, 16px);
   letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
 }
-.awsui_calendar-date_1ykar_15kl7_198:not(#\9) {
+.awsui_calendar-date_1ykar_3o1tp_198:not(#\9) {
   border-block-end: 1px solid var(--color-border-calendar-grid-u86q1u, transparent);
   border-inline-end: 1px solid var(--color-border-calendar-grid-u86q1u, transparent);
   padding-block: var(--space-xxs-p8yyaw, 4px);
@@ -213,23 +213,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-dropdown-item-disabled-6oq3n6, #9ba7b6);
   position: relative;
 }
-.awsui_calendar-date_1ykar_15kl7_198:not(#\9):first-child {
+.awsui_calendar-date_1ykar_3o1tp_198:not(#\9):first-child {
   border-inline-start: 1px solid var(--color-border-calendar-grid-u86q1u, transparent);
 }
-.awsui_calendar-date-enabled_1ykar_15kl7_218:not(#\9) {
+.awsui_calendar-date-enabled_1ykar_3o1tp_218:not(#\9) {
   cursor: pointer;
   color: var(--color-text-dropdown-item-secondary-jho0ju, #5f6b7a);
 }
-.awsui_calendar-date-enabled_1ykar_15kl7_218:not(#\9)::after {
+.awsui_calendar-date-enabled_1ykar_3o1tp_218:not(#\9)::after {
   border-start-start-radius: var(--border-radius-item-05df9h, 8px);
   border-start-end-radius: var(--border-radius-item-05df9h, 8px);
   border-end-start-radius: var(--border-radius-item-05df9h, 8px);
   border-end-end-radius: var(--border-radius-item-05df9h, 8px);
 }
-.awsui_calendar-date-enabled_1ykar_15kl7_218.awsui_calendar-date-current-page_1ykar_15kl7_228:not(#\9) {
+.awsui_calendar-date-enabled_1ykar_3o1tp_218.awsui_calendar-date-current-page_1ykar_3o1tp_228:not(#\9) {
   color: var(--color-text-dropdown-item-default-4o4hes, #000716);
 }
-.awsui_calendar-date-enabled_1ykar_15kl7_218.awsui_calendar-date-current-page_1ykar_15kl7_228:not(#\9):hover {
+.awsui_calendar-date-enabled_1ykar_3o1tp_218.awsui_calendar-date-current-page_1ykar_3o1tp_228:not(#\9):hover {
   border-start-start-radius: var(--border-radius-item-05df9h, 8px);
   border-start-end-radius: var(--border-radius-item-05df9h, 8px);
   border-end-start-radius: var(--border-radius-item-05df9h, 8px);
@@ -237,11 +237,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-calendar-date-hover-llr4as, #000716);
   background-color: var(--color-background-dropdown-item-hover-swsulg, #f4f4f4);
 }
-.awsui_calendar-date-enabled_1ykar_15kl7_218.awsui_calendar-date-current-page_1ykar_15kl7_228:not(#\9):hover:not(.awsui_calendar-date-selected_1ykar_15kl7_239)::after {
+.awsui_calendar-date-enabled_1ykar_3o1tp_218.awsui_calendar-date-current-page_1ykar_3o1tp_228:not(#\9):hover:not(.awsui_calendar-date-selected_1ykar_3o1tp_239)::after {
   border-block: var(--border-item-width-yel47s, 2px) solid var(--color-border-dropdown-item-hover-461g78, #7d8998);
   border-inline: var(--border-item-width-yel47s, 2px) solid var(--color-border-dropdown-item-hover-461g78, #7d8998);
 }
-.awsui_calendar-date-current_1ykar_15kl7_228:not(#\9) {
+.awsui_calendar-date-current_1ykar_3o1tp_228:not(#\9) {
   border-start-start-radius: var(--border-radius-item-05df9h, 8px);
   border-start-end-radius: var(--border-radius-item-05df9h, 8px);
   border-end-start-radius: var(--border-radius-item-05df9h, 8px);
@@ -249,7 +249,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: var(--color-background-calendar-current-date-kmb0ji, #f4f4f4);
   font-weight: 700;
 }
-.awsui_calendar-date_1ykar_15kl7_198:not(#\9)::after {
+.awsui_calendar-date_1ykar_3o1tp_198:not(#\9)::after {
   content: "";
   position: absolute;
   z-index: 1;
@@ -259,21 +259,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline-end: calc(-1 * var(--border-item-width-yel47s, 2px));
   background-color: transparent;
 }
-.awsui_calendar-date_1ykar_15kl7_198 > .awsui_date-inner_1ykar_15kl7_261:not(#\9) {
+.awsui_calendar-date_1ykar_3o1tp_198 > .awsui_date-inner_1ykar_3o1tp_261:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_calendar-date_1ykar_15kl7_198:not(#\9):focus {
+.awsui_calendar-date_1ykar_3o1tp_198:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_15kl7_198:not(#\9):focus:focus {
+body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_3o1tp_198:not(#\9):focus:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_15kl7_198:not(#\9):focus:focus {
+body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_3o1tp_198:not(#\9):focus:focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-g00bgj, -5px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_15kl7_198:not(#\9):focus:focus::before {
+body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_3o1tp_198:not(#\9):focus:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -287,23 +287,23 @@ body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_15kl7_198:not(#\9
   border-end-end-radius: var(--border-radius-calendar-day-focus-ring-545h0w, 3px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_15kl7_198:not(#\9):focus:focus::before {
+body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_3o1tp_198:not(#\9):focus:focus::before {
   z-index: 2;
 }
-.awsui_calendar-date-selected_1ykar_15kl7_239:not(#\9) {
+.awsui_calendar-date-selected_1ykar_3o1tp_239:not(#\9) {
   border-color: transparent;
   position: relative;
   z-index: 2;
   font-weight: 700;
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_15kl7_239:not(#\9):focus:focus {
+body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_3o1tp_239:not(#\9):focus:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_15kl7_239:not(#\9):focus:focus {
+body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_3o1tp_239:not(#\9):focus:focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-g00bgj, -5px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_15kl7_239:not(#\9):focus:focus::before {
+body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_3o1tp_239:not(#\9):focus:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -317,10 +317,10 @@ body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_15kl7_23
   border-end-end-radius: var(--border-radius-calendar-day-focus-ring-545h0w, 3px);
   box-shadow: 0 0 0 2px var(--color-border-calendar-grid-selected-focus-ring-thqa8y, #fbfbfb);
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_15kl7_239:not(#\9):focus:focus::before {
+body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_3o1tp_239:not(#\9):focus:focus::before {
   z-index: 2;
 }
-.awsui_calendar-date-selected_1ykar_15kl7_239:not(#\9)::after {
+.awsui_calendar-date-selected_1ykar_3o1tp_239:not(#\9)::after {
   border-start-start-radius: var(--border-radius-item-05df9h, 8px);
   border-start-end-radius: var(--border-radius-item-05df9h, 8px);
   border-end-start-radius: var(--border-radius-item-05df9h, 8px);
@@ -329,11 +329,11 @@ body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_15kl7_23
   border-block: var(--border-item-width-yel47s, 2px) solid var(--color-background-control-checked-w517i0, #0972d3);
   border-inline: var(--border-item-width-yel47s, 2px) solid var(--color-background-control-checked-w517i0, #0972d3);
 }
-.awsui_calendar-date-selected_1ykar_15kl7_239 > .awsui_date-inner_1ykar_15kl7_261:not(#\9) {
+.awsui_calendar-date-selected_1ykar_3o1tp_239 > .awsui_date-inner_1ykar_3o1tp_261:not(#\9) {
   z-index: 2;
   color: var(--color-background-control-default-qzruqy, #ffffff);
   position: relative;
 }
-.awsui_calendar-row_1ykar_15kl7_336:not(#\9):first-child > .awsui_calendar-date_1ykar_15kl7_198 {
+.awsui_calendar-row_1ykar_3o1tp_336:not(#\9):first-child > .awsui_calendar-date_1ykar_3o1tp_198 {
   border-block-start: 1px solid var(--color-border-calendar-grid-u86q1u, transparent);
 }

package/calendar/styles.selectors.js

@@ -2,23 +2,23 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "calendar": "awsui_calendar_1ykar_15kl7_93",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_15kl7_1",
-  "root": "awsui_root_1ykar_15kl7_124",
-  "calendar-inner": "awsui_calendar-inner_1ykar_15kl7_165",
-  "calendar-header": "awsui_calendar-header_1ykar_15kl7_169",
-  "calendar-header-month": "awsui_calendar-header-month_1ykar_15kl7_174",
-  "calendar-next-btn": "awsui_calendar-next-btn_1ykar_15kl7_182",
-  "calendar-prev-btn": "awsui_calendar-prev-btn_1ykar_15kl7_185",
-  "calendar-grid": "awsui_calendar-grid_1ykar_15kl7_188",
-  "calendar-grid-cell": "awsui_calendar-grid-cell_1ykar_15kl7_192",
-  "calendar-date-header": "awsui_calendar-date-header_1ykar_15kl7_198",
-  "calendar-date": "awsui_calendar-date_1ykar_15kl7_198",
-  "calendar-date-enabled": "awsui_calendar-date-enabled_1ykar_15kl7_218",
-  "calendar-date-current-page": "awsui_calendar-date-current-page_1ykar_15kl7_228",
-  "calendar-date-selected": "awsui_calendar-date-selected_1ykar_15kl7_239",
-  "calendar-date-current": "awsui_calendar-date-current_1ykar_15kl7_228",
-  "date-inner": "awsui_date-inner_1ykar_15kl7_261",
-  "calendar-row": "awsui_calendar-row_1ykar_15kl7_336"
+  "calendar": "awsui_calendar_1ykar_3o1tp_93",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_3o1tp_1",
+  "root": "awsui_root_1ykar_3o1tp_124",
+  "calendar-inner": "awsui_calendar-inner_1ykar_3o1tp_165",
+  "calendar-header": "awsui_calendar-header_1ykar_3o1tp_169",
+  "calendar-header-title": "awsui_calendar-header-title_1ykar_3o1tp_174",
+  "calendar-next-btn": "awsui_calendar-next-btn_1ykar_3o1tp_182",
+  "calendar-prev-btn": "awsui_calendar-prev-btn_1ykar_3o1tp_185",
+  "calendar-grid": "awsui_calendar-grid_1ykar_3o1tp_188",
+  "calendar-grid-cell": "awsui_calendar-grid-cell_1ykar_3o1tp_193",
+  "calendar-date-header": "awsui_calendar-date-header_1ykar_3o1tp_198",
+  "calendar-date": "awsui_calendar-date_1ykar_3o1tp_198",
+  "calendar-date-enabled": "awsui_calendar-date-enabled_1ykar_3o1tp_218",
+  "calendar-date-current-page": "awsui_calendar-date-current-page_1ykar_3o1tp_228",
+  "calendar-date-selected": "awsui_calendar-date-selected_1ykar_3o1tp_239",
+  "calendar-date-current": "awsui_calendar-date-current_1ykar_3o1tp_228",
+  "date-inner": "awsui_date-inner_1ykar_3o1tp_261",
+  "calendar-row": "awsui_calendar-row_1ykar_3o1tp_336"
 };
   

package/calendar/use-calendar-labels.d.ts

@@ -0,0 +1,16 @@
+import { CalendarProps } from './interfaces';
+export default function useCalendarLabels({ locale, i18nStrings, previousMonthAriaLabel, nextMonthAriaLabel, todayAriaLabel, }: {
+    locale: string;
+    i18nStrings?: CalendarProps.I18nStrings;
+    previousMonthAriaLabel?: string;
+    nextMonthAriaLabel?: string;
+    previousYearAriaLabel?: string;
+    todayAriaLabel?: string;
+}): {
+    previousButtonLabel: string | undefined;
+    nextButtonLabel: string | undefined;
+    renderDate: (date: Date) => string;
+    renderDateAnnouncement: (date: Date, isCurrentDate: boolean) => string;
+    renderHeaderText: (date: Date) => string;
+};
+//# sourceMappingURL=use-calendar-labels.d.ts.map

package/calendar/use-calendar-labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-calendar-labels.d.ts","sourceRoot":"lib/default/","sources":["calendar/use-calendar-labels.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAI7C,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,MAAM,EACN,WAAW,EACX,sBAAsB,EACtB,kBAAkB,EAClB,cAAc,GACf,EAAE;IACD,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC;IACxC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;;;uBAY2B,IAAI;mCAEQ,IAAI,iBAAiB,OAAO;6BAQlC,IAAI;EASrC"}

package/calendar/use-calendar-labels.js

@@ -0,0 +1,28 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useInternalI18n } from '../i18n/context.js';
+import { getDateLabel, renderMonthAndYear } from './utils/intl';
+export default function useCalendarLabels({ locale, i18nStrings, previousMonthAriaLabel, nextMonthAriaLabel, todayAriaLabel, }) {
+    var _a, _b, _c;
+    const i18n = useInternalI18n('calendar');
+    const previousButtonLabel = i18n('previousMonthAriaLabel', (_a = i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.previousMonthAriaLabel) !== null && _a !== void 0 ? _a : previousMonthAriaLabel);
+    const nextButtonLabel = i18n('nextMonthAriaLabel', (_b = i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.nextMonthAriaLabel) !== null && _b !== void 0 ? _b : nextMonthAriaLabel);
+    const currentDateLabel = i18n('todayAriaLabel', (_c = i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.todayAriaLabel) !== null && _c !== void 0 ? _c : todayAriaLabel);
+    const renderDate = (date) => date.getDate().toString();
+    const renderDateAnnouncement = (date, isCurrentDate) => {
+        const formattedDate = getDateLabel(locale, date, 'short');
+        if (isCurrentDate && currentDateLabel) {
+            return formattedDate + '. ' + currentDateLabel;
+        }
+        return formattedDate;
+    };
+    const renderHeaderText = (date) => renderMonthAndYear(locale, date);
+    return {
+        previousButtonLabel,
+        nextButtonLabel,
+        renderDate,
+        renderDateAnnouncement,
+        renderHeaderText,
+    };
+}
+//# sourceMappingURL=use-calendar-labels.js.map

package/calendar/use-calendar-labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-calendar-labels.js","sourceRoot":"lib/default/","sources":["calendar/use-calendar-labels.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAGtC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEhE,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,MAAM,EACN,WAAW,EACX,sBAAsB,EACtB,kBAAkB,EAClB,cAAc,GAQf;;IACC,MAAM,IAAI,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;IAEzC,MAAM,mBAAmB,GAAG,IAAI,CAC9B,wBAAwB,EACxB,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,sBAAsB,mCAAI,sBAAsB,CAC9D,CAAC;IAEF,MAAM,eAAe,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,kBAAkB,mCAAI,kBAAkB,CAAC,CAAC;IAE1G,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,cAAc,mCAAI,cAAc,CAAC,CAAC;IAE/F,MAAM,UAAU,GAAG,CAAC,IAAU,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,CAAC;IAE7D,MAAM,sBAAsB,GAAG,CAAC,IAAU,EAAE,aAAsB,EAAE,EAAE;QACpE,MAAM,aAAa,GAAG,YAAY,CAAC,MAAM,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;QAC1D,IAAI,aAAa,IAAI,gBAAgB,EAAE;YACrC,OAAO,aAAa,GAAG,IAAI,GAAG,gBAAgB,CAAC;SAChD;QACD,OAAO,aAAa,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,IAAU,EAAE,EAAE,CAAC,kBAAkB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAE1E,OAAO;QACL,mBAAmB;QACnB,eAAe;QACf,UAAU;QACV,sBAAsB;QACtB,gBAAgB;KACjB,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { CalendarProps } from './interfaces';\nimport { useInternalI18n } from '../i18n/context.js';\nimport { getDateLabel, renderMonthAndYear } from './utils/intl';\n\nexport default function useCalendarLabels({\n  locale,\n  i18nStrings,\n  previousMonthAriaLabel,\n  nextMonthAriaLabel,\n  todayAriaLabel,\n}: {\n  locale: string;\n  i18nStrings?: CalendarProps.I18nStrings;\n  previousMonthAriaLabel?: string;\n  nextMonthAriaLabel?: string;\n  previousYearAriaLabel?: string;\n  todayAriaLabel?: string;\n}) {\n  const i18n = useInternalI18n('calendar');\n\n  const previousButtonLabel = i18n(\n    'previousMonthAriaLabel',\n    i18nStrings?.previousMonthAriaLabel ?? previousMonthAriaLabel\n  );\n\n  const nextButtonLabel = i18n('nextMonthAriaLabel', i18nStrings?.nextMonthAriaLabel ?? nextMonthAriaLabel);\n\n  const currentDateLabel = i18n('todayAriaLabel', i18nStrings?.todayAriaLabel ?? todayAriaLabel);\n\n  const renderDate = (date: Date) => date.getDate().toString();\n\n  const renderDateAnnouncement = (date: Date, isCurrentDate: boolean) => {\n    const formattedDate = getDateLabel(locale, date, 'short');\n    if (isCurrentDate && currentDateLabel) {\n      return formattedDate + '. ' + currentDateLabel;\n    }\n    return formattedDate;\n  };\n\n  const renderHeaderText = (date: Date) => renderMonthAndYear(locale, date);\n\n  return {\n    previousButtonLabel,\n    nextButtonLabel,\n    renderDate,\n    renderDateAnnouncement,\n    renderHeaderText,\n  };\n}\n"]}

package/calendar/utils/navigation.d.ts

@@ -2,5 +2,5 @@ export declare function moveNextDay(startDate: Date, isDateEnabled: (date: Date)
 export declare function movePrevDay(startDate: Date, isDateEnabled: (date: Date) => boolean): Date;
 export declare function moveNextWeek(startDate: Date, isDateEnabled: (date: Date) => boolean): Date;
 export declare function movePrevWeek(startDate: Date, isDateEnabled: (date: Date) => boolean): Date;
-export declare function getBaseDate(date: Date, isDateEnabled: (date: Date) => boolean): Date;
+export declare function getBaseDay(date: Date, isDateEnabled: (date: Date) => boolean): Date;
 //# sourceMappingURL=navigation.d.ts.map

package/calendar/utils/navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.d.ts","sourceRoot":"lib/default/","sources":["calendar/utils/navigation.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,CAAC,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,GAAG,IAAI,CAEzF;AAED,wBAAgB,WAAW,CAAC,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,GAAG,IAAI,CAEzF;AAED,wBAAgB,YAAY,CAAC,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,GAAG,IAAI,CAE1F;AAED,wBAAgB,YAAY,CAAC,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,GAAG,IAAI,CAE1F;AAID,wBAAgB,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,QAQ7E"}
+{"version":3,"file":"navigation.d.ts","sourceRoot":"lib/default/","sources":["calendar/utils/navigation.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,CAAC,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,GAAG,IAAI,CAEzF;AAED,wBAAgB,WAAW,CAAC,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,GAAG,IAAI,CAEzF;AAED,wBAAgB,YAAY,CAAC,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,GAAG,IAAI,CAE1F;AAED,wBAAgB,YAAY,CAAC,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,GAAG,IAAI,CAE1F;AAID,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,QAQ5E"}

package/calendar/utils/navigation.js

@@ -2,30 +2,29 @@
 // SPDX-License-Identifier: Apache-2.0
 import { addDays, differenceInYears, isSameMonth, startOfMonth } from 'date-fns';
 export function moveNextDay(startDate, isDateEnabled) {
-    return moveDate(startDate, isDateEnabled, 1);
+    return moveDay(startDate, isDateEnabled, 1);
 }
 export function movePrevDay(startDate, isDateEnabled) {
-    return moveDate(startDate, isDateEnabled, -1);
+    return moveDay(startDate, isDateEnabled, -1);
 }
 export function moveNextWeek(startDate, isDateEnabled) {
-    return moveDate(startDate, isDateEnabled, 7);
+    return moveDay(startDate, isDateEnabled, 7);
 }
 export function movePrevWeek(startDate, isDateEnabled) {
-    return moveDate(startDate, isDateEnabled, -7);
+    return moveDay(startDate, isDateEnabled, -7);
 }
-// Returns first enabled date of the month corresponding the given date.
-// If all month's days are disabled the first day of the month is returned.
-export function getBaseDate(date, isDateEnabled) {
+// Returns first enabled date of the month corresponding to the given date.
+// If all month's days are disabled, the first day of the month is returned.
+export function getBaseDay(date, isDateEnabled) {
     const startDate = startOfMonth(date);
     if (isDateEnabled(startDate)) {
         return startDate;
     }
-    const firstEnabledDate = moveDate(startDate, isDateEnabled, 1);
+    const firstEnabledDate = moveDay(startDate, isDateEnabled, 1);
     return isSameMonth(startDate, firstEnabledDate) ? firstEnabledDate : startDate;
 }
-// Iterates dates forwards or backwards until the next active date is found.
-// If there is no active date in a year range the start date is returned.
-function moveDate(startDate, isDateEnabled, step) {
+// If there is no active day in a year range, the start day is returned.
+function moveDay(startDate, isDateEnabled, step) {
     let current = addDays(startDate, step);
     while (!isDateEnabled(current)) {
         if (Math.abs(differenceInYears(startDate, current)) > 1) {

package/calendar/utils/navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.js","sourceRoot":"lib/default/","sources":["calendar/utils/navigation.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAEjF,MAAM,UAAU,WAAW,CAAC,SAAe,EAAE,aAAsC;IACjF,OAAO,QAAQ,CAAC,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC;AAC/C,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,SAAe,EAAE,aAAsC;IACjF,OAAO,QAAQ,CAAC,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC;AAChD,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,SAAe,EAAE,aAAsC;IAClF,OAAO,QAAQ,CAAC,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC;AAC/C,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,SAAe,EAAE,aAAsC;IAClF,OAAO,QAAQ,CAAC,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC;AAChD,CAAC;AAED,wEAAwE;AACxE,2EAA2E;AAC3E,MAAM,UAAU,WAAW,CAAC,IAAU,EAAE,aAAsC;IAC5E,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,IAAI,aAAa,CAAC,SAAS,CAAC,EAAE;QAC5B,OAAO,SAAS,CAAC;KAClB;IAED,MAAM,gBAAgB,GAAG,QAAQ,CAAC,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC;IAC/D,OAAO,WAAW,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC;AACjF,CAAC;AAED,4EAA4E;AAC5E,yEAAyE;AACzE,SAAS,QAAQ,CAAC,SAAe,EAAE,aAAsC,EAAE,IAAY;IACrF,IAAI,OAAO,GAAG,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IAEvC,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE;QAC9B,IAAI,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,EAAE;YACvD,OAAO,SAAS,CAAC;SAClB;QACD,OAAO,GAAG,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;KAClC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { addDays, differenceInYears, isSameMonth, startOfMonth } from 'date-fns';\n\nexport function moveNextDay(startDate: Date, isDateEnabled: (date: Date) => boolean): Date {\n  return moveDate(startDate, isDateEnabled, 1);\n}\n\nexport function movePrevDay(startDate: Date, isDateEnabled: (date: Date) => boolean): Date {\n  return moveDate(startDate, isDateEnabled, -1);\n}\n\nexport function moveNextWeek(startDate: Date, isDateEnabled: (date: Date) => boolean): Date {\n  return moveDate(startDate, isDateEnabled, 7);\n}\n\nexport function movePrevWeek(startDate: Date, isDateEnabled: (date: Date) => boolean): Date {\n  return moveDate(startDate, isDateEnabled, -7);\n}\n\n// Returns first enabled date of the month corresponding the given date.\n// If all month's days are disabled the first day of the month is returned.\nexport function getBaseDate(date: Date, isDateEnabled: (date: Date) => boolean) {\n  const startDate = startOfMonth(date);\n  if (isDateEnabled(startDate)) {\n    return startDate;\n  }\n\n  const firstEnabledDate = moveDate(startDate, isDateEnabled, 1);\n  return isSameMonth(startDate, firstEnabledDate) ? firstEnabledDate : startDate;\n}\n\n// Iterates dates forwards or backwards until the next active date is found.\n// If there is no active date in a year range the start date is returned.\nfunction moveDate(startDate: Date, isDateEnabled: (date: Date) => boolean, step: number): Date {\n  let current = addDays(startDate, step);\n\n  while (!isDateEnabled(current)) {\n    if (Math.abs(differenceInYears(startDate, current)) > 1) {\n      return startDate;\n    }\n    current = addDays(current, step);\n  }\n\n  return current;\n}\n"]}
+{"version":3,"file":"navigation.js","sourceRoot":"lib/default/","sources":["calendar/utils/navigation.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAEjF,MAAM,UAAU,WAAW,CAAC,SAAe,EAAE,aAAsC;IACjF,OAAO,OAAO,CAAC,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC;AAC9C,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,SAAe,EAAE,aAAsC;IACjF,OAAO,OAAO,CAAC,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC;AAC/C,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,SAAe,EAAE,aAAsC;IAClF,OAAO,OAAO,CAAC,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC;AAC9C,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,SAAe,EAAE,aAAsC;IAClF,OAAO,OAAO,CAAC,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC;AAC/C,CAAC;AAED,2EAA2E;AAC3E,4EAA4E;AAC5E,MAAM,UAAU,UAAU,CAAC,IAAU,EAAE,aAAsC;IAC3E,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,IAAI,aAAa,CAAC,SAAS,CAAC,EAAE;QAC5B,OAAO,SAAS,CAAC;KAClB;IAED,MAAM,gBAAgB,GAAG,OAAO,CAAC,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC;IAC9D,OAAO,WAAW,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC;AACjF,CAAC;AAED,wEAAwE;AACxE,SAAS,OAAO,CAAC,SAAe,EAAE,aAAsC,EAAE,IAAY;IACpF,IAAI,OAAO,GAAG,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IAEvC,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE;QAC9B,IAAI,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,EAAE;YACvD,OAAO,SAAS,CAAC;SAClB;QACD,OAAO,GAAG,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;KAClC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { addDays, differenceInYears, isSameMonth, startOfMonth } from 'date-fns';\n\nexport function moveNextDay(startDate: Date, isDateEnabled: (date: Date) => boolean): Date {\n  return moveDay(startDate, isDateEnabled, 1);\n}\n\nexport function movePrevDay(startDate: Date, isDateEnabled: (date: Date) => boolean): Date {\n  return moveDay(startDate, isDateEnabled, -1);\n}\n\nexport function moveNextWeek(startDate: Date, isDateEnabled: (date: Date) => boolean): Date {\n  return moveDay(startDate, isDateEnabled, 7);\n}\n\nexport function movePrevWeek(startDate: Date, isDateEnabled: (date: Date) => boolean): Date {\n  return moveDay(startDate, isDateEnabled, -7);\n}\n\n// Returns first enabled date of the month corresponding to the given date.\n// If all month's days are disabled, the first day of the month is returned.\nexport function getBaseDay(date: Date, isDateEnabled: (date: Date) => boolean) {\n  const startDate = startOfMonth(date);\n  if (isDateEnabled(startDate)) {\n    return startDate;\n  }\n\n  const firstEnabledDate = moveDay(startDate, isDateEnabled, 1);\n  return isSameMonth(startDate, firstEnabledDate) ? firstEnabledDate : startDate;\n}\n\n// If there is no active day in a year range, the start day is returned.\nfunction moveDay(startDate: Date, isDateEnabled: (date: Date) => boolean, step: number): Date {\n  let current = addDays(startDate, step);\n\n  while (!isDateEnabled(current)) {\n    if (Math.abs(differenceInYears(startDate, current)) > 1) {\n      return startDate;\n    }\n    current = addDays(current, step);\n  }\n\n  return current;\n}\n"]}