@cloudscape-design/components-themeable 3.0.56 → 3.0.58

package/lib/internal/template/{date-picker/calendar/index.js → calendar/internal.js}

@@ -1,27 +1,23 @@
-import { __assign } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import React, { useEffect, useRef, useState } from 'react';
 import { addDays, addMonths, getDaysInMonth, isSameMonth, startOfMonth } from 'date-fns';
-import styles from '../styles.css.js';
-import useFocusVisible from '../../internal/hooks/focus-visible/index.js';
+import styles from './styles.css.js';
 import CalendarHeader from './header';
 import Grid from './grid';
 import moveFocusHandler from './utils/move-focus-handler';
-import { useUniqueId } from '../../internal/hooks/use-unique-id/index.js';
 import { memoizedDate } from './utils/memoized-date.js';
-import { useEffectOnUpdate } from '../../internal/hooks/use-effect-on-update.js';
+import { useEffectOnUpdate } from '../internal/hooks/use-effect-on-update.js';
 import { normalizeLocale, normalizeStartOfWeek } from './utils/locales.js';
-import { formatDate } from '../../internal/utils/date-time';
-import { fireNonCancelableEvent } from '../../internal/events/index.js';
-import checkControlled from '../../internal/hooks/check-controlled/index.js';
+import { formatDate } 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';
 export default function Calendar(_a) {
     var value = _a.value, _b = _a.locale, locale = _b === void 0 ? '' : _b, startOfWeek = _a.startOfWeek, _c = _a.isDateEnabled, isDateEnabled = _c === void 0 ? function () { return true; } : _c, todayAriaLabel = _a.todayAriaLabel, nextMonthAriaLabel = _a.nextMonthAriaLabel, previousMonthAriaLabel = _a.previousMonthAriaLabel, onChange = _a.onChange;
     checkControlled('Calendar', 'value', value, 'onChange', onChange);
     var normalizedLocale = normalizeLocale('Calendar', locale);
     var normalizedStartOfWeek = normalizeStartOfWeek(startOfWeek, locale);
-    var focusVisible = useFocusVisible();
-    var headerId = useUniqueId('calendar-dialog-title-');
     var elementRef = useRef(null);
     var gridWrapperRef = useRef(null);
     var _d = useState(null), focusedDate = _d[0], setFocusedDate = _d[1];
@@ -93,10 +89,10 @@ export default function Calendar(_a) {
             setFocusedDate(null);
         }
     };
-    return (React.createElement("div", __assign({}, focusVisible, { className: styles.calendar, tabIndex: 0, role: "application", "aria-describedby": headerId, ref: elementRef }),
+    return (React.createElement("div", { className: clsx(styles.root, styles.calendar), ref: elementRef },
         React.createElement("div", { className: styles['calendar-inner'] },
-            React.createElement(CalendarHeader, { headerId: headerId, baseDate: baseDate, locale: normalizedLocale, onChangeMonth: onHeaderChangeMonthHandler, previousMonthLabel: previousMonthAriaLabel, nextMonthLabel: nextMonthAriaLabel }),
+            React.createElement(CalendarHeader, { baseDate: baseDate, locale: normalizedLocale, onChangeMonth: onHeaderChangeMonthHandler, previousMonthLabel: previousMonthAriaLabel, nextMonthLabel: nextMonthAriaLabel }),
             React.createElement("div", { onBlur: onGridBlur, ref: gridWrapperRef },
                 React.createElement(Grid, { locale: normalizedLocale, baseDate: baseDate, isDateEnabled: isDateEnabled, focusedDate: focusedOrSelectedDate, onSelectDate: onGridSelectDateHandler, onFocusDate: onGridFocusDateHandler, onChangeMonth: onGridChangeMonthHandler, startOfWeek: normalizedStartOfWeek, todayAriaLabel: todayAriaLabel, selectedDate: memoizedValue, handleFocusMove: moveFocusHandler })))));
 }
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=internal.js.map

package/lib/internal/template/calendar/internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/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 { addDays, addMonths, getDaysInMonth, isSameMonth, startOfMonth } from 'date-fns';\nimport styles from './styles.css.js';\nimport CalendarHeader from './header';\nimport Grid from './grid';\nimport moveFocusHandler from './utils/move-focus-handler';\nimport { memoizedDate } from './utils/memoized-date.js';\nimport { useEffectOnUpdate } from '../internal/hooks/use-effect-on-update.js';\nimport { normalizeLocale, normalizeStartOfWeek } from './utils/locales.js';\nimport { formatDate } 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';\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  todayAriaLabel,\n  nextMonthAriaLabel,\n  previousMonthAriaLabel,\n  onChange,\n}: CalendarProps) {\n  checkControlled('Calendar', 'value', value, 'onChange', onChange);\n\n  const normalizedLocale = normalizeLocale('Calendar', locale);\n  const normalizedStartOfWeek = normalizeStartOfWeek(startOfWeek, locale);\n  const elementRef = useRef<HTMLDivElement>(null);\n  const gridWrapperRef = useRef<HTMLDivElement>(null);\n  const [focusedDate, setFocusedDate] = useState<Date | null>(null);\n\n  // Set displayed date to value if defined or to current date otherwise.\n  const memoizedValue = memoizedDate('value', value);\n  const defaultDisplayedDate = memoizedValue ?? new Date();\n  const [displayedDate, setDisplayedDate] = useState(defaultDisplayedDate);\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  // Get the first enabled date of the month. If no day is enabled in the given month, return the first day of the month.\n  // This is needed because `baseDate` is used as the first focusable date, for example when navigating to the calendar area.\n  const getBaseDate = (date: Date) => {\n    const startDate = startOfMonth(date);\n    for (let i = 0; i < getDaysInMonth(date); i++) {\n      const currentDate = addDays(startDate, i);\n      if (isDateEnabled(currentDate)) {\n        return currentDate;\n      }\n    }\n    return startDate;\n  };\n\n  const baseDate: Date = getBaseDate(displayedDate);\n  const focusedOrSelectedDate = focusedDate || selectFocusedDate(memoizedValue, baseDate);\n\n  const onHeaderChangeMonthHandler = (isPreviousButtonClick?: boolean) => {\n    setDisplayedDate(addMonths(baseDate, isPreviousButtonClick ? -1 : 1));\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      const value = memoizedDate('focused', formatDate(date));\n      setFocusedDate(value);\n    }\n  };\n\n  const onGridSelectDateHandler = (date: Date) => {\n    fireNonCancelableEvent(onChange, { value: formatDate(date) });\n    setFocusedDate(null);\n  };\n\n  // The focused date changes as a feedback to keyboard navigation in the grid.\n  // Once changed, the corresponding day button needs to receive the actual focus.\n  useEffectOnUpdate(() => {\n    if (focusedDate) {\n      (elementRef.current?.querySelector(`.${styles['calendar-day-focusable']}`) as HTMLDivElement)?.focus();\n    }\n  }, [focusedDate]);\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 className={clsx(styles.root, styles.calendar)} ref={elementRef}>\n      <div className={styles['calendar-inner']}>\n        <CalendarHeader\n          baseDate={baseDate}\n          locale={normalizedLocale}\n          onChangeMonth={onHeaderChangeMonthHandler}\n          previousMonthLabel={previousMonthAriaLabel}\n          nextMonthLabel={nextMonthAriaLabel}\n        />\n        <div onBlur={onGridBlur} ref={gridWrapperRef}>\n          <Grid\n            locale={normalizedLocale}\n            baseDate={baseDate}\n            isDateEnabled={isDateEnabled}\n            focusedDate={focusedOrSelectedDate}\n            onSelectDate={onGridSelectDateHandler}\n            onFocusDate={onGridFocusDateHandler}\n            onChangeMonth={onGridChangeMonthHandler}\n            startOfWeek={normalizedStartOfWeek}\n            todayAriaLabel={todayAriaLabel}\n            selectedDate={memoizedValue}\n            handleFocusMove={moveFocusHandler}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/lib/internal/template/calendar/styles.css.js

@@ -0,0 +1,25 @@
+
+    import './styles.scoped.css';
+    export default {
+  "calendar": "awsui_calendar_1ykar_1lht6_93",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_1lht6_1",
+  "root": "awsui_root_1ykar_1lht6_120",
+  "calendar-inner": "awsui_calendar-inner_1ykar_1lht6_137",
+  "calendar-header": "awsui_calendar-header_1ykar_1lht6_140",
+  "calendar-header-month": "awsui_calendar-header-month_1ykar_1lht6_145",
+  "calendar-next-month-btn": "awsui_calendar-next-month-btn_1ykar_1lht6_151",
+  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_1ykar_1lht6_154",
+  "calendar-day-names": "awsui_calendar-day-names_1ykar_1lht6_157",
+  "calendar-day-name": "awsui_calendar-day-name_1ykar_1lht6_157",
+  "calendar-dates": "awsui_calendar-dates_1ykar_1lht6_172",
+  "calendar-week": "awsui_calendar-week_1ykar_1lht6_175",
+  "calendar-day": "awsui_calendar-day_1ykar_1lht6_157",
+  "calendar-day-in-last-week": "awsui_calendar-day-in-last-week_1ykar_1lht6_194",
+  "calendar-day-focusable": "awsui_calendar-day-focusable_1ykar_1lht6_197",
+  "calendar-day-enabled": "awsui_calendar-day-enabled_1ykar_1lht6_200",
+  "calendar-day-current-month": "awsui_calendar-day-current-month_1ykar_1lht6_204",
+  "calendar-day-selected": "awsui_calendar-day-selected_1ykar_1lht6_211",
+  "calendar-day-today": "awsui_calendar-day-today_1ykar_1lht6_215",
+  "day-inner": "awsui_day-inner_1ykar_1lht6_227"
+};
+  

package/lib/internal/template/calendar/styles.scoped.css

@@ -0,0 +1,291 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* Style used for links in slots/components that are text heavy, to help links stand out among 
+surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_calendar_1ykar_1lht6_93:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_1ykar_1lht6_1 var(--motion-duration-show-quick-tyaalm, 135ms) var(--motion-easing-show-quick-1fcgbv, ease-out);
+  animation-fill-mode: both;
+}
+@keyframes awsui_awsui-motion-fade-in-0_1ykar_1lht6_1 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_calendar_1ykar_1lht6_93:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_calendar_1ykar_1lht6_93:not(#\9), .awsui-mode-entering .awsui_calendar_1ykar_1lht6_93:not(#\9) {
+  animation: none;
+  transition: none;
+}
+
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_root_1ykar_1lht6_120:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_calendar_1ykar_1lht6_93:not(#\9) {
+  display: block;
+  width: 234px;
+  overflow: auto;
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+  border-collapse: separate;
+  border-spacing: 0;
+  caption-side: top;
+  cursor: auto;
+  direction: ltr;
+  empty-cells: show;
+  font-family: serif;
+  font-size: medium;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-hyphens: none;
+          hyphens: none;
+  letter-spacing: normal;
+  list-style: disc outside none;
+  tab-size: 8;
+  text-align: left;
+  text-align-last: auto;
+  text-indent: 0;
+  text-shadow: none;
+  text-transform: none;
+  visibility: visible;
+  white-space: normal;
+  widows: 2;
+  word-spacing: normal;
+  box-sizing: border-box;
+  font-size: var(--font-body-m-size-sregvd, 14px);
+  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
+  color: var(--color-text-body-default-7m2b3r, #16191f);
+  font-weight: 400;
+  font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+}
+.awsui_calendar-inner_1ykar_1lht6_137:not(#\9) {
+  margin: var(--space-xs-rsr2qu, 8px);
+}
+.awsui_calendar-header_1ykar_1lht6_140:not(#\9) {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.awsui_calendar-header-month_1ykar_1lht6_145:not(#\9) {
+  font-size: var(--font-body-m-size-sregvd, 14px);
+  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
+  font-weight: 700;
+  color: var(--color-text-dropdown-item-default-ki8ao1, #16191f);
+}
+.awsui_calendar-next-month-btn_1ykar_1lht6_151:not(#\9) {
+  /* used for identifying element */
+}
+.awsui_calendar-prev-month-btn_1ykar_1lht6_154:not(#\9) {
+  /* used for identifying element */
+}
+.awsui_calendar-day-names_1ykar_1lht6_157:not(#\9) {
+  display: flex;
+  justify-content: stretch;
+}
+.awsui_calendar-day-name_1ykar_1lht6_157:not(#\9) {
+  flex: 1 1 0%;
+  width: 0;
+  word-break: break-word;
+  text-align: center;
+  padding: var(--space-s-hv8c1d, 12px) 0 var(--space-xxs-ynfts5, 4px);
+  color: var(--color-text-calendar-month-cx7jxx, #545b64);
+  font-size: var(--font-body-s-size-ukw2p9, 12px);
+  line-height: var(--font-body-s-line-height-kdsbrl, 16px);
+  letter-spacing: var(--font-body-s-letter-spacing-p88gax, normal);
+}
+.awsui_calendar-dates_1ykar_1lht6_172:not(#\9) {
+  border: 1px solid var(--color-border-calendar-grid-54zscx, #eaeded);
+}
+.awsui_calendar-week_1ykar_1lht6_175:not(#\9) {
+  display: flex;
+  justify-content: stretch;
+}
+.awsui_calendar-day_1ykar_1lht6_157:not(#\9) {
+  flex: 1 1 0%;
+  width: 0;
+  word-break: break-word;
+  text-align: center;
+  border-bottom: 1px solid var(--color-border-calendar-grid-54zscx, #eaeded);
+  border-right: 1px solid var(--color-border-calendar-grid-54zscx, #eaeded);
+  border-radius: var(--border-radius-item-wjpc1f, 0px);
+  padding: var(--space-xxs-ynfts5, 4px) 0;
+  color: var(--color-text-dropdown-item-disabled-dgi2f4, #aab7b8);
+  position: relative;
+}
+.awsui_calendar-day_1ykar_1lht6_157:not(#\9):last-child {
+  border-right: none;
+}
+.awsui_calendar-day-in-last-week_1ykar_1lht6_194:not(#\9) {
+  border-bottom: none;
+}
+.awsui_calendar-day-focusable_1ykar_1lht6_197:not(#\9) {
+  /* used for identifying element */
+}
+.awsui_calendar-day-enabled_1ykar_1lht6_200:not(#\9) {
+  cursor: pointer;
+  color: var(--color-text-dropdown-item-secondary-8hw5go, #687078);
+}
+.awsui_calendar-day-enabled_1ykar_1lht6_200.awsui_calendar-day-current-month_1ykar_1lht6_204:not(#\9) {
+  color: var(--color-text-dropdown-item-default-ki8ao1, #16191f);
+}
+.awsui_calendar-day-enabled_1ykar_1lht6_200.awsui_calendar-day-current-month_1ykar_1lht6_204:not(#\9):hover {
+  color: var(--color-text-calendar-day-hover-p7s945, #16191f);
+  background-color: var(--color-background-dropdown-item-hover-hgdj8r, #f2f3f3);
+}
+.awsui_calendar-day-enabled_1ykar_1lht6_200.awsui_calendar-day-current-month_1ykar_1lht6_204:not(#\9):hover:not(.awsui_calendar-day-selected_1ykar_1lht6_211)::after {
+  border: var(--border-item-width-yvnixs, 1px) solid var(--color-border-dropdown-item-hover-d32f3f, #879596);
+  border-radius: var(--border-radius-item-wjpc1f, 0px);
+}
+.awsui_calendar-day-today_1ykar_1lht6_215:not(#\9) {
+  background-color: var(--color-background-calendar-today-wm2baz, #f2f3f3);
+}
+.awsui_calendar-day_1ykar_1lht6_157:not(#\9)::after {
+  content: "";
+  position: absolute;
+  top: -1px;
+  left: -1px;
+  bottom: -1px;
+  right: -1px;
+  background-color: transparent;
+}
+.awsui_calendar-day_1ykar_1lht6_157 > .awsui_day-inner_1ykar_1lht6_227:not(#\9) {
+  position: relative;
+  z-index: 1;
+}
+.awsui_calendar-day_1ykar_1lht6_157:not(#\9):focus {
+  outline: none;
+  position: relative;
+}
+.awsui_calendar-day_1ykar_1lht6_157:not(#\9):focus {
+  outline: 2px dotted transparent;
+  outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-lbmex4, 0px) - 1px);
+}
+.awsui_calendar-day_1ykar_1lht6_157:not(#\9):focus::before {
+  content: " ";
+  display: block;
+  position: absolute;
+  left: calc(-1 * var(--space-calendar-grid-focus-outline-gutter-lbmex4, 0px));
+  top: calc(-1 * var(--space-calendar-grid-focus-outline-gutter-lbmex4, 0px));
+  width: calc(100% + 2 * var(--space-calendar-grid-focus-outline-gutter-lbmex4, 0px));
+  height: calc(100% + 2 * var(--space-calendar-grid-focus-outline-gutter-lbmex4, 0px));
+  border-radius: var(--border-radius-calendar-day-focus-ring-16ha5s, 2px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
+}
+.awsui_calendar-day_1ykar_1lht6_157:not(#\9):focus::before {
+  z-index: 2;
+}
+.awsui_calendar-day-selected_1ykar_1lht6_211:not(#\9) {
+  border-color: transparent;
+  position: relative;
+}
+.awsui_calendar-day-selected_1ykar_1lht6_211:not(#\9)::after {
+  background-color: var(--color-background-dropdown-item-selected-w7iegd, #f1faff);
+  border: var(--border-item-width-yvnixs, 1px) solid var(--color-border-dropdown-item-selected-bzuxys, #00a1c9);
+  border-radius: var(--border-radius-item-wjpc1f, 0px);
+}
+.awsui_calendar-day-selected_1ykar_1lht6_211 > .awsui_day-inner_1ykar_1lht6_227:not(#\9) {
+  color: var(--color-text-calendar-day-selected-fr68ny, #16191f);
+  position: relative;
+}

package/lib/internal/template/calendar/styles.selectors.js

@@ -0,0 +1,26 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "calendar": "awsui_calendar_1ykar_1lht6_93",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_1lht6_1",
+  "root": "awsui_root_1ykar_1lht6_120",
+  "calendar-inner": "awsui_calendar-inner_1ykar_1lht6_137",
+  "calendar-header": "awsui_calendar-header_1ykar_1lht6_140",
+  "calendar-header-month": "awsui_calendar-header-month_1ykar_1lht6_145",
+  "calendar-next-month-btn": "awsui_calendar-next-month-btn_1ykar_1lht6_151",
+  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_1ykar_1lht6_154",
+  "calendar-day-names": "awsui_calendar-day-names_1ykar_1lht6_157",
+  "calendar-day-name": "awsui_calendar-day-name_1ykar_1lht6_157",
+  "calendar-dates": "awsui_calendar-dates_1ykar_1lht6_172",
+  "calendar-week": "awsui_calendar-week_1ykar_1lht6_175",
+  "calendar-day": "awsui_calendar-day_1ykar_1lht6_157",
+  "calendar-day-in-last-week": "awsui_calendar-day-in-last-week_1ykar_1lht6_194",
+  "calendar-day-focusable": "awsui_calendar-day-focusable_1ykar_1lht6_197",
+  "calendar-day-enabled": "awsui_calendar-day-enabled_1ykar_1lht6_200",
+  "calendar-day-current-month": "awsui_calendar-day-current-month_1ykar_1lht6_204",
+  "calendar-day-selected": "awsui_calendar-day-selected_1ykar_1lht6_211",
+  "calendar-day-today": "awsui_calendar-day-today_1ykar_1lht6_215",
+  "day-inner": "awsui_day-inner_1ykar_1lht6_227"
+};
+  

package/lib/internal/template/{date-picker/calendar → calendar}/utils/intl.d.ts

@@ -1,5 +1,5 @@
-import { DayIndex } from '../index';
-import { TimeInputProps } from '../../../time-input/interfaces';
+import { DayIndex } from '../internal';
+import { TimeInputProps } from '../../time-input/interfaces';
 export declare function renderDayName(locale: string, dayIndex: DayIndex): string;
 export declare function renderMonthAndYear(locale: string, baseDate: Date): string;
 export declare function getDateLabel(locale: string, date: Date): string;

package/lib/internal/template/calendar/utils/intl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"intl.d.ts","sourceRoot":"","sources":["../../../../src/calendar/utils/intl.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAO7D,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,GAAG,MAAM,CAIxE;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,GAAG,MAAM,CAOzE;AAMD,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,MAAM,CAc/D;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,cAAc,CAAC,MAAM,GAAG,MAAM,CAUlG"}

package/lib/internal/template/{date-picker/calendar → calendar}/utils/intl.js

@@ -1,3 +1,5 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
 function setDayIndex(date, dayIndex) {
     var diff = dayIndex - date.getDay();
     date.setDate(date.getDate() + diff);

package/lib/internal/template/calendar/utils/intl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"intl.js","sourceRoot":"","sources":["../../../../src/calendar/utils/intl.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAKtC,SAAS,WAAW,CAAC,IAAU,EAAE,QAAkB;IACjD,IAAM,IAAI,GAAG,QAAQ,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;IACtC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,CAAC;AACtC,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,MAAc,EAAE,QAAkB;IAC9D,IAAM,QAAQ,GAAG,IAAI,IAAI,EAAE,CAAC;IAC5B,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAChC,OAAO,QAAQ,CAAC,kBAAkB,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;AACnE,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,MAAc,EAAE,QAAc;IAC/D,IAAM,MAAM,GAAG,QAAQ,CAAC,kBAAkB,CAAC,MAAM,EAAE;QACjD,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,MAAM;KACd,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AAChB,CAAC;AAED;;EAEE;AACF,IAAM,aAAa,GAAG,IAAI,GAAG,EAAkB,CAAC;AAChD,MAAM,UAAU,YAAY,CAAC,MAAc,EAAE,IAAU;IACrD,IAAM,QAAQ,GAAG,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;IACzC,IAAM,WAAW,GAAG,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAChD,IAAI,WAAW,EAAE;QACf,OAAO,WAAW,CAAC;KACpB;IACD,IAAM,KAAK,GAAG,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE;QAC5C,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,MAAM;QACb,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;KAChB,CAAC,CAAC;IACH,aAAa,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IACnC,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,MAAc,EAAE,IAAU,EAAE,MAA8B;IACxF,IAAI,OAAO,GAA+B,EAAE,CAAC;IAC7C,IAAI,MAAM,KAAK,IAAI,EAAE;QACnB,OAAO,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;KAC/B;IACD,IAAI,MAAM,KAAK,OAAO,EAAE;QACtB,OAAO,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;KAClD;IACD,IAAM,KAAK,GAAG,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvD,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { DayIndex } from '../internal';\nimport { TimeInputProps } from '../../time-input/interfaces';\n\nfunction setDayIndex(date: Date, dayIndex: DayIndex): void {\n  const diff = dayIndex - date.getDay();\n  date.setDate(date.getDate() + diff);\n}\n\nexport function renderDayName(locale: string, dayIndex: DayIndex): string {\n  const tempDate = new Date();\n  setDayIndex(tempDate, dayIndex);\n  return tempDate.toLocaleDateString(locale, { weekday: 'short' });\n}\n\nexport function renderMonthAndYear(locale: string, baseDate: Date): string {\n  const result = baseDate.toLocaleDateString(locale, {\n    year: 'numeric',\n    month: 'long',\n  });\n\n  return result;\n}\n\n/*\n `toLocaleDateString` is expensive (10+ ms) to calculate in IE11.\n*/\nconst dayLabelCache = new Map<string, string>();\nexport function getDateLabel(locale: string, date: Date): string {\n  const cacheKey = locale + date.getTime();\n  const cachedValue = dayLabelCache.get(cacheKey);\n  if (cachedValue) {\n    return cachedValue;\n  }\n  const value = date.toLocaleDateString(locale, {\n    weekday: 'long',\n    month: 'long',\n    day: 'numeric',\n    year: 'numeric',\n  });\n  dayLabelCache.set(cacheKey, value);\n  return value;\n}\n\nexport function renderTimeLabel(locale: string, date: Date, format?: TimeInputProps.Format): string {\n  let options: Intl.DateTimeFormatOptions = {};\n  if (format === 'hh') {\n    options = { hour: '2-digit' };\n  }\n  if (format === 'hh:mm') {\n    options = { hour: '2-digit', minute: '2-digit' };\n  }\n  const value = date.toLocaleTimeString(locale, options);\n  return value;\n}\n"]}

package/lib/internal/template/{date-picker/calendar → calendar}/utils/locales.d.ts

@@ -1,4 +1,4 @@
-import { DayIndex } from '..';
+import { DayIndex } from '../internal';
 export declare function mergeLocales(locale: string, fullLocale: string): string;
 export declare function normalizeLocale(component: string, locale: string | null): string;
 export declare function normalizeStartOfWeek(startOfWeek: number | undefined, locale: string): DayIndex;

package/lib/internal/template/calendar/utils/locales.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"locales.d.ts","sourceRoot":"","sources":["../../../../src/calendar/utils/locales.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAwBvC,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,UAM9D;AAED,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAWhF;AAED,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,YAEnF"}

package/lib/internal/template/{date-picker/calendar → calendar}/utils/locales.js

@@ -1,6 +1,6 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import { warnOnce } from '../../../internal/logging';
+import { warnOnce } from '../../internal/logging';
 import { getWeekStartByLocale } from 'weekstart';
 var getHtmlElement = function () { return (typeof document !== 'undefined' ? document.querySelector('html') : null); };
 function getBrowserLocale() {

package/lib/internal/template/calendar/utils/locales.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"locales.js","sourceRoot":"","sources":["../../../../src/calendar/utils/locales.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAGjD,IAAM,cAAc,GAAG,cAAM,OAAA,CAAC,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAzE,CAAyE,CAAC;AAEvG,SAAS,gBAAgB;IACvB,OAAO,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC,eAAe,EAAE,CAAC,MAAM,CAAC;AAC5D,CAAC;AAED,SAAS,WAAW,CAAC,SAAiB,EAAE,MAAiC;IACvE,IAAI,CAAC,MAAM,IAAI,MAAM,KAAK,EAAE,EAAE;QAC5B,OAAO,EAAE,CAAC;KACX;IAED,uCAAuC;IACvC,MAAM,GAAG,MAAM,IAAI,MAAM,CAAC,OAAO,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;IACzD,6CAA6C;IAC7C,kCAAkC;IAClC,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,wBAAwB,CAAC,EAAE;QACrD,QAAQ,CAAC,SAAS,EAAE,mCAA4B,MAAM,8BAA2B,CAAC,CAAC;QACnF,MAAM,GAAG,EAAE,CAAC;KACb;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,MAAc,EAAE,UAAkB;IAC7D,IAAM,OAAO,GAAG,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC;IACpC,IAAI,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;QAC/C,OAAO,UAAU,CAAC;KACnB;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,SAAiB,EAAE,MAAqB;;IACtE,MAAM,GAAG,WAAW,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IACxC,IAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IACzC,IAAI,MAAM,EAAE;QACV,OAAO,YAAY,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;KAC5C;IACD,IAAM,UAAU,GAAG,WAAW,CAAC,SAAS,EAAE,MAAA,cAAc,EAAE,0CAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;IAClF,IAAI,UAAU,EAAE;QACd,OAAO,YAAY,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC;KAChD;IACD,OAAO,aAAa,CAAC;AACvB,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,WAA+B,EAAE,MAAc;IAClF,OAAO,CAAC,OAAO,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAa,CAAC;AACxG,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { warnOnce } from '../../internal/logging';\nimport { getWeekStartByLocale } from 'weekstart';\nimport { DayIndex } from '../internal';\n\nconst getHtmlElement = () => (typeof document !== 'undefined' ? document.querySelector('html') : null);\n\nfunction getBrowserLocale() {\n  return new Intl.DateTimeFormat().resolvedOptions().locale;\n}\n\nfunction checkLocale(component: string, locale: string | null | undefined): string {\n  if (!locale || locale === '') {\n    return '';\n  }\n\n  // Support underscore-delimited locales\n  locale = locale && locale.replace(/^([a-z]{2})_/, '$1-');\n  // Check that the value matches aa-BB pattern\n  // TODO: support full BCP 47 spec?\n  if (locale && !locale.match(/^[a-z]{2}(-[A-Z]{2})?$/)) {\n    warnOnce(component, `Invalid locale provided: ${locale}. Falling back to default`);\n    locale = '';\n  }\n  return locale;\n}\n\nexport function mergeLocales(locale: string, fullLocale: string) {\n  const isShort = locale.length === 2;\n  if (isShort && fullLocale.indexOf(locale) === 0) {\n    return fullLocale;\n  }\n  return locale;\n}\n\nexport function normalizeLocale(component: string, locale: string | null): string {\n  locale = checkLocale(component, locale);\n  const browserLocale = getBrowserLocale();\n  if (locale) {\n    return mergeLocales(locale, browserLocale);\n  }\n  const htmlLocale = checkLocale(component, getHtmlElement()?.getAttribute('lang'));\n  if (htmlLocale) {\n    return mergeLocales(htmlLocale, browserLocale);\n  }\n  return browserLocale;\n}\n\nexport function normalizeStartOfWeek(startOfWeek: number | undefined, locale: string) {\n  return (typeof startOfWeek === 'number' ? startOfWeek % 7 : getWeekStartByLocale(locale)) as DayIndex;\n}\n"]}

package/lib/internal/template/calendar/utils/memoized-date.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"memoized-date.d.ts","sourceRoot":"","sources":["../../../../src/calendar/utils/memoized-date.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,YAAY,QAAS,MAAM,QAAQ,MAAM,GAAG,IAAI,KAAG,IAAI,GAAG,IAMtE,CAAC"}

package/lib/internal/template/{date-picker/calendar → calendar}/utils/memoized-date.js

@@ -1,6 +1,6 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import { parseDate } from '../../../internal/utils/date-time';
+import { parseDate } from '../../internal/utils/date-time';
 // reuse date instances, to allow shallow equality checking
 var memoCache = {};
 export var memoizedDate = function (key, date) {

package/lib/internal/template/calendar/utils/memoized-date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"memoized-date.js","sourceRoot":"","sources":["../../../../src/calendar/utils/memoized-date.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAE3D,2DAA2D;AAC3D,IAAM,SAAS,GAAyB,EAAE,CAAC;AAC3C,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,GAAW,EAAE,IAAmB;IAC3D,IAAM,MAAM,GAAG,IAAI,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACjE,IAAI,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,MAAM,IAAI,SAAS,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,MAAM,CAAC,OAAO,EAAE,CAAC,EAAE;QAChF,SAAS,CAAC,GAAG,CAAC,GAAG,MAAc,CAAC;KACjC;IACD,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;AACxB,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { parseDate } from '../../internal/utils/date-time';\n\n// reuse date instances, to allow shallow equality checking\nconst memoCache: Record<string, Date> = {};\nexport const memoizedDate = (key: string, date: string | null): null | Date => {\n  const parsed = date && date.length >= 4 ? parseDate(date) : null;\n  if (!(memoCache[key] && parsed && memoCache[key].getTime() === parsed.getTime())) {\n    memoCache[key] = parsed as Date;\n  }\n  return memoCache[key];\n};\n"]}

package/lib/internal/template/{date-picker/calendar → calendar}/utils/move-focus-handler.d.ts

@@ -1,4 +1,4 @@
-import { DatePickerProps } from '../../interfaces';
+import { DatePickerProps } from '../../date-picker/interfaces';
 export interface MoveFocusHandler {
     (focusedDate: Date, isDateEnabled: DatePickerProps.IsDateEnabledFunction, moveHandler: (date: Date) => Date): Date;
 }

package/lib/internal/template/calendar/utils/move-focus-handler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"move-focus-handler.d.ts","sourceRoot":"","sources":["../../../../src/calendar/utils/move-focus-handler.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,MAAM,WAAW,gBAAgB;IAC/B,CAAC,WAAW,EAAE,IAAI,EAAE,aAAa,EAAE,eAAe,CAAC,qBAAqB,EAAE,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,IAAI,CAAC;CACpH;AAMD,QAAA,MAAM,gBAAgB,EAAE,gBAevB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/internal/template/calendar/utils/move-focus-handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"move-focus-handler.js","sourceRoot":"","sources":["../../../../src/calendar/utils/move-focus-handler.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAO7C,uEAAuE;AACvE,8EAA8E;AAC9E,uEAAuE;AACvE,yCAAyC;AACzC,IAAM,gBAAgB,GAAqB,UAAC,QAAc,EAAE,aAAa,EAAE,YAAkC;IAC3G,IAAI,OAAO,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;IACrC,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO,OAAO,CAAC;KAChB;IAED,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE;QAC9B,sDAAsD;QACtD,wDAAwD;QACxD,IAAI,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,EAAE;YACtD,OAAO,QAAQ,CAAC;SACjB;QACD,OAAO,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;KACjC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { differenceInYears } from 'date-fns';\nimport { DatePickerProps } from '../../date-picker/interfaces';\n\nexport interface MoveFocusHandler {\n  (focusedDate: Date, isDateEnabled: DatePickerProps.IsDateEnabledFunction, moveHandler: (date: Date) => Date): Date;\n}\n\n// Helper to move the focus to the given moveCallback's date. It checks\n// the availability of that date and moves forward until this date is enabled.\n// If the entire month in the requested direction has no enabled dates,\n// it returns the currently focused date.\nconst moveFocusHandler: MoveFocusHandler = (focussed: Date, isDateEnabled, moveCallback: (date: Date) => Date) => {\n  let current = moveCallback(focussed);\n  if (!isDateEnabled) {\n    return current;\n  }\n\n  while (!isDateEnabled(current)) {\n    // Get the first enabled date within the one year max.\n    // Used when using keyboard navigation on calendar days.\n    if (Math.abs(differenceInYears(focussed, current)) > 1) {\n      return focussed;\n    }\n    current = moveCallback(current);\n  }\n  return current;\n};\n\nexport default moveFocusHandler;\n"]}

package/lib/internal/template/calendar/utils/rotate-day-indexes.d.ts

@@ -0,0 +1,3 @@
+import { DayIndex } from '../internal';
+export default function rotateDayIndexes(startOfWeek: DayIndex): DayIndex[];
+//# sourceMappingURL=rotate-day-indexes.d.ts.map

package/lib/internal/template/calendar/utils/rotate-day-indexes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rotate-day-indexes.d.ts","sourceRoot":"","sources":["../../../../src/calendar/utils/rotate-day-indexes.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAKvC,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,WAAW,EAAE,QAAQ,GAAG,QAAQ,EAAE,CAM1E"}

package/lib/internal/template/{date-picker/calendar → calendar}/utils/rotate-day-indexes.js

@@ -1,3 +1,5 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
 var days = [0, 1, 2, 3, 4, 5, 6];
 // Given a start day of week, return an array of day indexes starting at that given day.
 export default function rotateDayIndexes(startOfWeek) {

package/lib/internal/template/calendar/utils/rotate-day-indexes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rotate-day-indexes.js","sourceRoot":"","sources":["../../../../src/calendar/utils/rotate-day-indexes.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAItC,IAAM,IAAI,GAAe,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAE/C,wFAAwF;AACxF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,WAAqB;IAC5D,SAAS,MAAM,CAAC,CAAW,EAAE,CAAS;QACpC,OAAO,IAAI,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;IACrC,CAAC;IAED,OAAO,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;AAC1B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { DayIndex } from '../internal';\n\nconst days: DayIndex[] = [0, 1, 2, 3, 4, 5, 6];\n\n// Given a start day of week, return an array of day indexes starting at that given day.\nexport default function rotateDayIndexes(startOfWeek: DayIndex): DayIndex[] {\n  function mapDay(_: DayIndex, i: number): DayIndex {\n    return days[(i + startOfWeek) % 7];\n  }\n\n  return days.map(mapDay);\n}\n"]}

package/lib/internal/template/date-picker/index.d.ts.map

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

package/lib/internal/template/date-picker/index.js

@@ -4,10 +4,10 @@ import { __assign, __rest } from "tslib";
 import clsx from 'clsx';
 import React, { useCallback, useRef, useState } from 'react';
 import styles from './styles.css.js';
-import Calendar from './calendar';
-import { normalizeLocale } from './calendar/utils/locales';
-import { getDateLabel } from './calendar/utils/intl';
-import { memoizedDate } from './calendar/utils/memoized-date';
+import InternalCalendar from '../calendar/internal';
+import { normalizeLocale } from '../calendar/utils/locales';
+import { getDateLabel, renderMonthAndYear } from '../calendar/utils/intl';
+import { memoizedDate } from '../calendar/utils/memoized-date';
 import { KeyCode } from '../internal/keycode';
 import { fireNonCancelableEvent } from '../internal/events';
 import Dropdown from '../internal/components/dropdown';
@@ -22,6 +22,7 @@ import useBaseComponent from '../internal/hooks/use-base-component';
 import { useUniqueId } from '../internal/hooks/use-unique-id';
 import { useMergeRefs } from '../internal/hooks/use-merge-refs';
 import FocusLock from '../internal/components/focus-lock';
+import useFocusVisible from '../internal/hooks/focus-visible/index.js';
 var DatePicker = React.forwardRef(function (_a, ref) {
     var _b = _a.locale, locale = _b === void 0 ? '' : _b, startOfWeek = _a.startOfWeek, isDateEnabled = _a.isDateEnabled, nextMonthAriaLabel = _a.nextMonthAriaLabel, previousMonthAriaLabel = _a.previousMonthAriaLabel, todayAriaLabel = _a.todayAriaLabel, _c = _a.placeholder, placeholder = _c === void 0 ? '' : _c, _d = _a.value, value = _d === void 0 ? '' : _d, _e = _a.readOnly, readOnly = _e === void 0 ? false : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, onBlur = _a.onBlur, _g = _a.autoFocus, autoFocus = _g === void 0 ? false : _g, onChange = _a.onChange, onFocus = _a.onFocus, name = _a.name, ariaLabel = _a.ariaLabel, ariaRequired = _a.ariaRequired, ariaLabelledby = _a.ariaLabelledby, ariaDescribedby = _a.ariaDescribedby, controlId = _a.controlId, invalid = _a.invalid, openCalendarAriaLabel = _a.openCalendarAriaLabel, expandToViewport = _a.expandToViewport, rest = __rest(_a, ["locale", "startOfWeek", "isDateEnabled", "nextMonthAriaLabel", "previousMonthAriaLabel", "todayAriaLabel", "placeholder", "value", "readOnly", "disabled", "onBlur", "autoFocus", "onChange", "onFocus", "name", "ariaLabel", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "controlId", "invalid", "openCalendarAriaLabel", "expandToViewport"]);
     var __internalRootRef = useBaseComponent('DatePicker').__internalRootRef;
@@ -29,11 +30,13 @@ var DatePicker = React.forwardRef(function (_a, ref) {
     var baseProps = getBaseProps(rest);
     var _h = useState(false), isDropDownOpen = _h[0], setIsDropDownOpen = _h[1];
     var normalizedLocale = normalizeLocale('DatePicker', locale);
+    var focusVisible = useFocusVisible();
     var internalInputRef = useRef(null);
     var buttonRef = useRef(null);
     useForwardFocus(ref, internalInputRef);
     var rootRef = useRef(null);
     var dropdownId = useUniqueId('calender');
+    var calendarDescriptionId = useUniqueId('calendar-description-');
     var mergedRef = useMergeRefs(rootRef, __internalRootRef);
     useFocusTracker({ rootRef: rootRef, onBlur: onBlur, onFocus: onFocus, viewportId: expandToViewport ? dropdownId : '' });
     var onDropdownCloseHandler = useCallback(function () { return setIsDropDownOpen(false); }, [setIsDropDownOpen]);
@@ -58,6 +61,7 @@ var DatePicker = React.forwardRef(function (_a, ref) {
         }
     };
     var memoizedValue = memoizedDate('value', value);
+    var baseDate = memoizedValue || new Date();
     var DateInputElement = (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 })),
@@ -74,12 +78,14 @@ var DatePicker = React.forwardRef(function (_a, ref) {
     };
     return (React.createElement("div", __assign({}, baseProps, { ref: mergedRef, onKeyDown: onWrapperKeyDownHandler }),
         React.createElement(Dropdown, { stretchWidth: true, stretchHeight: true, open: isDropDownOpen, onDropdownClose: onDropdownCloseHandler, onMouseDown: handleMouseDown, trigger: DateInputElement, expandToViewport: expandToViewport, scrollable: false, dropdownId: dropdownId }, isDropDownOpen && (React.createElement(FocusLock, { autoFocus: true },
-            React.createElement(Calendar, { value: value, onChange: function (e) {
-                    var _a;
-                    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, isDateEnabled: isDateEnabled, todayAriaLabel: todayAriaLabel, nextMonthAriaLabel: nextMonthAriaLabel, previousMonthAriaLabel: previousMonthAriaLabel }))))));
+            React.createElement("div", __assign({}, focusVisible, { tabIndex: 0, className: styles.calendar, role: "application", "aria-describedby": calendarDescriptionId }),
+                React.createElement(InternalCalendar, { value: value, onChange: function (e) {
+                        var _a;
+                        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, isDateEnabled: isDateEnabled, todayAriaLabel: todayAriaLabel, nextMonthAriaLabel: nextMonthAriaLabel, previousMonthAriaLabel: previousMonthAriaLabel }),
+                React.createElement("div", { id: calendarDescriptionId, className: styles['screenreader-only'], "aria-live": "polite" }, renderMonthAndYear(normalizedLocale, baseDate))))))));
 });
 applyDisplayName(DatePicker, 'DatePicker');
 export default DatePicker;