@cloudscape-design/components 3.0.60 → 3.0.62

package/calendar/grid/day/index.d.ts

@@ -10,6 +10,6 @@ interface GridDayProps {
     onSelectDate: (date: Date) => void;
     isDateInLastWeek: boolean;
 }
-declare const GridDay: ({ locale, baseDate, date, selectedDate, focusedDate, isDateEnabled, todayAriaLabel, onSelectDate, isDateInLastWeek, }: GridDayProps) => JSX.Element;
-export default GridDay;
+export default function GridDay({ locale, baseDate, date, selectedDate, focusedDate, isDateEnabled, todayAriaLabel, onSelectDate, isDateInLastWeek, }: GridDayProps): JSX.Element;
+export {};
 //# sourceMappingURL=index.d.ts.map

package/calendar/grid/day/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/calendar/grid/day/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAKlE,UAAU,YAAY;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,IAAI,CAAC;IACf,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,eAAe,CAAC,qBAAqB,CAAC;IACtD,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,QAAA,MAAM,OAAO,0HAUV,YAAY,gBAwCd,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/calendar/grid/day/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAMlE,UAAU,YAAY;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,IAAI,CAAC;IACf,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,eAAe,CAAC,qBAAqB,CAAC;IACtD,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,cAAc,EACd,YAAY,EACZ,gBAAgB,GACjB,EAAE,YAAY,eAyCd"}

package/calendar/grid/day/index.js

@@ -6,7 +6,8 @@ import styles from '../../styles.css.js';
 import { isSameDay, isSameMonth } from 'date-fns';
 import { getDateLabel } from '../../utils/intl';
 import clsx from 'clsx';
-var GridDay = function (_a) {
+import useFocusVisible from '../../../internal/hooks/focus-visible/index.js';
+export default function GridDay(_a) {
     var _b;
     var locale = _a.locale, baseDate = _a.baseDate, date = _a.date, selectedDate = _a.selectedDate, focusedDate = _a.focusedDate, isDateEnabled = _a.isDateEnabled, todayAriaLabel = _a.todayAriaLabel, onSelectDate = _a.onSelectDate, isDateInLastWeek = _a.isDateInLastWeek;
     var labels = [getDateLabel(locale, date)];
@@ -23,6 +24,7 @@ var GridDay = function (_a) {
         _b[styles['calendar-day-today']] = isDateOnSameDay,
         _b[styles['calendar-day-focusable']] = isFocusable && isEnabled,
         _b));
+    var focusVisible = useFocusVisible();
     if (isSelected) {
         computedAttributes['aria-current'] = 'date';
     }
@@ -39,8 +41,7 @@ var GridDay = function (_a) {
     if (isFocusable && isEnabled) {
         computedAttributes.tabIndex = 0;
     }
-    return (React.createElement("div", __assign({ className: classNames, "aria-label": labels.join('. '), role: "button" }, computedAttributes),
+    return (React.createElement("div", __assign({ className: classNames, "aria-label": labels.join('. '), role: "button" }, computedAttributes, focusVisible),
         React.createElement("span", { className: styles['day-inner'] }, date.getDate())));
-};
-export default GridDay;
+}
 //# sourceMappingURL=index.js.map

package/calendar/grid/day/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/calendar/grid/day/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,IAAI,MAAM,MAAM,CAAC;AAcxB,IAAM,OAAO,GAAG,UAAC,EAUF;;QATb,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,gBAAgB,sBAAA;IAEhB,IAAM,MAAM,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAC5C,IAAM,WAAW,GAAG,CAAC,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IAClE,IAAM,UAAU,GAAG,CAAC,CAAC,YAAY,IAAI,SAAS,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;IACnE,IAAM,SAAS,GAAG,CAAC,aAAa,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC;IACxD,IAAM,eAAe,GAAG,SAAS,CAAC,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC;IACpD,IAAM,kBAAkB,GAAyC,EAAE,CAAC;IACpE,IAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC;QAC5C,GAAC,MAAM,CAAC,2BAA2B,CAAC,IAAG,gBAAgB;QACvD,GAAC,MAAM,CAAC,4BAA4B,CAAC,IAAG,WAAW,CAAC,IAAI,EAAE,QAAQ,CAAC;QACnE,GAAC,MAAM,CAAC,sBAAsB,CAAC,IAAG,SAAS;QAC3C,GAAC,MAAM,CAAC,uBAAuB,CAAC,IAAG,UAAU;QAC7C,GAAC,MAAM,CAAC,oBAAoB,CAAC,IAAG,eAAe;QAC/C,GAAC,MAAM,CAAC,wBAAwB,CAAC,IAAG,WAAW,IAAI,SAAS;YAC5D,CAAC;IAEH,IAAI,UAAU,EAAE;QACd,kBAAkB,CAAC,cAAc,CAAC,GAAG,MAAM,CAAC;KAC7C;IAED,IAAI,eAAe,EAAE;QACnB,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;KAC7B;IAED,IAAI,SAAS,EAAE;QACb,kBAAkB,CAAC,OAAO,GAAG,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,CAAC;QACtD,kBAAkB,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;KAClC;SAAM;QACL,kBAAkB,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC;KAC5C;IAED,IAAI,WAAW,IAAI,SAAS,EAAE;QAC5B,kBAAkB,CAAC,QAAQ,GAAG,CAAC,CAAC;KACjC;IAED,OAAO,CACL,sCAAK,SAAS,EAAE,UAAU,gBAAc,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,QAAQ,IAAK,kBAAkB;QAC7F,8BAAM,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,IAAG,IAAI,CAAC,OAAO,EAAE,CAAQ,CACzD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport styles from '../../styles.css.js';\nimport { DatePickerProps } from '../../../date-picker/interfaces';\nimport { isSameDay, isSameMonth } from 'date-fns';\nimport { getDateLabel } from '../../utils/intl';\nimport clsx from 'clsx';\n\ninterface GridDayProps {\n  locale: string;\n  baseDate: Date;\n  date: Date;\n  selectedDate?: Date | null;\n  focusedDate: Date | null;\n  isDateEnabled?: DatePickerProps.IsDateEnabledFunction;\n  todayAriaLabel: string;\n  onSelectDate: (date: Date) => void;\n  isDateInLastWeek: boolean;\n}\n\nconst GridDay = ({\n  locale,\n  baseDate,\n  date,\n  selectedDate,\n  focusedDate,\n  isDateEnabled,\n  todayAriaLabel,\n  onSelectDate,\n  isDateInLastWeek,\n}: GridDayProps) => {\n  const labels = [getDateLabel(locale, date)];\n  const isFocusable = !!focusedDate && isSameDay(date, focusedDate);\n  const isSelected = !!selectedDate && isSameDay(date, selectedDate);\n  const isEnabled = !isDateEnabled || isDateEnabled(date);\n  const isDateOnSameDay = isSameDay(date, new Date());\n  const computedAttributes: React.HTMLAttributes<HTMLDivElement> = {};\n  const classNames = clsx(styles['calendar-day'], {\n    [styles['calendar-day-in-last-week']]: isDateInLastWeek,\n    [styles['calendar-day-current-month']]: isSameMonth(date, baseDate),\n    [styles['calendar-day-enabled']]: isEnabled,\n    [styles['calendar-day-selected']]: isSelected,\n    [styles['calendar-day-today']]: isDateOnSameDay,\n    [styles['calendar-day-focusable']]: isFocusable && isEnabled,\n  });\n\n  if (isSelected) {\n    computedAttributes['aria-current'] = 'date';\n  }\n\n  if (isDateOnSameDay) {\n    labels.push(todayAriaLabel);\n  }\n\n  if (isEnabled) {\n    computedAttributes.onClick = () => onSelectDate(date);\n    computedAttributes.tabIndex = -1;\n  } else {\n    computedAttributes['aria-disabled'] = true;\n  }\n\n  if (isFocusable && isEnabled) {\n    computedAttributes.tabIndex = 0;\n  }\n\n  return (\n    <div className={classNames} aria-label={labels.join('. ')} role=\"button\" {...computedAttributes}>\n      <span className={styles['day-inner']}>{date.getDate()}</span>\n    </div>\n  );\n};\n\nexport default GridDay;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/calendar/grid/day/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,eAAe,MAAM,gDAAgD,CAAC;AAc7E,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAUjB;;QATb,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,gBAAgB,sBAAA;IAEhB,IAAM,MAAM,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAC5C,IAAM,WAAW,GAAG,CAAC,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IAClE,IAAM,UAAU,GAAG,CAAC,CAAC,YAAY,IAAI,SAAS,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;IACnE,IAAM,SAAS,GAAG,CAAC,aAAa,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC;IACxD,IAAM,eAAe,GAAG,SAAS,CAAC,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC;IACpD,IAAM,kBAAkB,GAAyC,EAAE,CAAC;IACpE,IAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC;QAC5C,GAAC,MAAM,CAAC,2BAA2B,CAAC,IAAG,gBAAgB;QACvD,GAAC,MAAM,CAAC,4BAA4B,CAAC,IAAG,WAAW,CAAC,IAAI,EAAE,QAAQ,CAAC;QACnE,GAAC,MAAM,CAAC,sBAAsB,CAAC,IAAG,SAAS;QAC3C,GAAC,MAAM,CAAC,uBAAuB,CAAC,IAAG,UAAU;QAC7C,GAAC,MAAM,CAAC,oBAAoB,CAAC,IAAG,eAAe;QAC/C,GAAC,MAAM,CAAC,wBAAwB,CAAC,IAAG,WAAW,IAAI,SAAS;YAC5D,CAAC;IACH,IAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,IAAI,UAAU,EAAE;QACd,kBAAkB,CAAC,cAAc,CAAC,GAAG,MAAM,CAAC;KAC7C;IAED,IAAI,eAAe,EAAE;QACnB,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;KAC7B;IAED,IAAI,SAAS,EAAE;QACb,kBAAkB,CAAC,OAAO,GAAG,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,CAAC;QACtD,kBAAkB,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;KAClC;SAAM;QACL,kBAAkB,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC;KAC5C;IAED,IAAI,WAAW,IAAI,SAAS,EAAE;QAC5B,kBAAkB,CAAC,QAAQ,GAAG,CAAC,CAAC;KACjC;IAED,OAAO,CACL,sCAAK,SAAS,EAAE,UAAU,gBAAc,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,QAAQ,IAAK,kBAAkB,EAAM,YAAY;QAC/G,8BAAM,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,IAAG,IAAI,CAAC,OAAO,EAAE,CAAQ,CACzD,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport styles from '../../styles.css.js';\nimport { DatePickerProps } from '../../../date-picker/interfaces';\nimport { isSameDay, isSameMonth } from 'date-fns';\nimport { getDateLabel } from '../../utils/intl';\nimport clsx from 'clsx';\nimport useFocusVisible from '../../../internal/hooks/focus-visible/index.js';\n\ninterface GridDayProps {\n  locale: string;\n  baseDate: Date;\n  date: Date;\n  selectedDate?: Date | null;\n  focusedDate: Date | null;\n  isDateEnabled?: DatePickerProps.IsDateEnabledFunction;\n  todayAriaLabel: string;\n  onSelectDate: (date: Date) => void;\n  isDateInLastWeek: boolean;\n}\n\nexport default function GridDay({\n  locale,\n  baseDate,\n  date,\n  selectedDate,\n  focusedDate,\n  isDateEnabled,\n  todayAriaLabel,\n  onSelectDate,\n  isDateInLastWeek,\n}: GridDayProps) {\n  const labels = [getDateLabel(locale, date)];\n  const isFocusable = !!focusedDate && isSameDay(date, focusedDate);\n  const isSelected = !!selectedDate && isSameDay(date, selectedDate);\n  const isEnabled = !isDateEnabled || isDateEnabled(date);\n  const isDateOnSameDay = isSameDay(date, new Date());\n  const computedAttributes: React.HTMLAttributes<HTMLDivElement> = {};\n  const classNames = clsx(styles['calendar-day'], {\n    [styles['calendar-day-in-last-week']]: isDateInLastWeek,\n    [styles['calendar-day-current-month']]: isSameMonth(date, baseDate),\n    [styles['calendar-day-enabled']]: isEnabled,\n    [styles['calendar-day-selected']]: isSelected,\n    [styles['calendar-day-today']]: isDateOnSameDay,\n    [styles['calendar-day-focusable']]: isFocusable && isEnabled,\n  });\n  const focusVisible = useFocusVisible();\n\n  if (isSelected) {\n    computedAttributes['aria-current'] = 'date';\n  }\n\n  if (isDateOnSameDay) {\n    labels.push(todayAriaLabel);\n  }\n\n  if (isEnabled) {\n    computedAttributes.onClick = () => onSelectDate(date);\n    computedAttributes.tabIndex = -1;\n  } else {\n    computedAttributes['aria-disabled'] = true;\n  }\n\n  if (isFocusable && isEnabled) {\n    computedAttributes.tabIndex = 0;\n  }\n\n  return (\n    <div className={classNames} aria-label={labels.join('. ')} role=\"button\" {...computedAttributes} {...focusVisible}>\n      <span className={styles['day-inner']}>{date.getDate()}</span>\n    </div>\n  );\n}\n"]}

package/calendar/grid/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendar/grid/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAI/D,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,IAAI,CAAC;IACf,aAAa,EAAE,eAAe,CAAC,qBAAqB,CAAC;IACrD,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,QAAQ,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,eAAe,EAAE,gBAAgB,CAAC;CACnC;AAED,QAAA,MAAM,IAAI,4JAYP,SAAS,gBAoFX,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendar/grid/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAI/D,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,IAAI,CAAC;IACf,aAAa,EAAE,eAAe,CAAC,qBAAqB,CAAC;IACrD,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,QAAQ,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,eAAe,EAAE,gBAAgB,CAAC;CACnC;AAED,QAAA,MAAM,IAAI,4JAYP,SAAS,gBAmFX,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/calendar/grid/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/calendar/grid/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useMemo } from 'react';\nimport styles from '../styles.css.js';\nimport GridDay from './day';\nimport { KeyCode } from '../../internal/keycode';\nimport { addDays, addWeeks, isSameMonth } from 'date-fns';\nimport { getCalendarMonth } from 'mnth';\nimport { DayIndex } from '../internal';\nimport { MoveFocusHandler } from '../utils/move-focus-handler';\nimport { DatePickerProps } from '../../date-picker/interfaces';\nimport rotateDayIndexes from '../utils/rotate-day-indexes';\nimport { renderDayName } from '../utils/intl';\n\nexport interface GridProps {\n  locale: string;\n  baseDate: Date;\n  isDateEnabled: DatePickerProps.IsDateEnabledFunction;\n  focusedDate: Date | null;\n  onSelectDate: (date: Date) => void;\n  onFocusDate: (date: null | Date) => void;\n  onChangeMonth: (date: Date) => void;\n  startOfWeek: DayIndex;\n  todayAriaLabel: string;\n  selectedDate: Date | null;\n  handleFocusMove: MoveFocusHandler;\n}\n\nconst Grid = ({\n  locale,\n  baseDate,\n  isDateEnabled,\n  focusedDate,\n  onSelectDate,\n  onFocusDate,\n  onChangeMonth,\n  startOfWeek,\n  todayAriaLabel,\n  selectedDate,\n  handleFocusMove,\n}: GridProps) => {\n  const onGridKeyDownHandler = (event: React.KeyboardEvent) => {\n    let updatedFocusDate;\n\n    if (focusedDate === null) {\n      return;\n    }\n\n    switch (event.keyCode) {\n      case KeyCode.enter:\n        event.preventDefault();\n        if (focusedDate) {\n          onFocusDate(null);\n          onSelectDate(focusedDate);\n        }\n        return;\n      case KeyCode.right:\n        event.preventDefault();\n        updatedFocusDate = handleFocusMove(focusedDate, isDateEnabled, date => addDays(date, 1));\n        break;\n      case KeyCode.left:\n        event.preventDefault();\n        updatedFocusDate = handleFocusMove(focusedDate, isDateEnabled, date => addDays(date, -1));\n        break;\n      case KeyCode.up:\n        event.preventDefault();\n        updatedFocusDate = handleFocusMove(focusedDate, isDateEnabled, date => addWeeks(date, -1));\n        break;\n      case KeyCode.down:\n        event.preventDefault();\n        updatedFocusDate = handleFocusMove(focusedDate, isDateEnabled, date => addWeeks(date, 1));\n        break;\n      default:\n        return;\n    }\n\n    if (!isSameMonth(updatedFocusDate, baseDate)) {\n      onChangeMonth(updatedFocusDate);\n    }\n    onFocusDate(updatedFocusDate);\n  };\n\n  const weeks = useMemo<Date[][]>(\n    () => getCalendarMonth(baseDate, { firstDayOfWeek: startOfWeek }),\n    [baseDate, startOfWeek]\n  );\n\n  return (\n    <div>\n      <div className={styles['calendar-day-names']}>\n        {rotateDayIndexes(startOfWeek).map(i => (\n          <div key={`day-name-${i}`} className={styles['calendar-day-name']}>\n            {renderDayName(locale, i)}\n          </div>\n        ))}\n      </div>\n      <div className={styles['calendar-dates']} onKeyDown={onGridKeyDownHandler}>\n        {weeks.map((week, weekIndex) => {\n          const isDateInLastWeek = weeks.length - 1 === weekIndex;\n\n          return (\n            <div key={`week-${weekIndex}`} className={styles['calendar-week']}>\n              {week.map((date, dateIndex) => {\n                return (\n                  <GridDay\n                    key={`date-${weekIndex}-${dateIndex}`}\n                    locale={locale}\n                    baseDate={baseDate}\n                    selectedDate={selectedDate}\n                    date={date}\n                    focusedDate={focusedDate}\n                    todayAriaLabel={todayAriaLabel}\n                    onSelectDate={date => onSelectDate(date)}\n                    isDateEnabled={isDateEnabled}\n                    isDateInLastWeek={isDateInLastWeek}\n                  />\n                );\n              })}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default Grid;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/calendar/grid/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useMemo } from 'react';\nimport styles from '../styles.css.js';\nimport GridDay from './day';\nimport { KeyCode } from '../../internal/keycode';\nimport { addDays, addWeeks, isSameMonth } from 'date-fns';\nimport { getCalendarMonth } from 'mnth';\nimport { DayIndex } from '../internal';\nimport { MoveFocusHandler } from '../utils/move-focus-handler';\nimport { DatePickerProps } from '../../date-picker/interfaces';\nimport rotateDayIndexes from '../utils/rotate-day-indexes';\nimport { renderDayName } from '../utils/intl';\n\nexport interface GridProps {\n  locale: string;\n  baseDate: Date;\n  isDateEnabled: DatePickerProps.IsDateEnabledFunction;\n  focusedDate: Date | null;\n  onSelectDate: (date: Date) => void;\n  onFocusDate: (date: null | Date) => void;\n  onChangeMonth: (date: Date) => void;\n  startOfWeek: DayIndex;\n  todayAriaLabel: string;\n  selectedDate: Date | null;\n  handleFocusMove: MoveFocusHandler;\n}\n\nconst Grid = ({\n  locale,\n  baseDate,\n  isDateEnabled,\n  focusedDate,\n  onSelectDate,\n  onFocusDate,\n  onChangeMonth,\n  startOfWeek,\n  todayAriaLabel,\n  selectedDate,\n  handleFocusMove,\n}: GridProps) => {\n  const onGridKeyDownHandler = (event: React.KeyboardEvent) => {\n    let updatedFocusDate;\n\n    if (focusedDate === null) {\n      return;\n    }\n\n    switch (event.keyCode) {\n      case KeyCode.enter:\n        event.preventDefault();\n        if (focusedDate) {\n          onFocusDate(null);\n          onSelectDate(focusedDate);\n        }\n        return;\n      case KeyCode.right:\n        event.preventDefault();\n        updatedFocusDate = handleFocusMove(focusedDate, isDateEnabled, date => addDays(date, 1));\n        break;\n      case KeyCode.left:\n        event.preventDefault();\n        updatedFocusDate = handleFocusMove(focusedDate, isDateEnabled, date => addDays(date, -1));\n        break;\n      case KeyCode.up:\n        event.preventDefault();\n        updatedFocusDate = handleFocusMove(focusedDate, isDateEnabled, date => addWeeks(date, -1));\n        break;\n      case KeyCode.down:\n        event.preventDefault();\n        updatedFocusDate = handleFocusMove(focusedDate, isDateEnabled, date => addWeeks(date, 1));\n        break;\n      default:\n        return;\n    }\n\n    if (!isSameMonth(updatedFocusDate, baseDate)) {\n      onChangeMonth(updatedFocusDate);\n    }\n    onFocusDate(updatedFocusDate);\n  };\n\n  const weeks = useMemo<Date[][]>(\n    () => getCalendarMonth(baseDate, { firstDayOfWeek: startOfWeek }),\n    [baseDate, startOfWeek]\n  );\n\n  return (\n    <div>\n      <div className={styles['calendar-day-names']}>\n        {rotateDayIndexes(startOfWeek).map(i => (\n          <div key={`day-name-${i}`} className={styles['calendar-day-name']}>\n            {renderDayName(locale, i)}\n          </div>\n        ))}\n      </div>\n      <div className={styles['calendar-dates']} onKeyDown={onGridKeyDownHandler}>\n        {weeks.map((week, weekIndex) => {\n          const isDateInLastWeek = weeks.length - 1 === weekIndex;\n          return (\n            <div key={`week-${weekIndex}`} className={styles['calendar-week']}>\n              {week.map((date, dateIndex) => {\n                return (\n                  <GridDay\n                    key={`date-${weekIndex}-${dateIndex}`}\n                    locale={locale}\n                    baseDate={baseDate}\n                    selectedDate={selectedDate}\n                    date={date}\n                    focusedDate={focusedDate}\n                    todayAriaLabel={todayAriaLabel}\n                    onSelectDate={date => onSelectDate(date)}\n                    isDateEnabled={isDateEnabled}\n                    isDateInLastWeek={isDateInLastWeek}\n                  />\n                );\n              })}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default Grid;\n"]}

package/calendar/styles.css.js

@@ -1,25 +1,25 @@
 
     import './styles.scoped.css';
     export default {
-  "calendar": "awsui_calendar_1ykar_3ngtd_93",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_3ngtd_1",
-  "root": "awsui_root_1ykar_3ngtd_120",
-  "calendar-inner": "awsui_calendar-inner_1ykar_3ngtd_137",
-  "calendar-header": "awsui_calendar-header_1ykar_3ngtd_140",
-  "calendar-header-month": "awsui_calendar-header-month_1ykar_3ngtd_145",
-  "calendar-next-month-btn": "awsui_calendar-next-month-btn_1ykar_3ngtd_151",
-  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_1ykar_3ngtd_154",
-  "calendar-day-names": "awsui_calendar-day-names_1ykar_3ngtd_157",
-  "calendar-day-name": "awsui_calendar-day-name_1ykar_3ngtd_157",
-  "calendar-dates": "awsui_calendar-dates_1ykar_3ngtd_172",
-  "calendar-week": "awsui_calendar-week_1ykar_3ngtd_175",
-  "calendar-day": "awsui_calendar-day_1ykar_3ngtd_157",
-  "calendar-day-in-last-week": "awsui_calendar-day-in-last-week_1ykar_3ngtd_194",
-  "calendar-day-focusable": "awsui_calendar-day-focusable_1ykar_3ngtd_197",
-  "calendar-day-enabled": "awsui_calendar-day-enabled_1ykar_3ngtd_200",
-  "calendar-day-current-month": "awsui_calendar-day-current-month_1ykar_3ngtd_204",
-  "calendar-day-selected": "awsui_calendar-day-selected_1ykar_3ngtd_211",
-  "calendar-day-today": "awsui_calendar-day-today_1ykar_3ngtd_215",
-  "day-inner": "awsui_day-inner_1ykar_3ngtd_227"
+  "calendar": "awsui_calendar_1ykar_9qo45_93",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_9qo45_1",
+  "root": "awsui_root_1ykar_9qo45_120",
+  "calendar-inner": "awsui_calendar-inner_1ykar_9qo45_137",
+  "calendar-header": "awsui_calendar-header_1ykar_9qo45_140",
+  "calendar-header-month": "awsui_calendar-header-month_1ykar_9qo45_145",
+  "calendar-next-month-btn": "awsui_calendar-next-month-btn_1ykar_9qo45_151",
+  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_1ykar_9qo45_154",
+  "calendar-day-names": "awsui_calendar-day-names_1ykar_9qo45_157",
+  "calendar-day-name": "awsui_calendar-day-name_1ykar_9qo45_157",
+  "calendar-dates": "awsui_calendar-dates_1ykar_9qo45_172",
+  "calendar-week": "awsui_calendar-week_1ykar_9qo45_175",
+  "calendar-day": "awsui_calendar-day_1ykar_9qo45_157",
+  "calendar-day-in-last-week": "awsui_calendar-day-in-last-week_1ykar_9qo45_193",
+  "calendar-day-focusable": "awsui_calendar-day-focusable_1ykar_9qo45_196",
+  "calendar-day-enabled": "awsui_calendar-day-enabled_1ykar_9qo45_199",
+  "calendar-day-current-month": "awsui_calendar-day-current-month_1ykar_9qo45_206",
+  "calendar-day-selected": "awsui_calendar-day-selected_1ykar_9qo45_213",
+  "calendar-day-today": "awsui_calendar-day-today_1ykar_9qo45_216",
+  "day-inner": "awsui_day-inner_1ykar_9qo45_230"
 };
   

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_3ngtd_93:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-0_1ykar_3ngtd_1 var(--motion-duration-show-quick-tyaalm, 135ms) var(--motion-easing-show-quick-1fcgbv, ease-out);
+.awsui_calendar_1ykar_9qo45_93:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_1ykar_9qo45_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_3ngtd_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1ykar_9qo45_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_3ngtd_93:not(#\9) {
+  .awsui_calendar_1ykar_9qo45_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_calendar_1ykar_3ngtd_93:not(#\9), .awsui-mode-entering .awsui_calendar_1ykar_3ngtd_93:not(#\9) {
+.awsui-motion-disabled .awsui_calendar_1ykar_9qo45_93:not(#\9), .awsui-mode-entering .awsui_calendar_1ykar_9qo45_93:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -117,11 +117,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_3ngtd_120:not(#\9) {
+.awsui_root_1ykar_9qo45_120:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_calendar_1ykar_3ngtd_93:not(#\9) {
+.awsui_calendar_1ykar_9qo45_93:not(#\9) {
   display: block;
   width: 234px;
   overflow: auto;
@@ -160,31 +160,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: 400;
   font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
 }
-.awsui_calendar-inner_1ykar_3ngtd_137:not(#\9) {
+.awsui_calendar-inner_1ykar_9qo45_137:not(#\9) {
   margin: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_calendar-header_1ykar_3ngtd_140:not(#\9) {
+.awsui_calendar-header_1ykar_9qo45_140:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.awsui_calendar-header-month_1ykar_3ngtd_145:not(#\9) {
+.awsui_calendar-header-month_1ykar_9qo45_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-7tg9p2, #000716);
 }
-.awsui_calendar-next-month-btn_1ykar_3ngtd_151:not(#\9) {
+.awsui_calendar-next-month-btn_1ykar_9qo45_151:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-prev-month-btn_1ykar_3ngtd_154:not(#\9) {
+.awsui_calendar-prev-month-btn_1ykar_9qo45_154:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-day-names_1ykar_3ngtd_157:not(#\9) {
+.awsui_calendar-day-names_1ykar_9qo45_157:not(#\9) {
   display: flex;
   justify-content: stretch;
 }
-.awsui_calendar-day-name_1ykar_3ngtd_157:not(#\9) {
+.awsui_calendar-day-name_1ykar_9qo45_157:not(#\9) {
   flex: 1 1 0%;
   width: 0;
   word-break: break-word;
@@ -195,74 +195,79 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   line-height: var(--font-body-s-line-height-kdsbrl, 16px);
   letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
 }
-.awsui_calendar-dates_1ykar_3ngtd_172:not(#\9) {
+.awsui_calendar-dates_1ykar_9qo45_172:not(#\9) {
   border: 1px solid var(--color-border-calendar-grid-sshunw, transparent);
 }
-.awsui_calendar-week_1ykar_3ngtd_175:not(#\9) {
+.awsui_calendar-week_1ykar_9qo45_175:not(#\9) {
   display: flex;
   justify-content: stretch;
 }
-.awsui_calendar-day_1ykar_3ngtd_157:not(#\9) {
+.awsui_calendar-day_1ykar_9qo45_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-sshunw, transparent);
   border-right: 1px solid var(--color-border-calendar-grid-sshunw, transparent);
-  border-radius: var(--border-radius-item-u2ibpi, 8px);
   padding: var(--space-xxs-ynfts5, 4px) 0;
   color: var(--color-text-dropdown-item-disabled-varol7, #9ba7b6);
   position: relative;
 }
-.awsui_calendar-day_1ykar_3ngtd_157:not(#\9):last-child {
+.awsui_calendar-day_1ykar_9qo45_157:not(#\9):last-child {
   border-right: none;
 }
-.awsui_calendar-day-in-last-week_1ykar_3ngtd_194:not(#\9) {
+.awsui_calendar-day-in-last-week_1ykar_9qo45_193:not(#\9) {
   border-bottom: none;
 }
-.awsui_calendar-day-focusable_1ykar_3ngtd_197:not(#\9) {
+.awsui_calendar-day-focusable_1ykar_9qo45_196:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-day-enabled_1ykar_3ngtd_200:not(#\9) {
+.awsui_calendar-day-enabled_1ykar_9qo45_199:not(#\9) {
   cursor: pointer;
   color: var(--color-text-dropdown-item-secondary-0me7js, #5f6b7a);
 }
-.awsui_calendar-day-enabled_1ykar_3ngtd_200.awsui_calendar-day-current-month_1ykar_3ngtd_204:not(#\9) {
+.awsui_calendar-day-enabled_1ykar_9qo45_199:not(#\9)::after {
+  border-radius: var(--border-radius-item-u2ibpi, 8px);
+}
+.awsui_calendar-day-enabled_1ykar_9qo45_199.awsui_calendar-day-current-month_1ykar_9qo45_206:not(#\9) {
   color: var(--color-text-dropdown-item-default-7tg9p2, #000716);
 }
-.awsui_calendar-day-enabled_1ykar_3ngtd_200.awsui_calendar-day-current-month_1ykar_3ngtd_204:not(#\9):hover {
+.awsui_calendar-day-enabled_1ykar_9qo45_199.awsui_calendar-day-current-month_1ykar_9qo45_206:not(#\9):hover {
   color: var(--color-text-calendar-day-hover-graajh, #000716);
   background-color: var(--color-background-dropdown-item-hover-mqsxkv, #f4f4f4);
 }
-.awsui_calendar-day-enabled_1ykar_3ngtd_200.awsui_calendar-day-current-month_1ykar_3ngtd_204:not(#\9):hover:not(.awsui_calendar-day-selected_1ykar_3ngtd_211)::after {
+.awsui_calendar-day-enabled_1ykar_9qo45_199.awsui_calendar-day-current-month_1ykar_9qo45_206:not(#\9):hover:not(.awsui_calendar-day-selected_1ykar_9qo45_213)::after {
   border: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-dropdown-item-hover-tyzq9m, #7d8998);
-  border-radius: var(--border-radius-item-u2ibpi, 8px);
 }
-.awsui_calendar-day-today_1ykar_3ngtd_215:not(#\9) {
+.awsui_calendar-day-today_1ykar_9qo45_216:not(#\9) {
   background-color: var(--color-background-calendar-today-762czq, #f4f4f4);
+  border-radius: var(--border-radius-item-u2ibpi, 8px);
 }
-.awsui_calendar-day_1ykar_3ngtd_157:not(#\9)::after {
+.awsui_calendar-day_1ykar_9qo45_157:not(#\9)::after {
   content: "";
   position: absolute;
-  top: -1px;
+  z-index: 1;
+  top: calc(-1 * var(--border-item-width-qbbbsa, 2px));
   left: -1px;
   bottom: -1px;
-  right: -1px;
+  right: calc(-1 * var(--border-item-width-qbbbsa, 2px));
   background-color: transparent;
 }
-.awsui_calendar-day_1ykar_3ngtd_157 > .awsui_day-inner_1ykar_3ngtd_227:not(#\9) {
+.awsui_calendar-day_1ykar_9qo45_157 > .awsui_day-inner_1ykar_9qo45_230:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_calendar-day_1ykar_3ngtd_157:not(#\9):focus {
+.awsui_calendar-day_1ykar_9qo45_157:not(#\9):focus {
   outline: none;
+}
+.awsui_calendar-day_1ykar_9qo45_157:not(#\9):focus[data-awsui-focus-visible=true]:focus {
   position: relative;
 }
-.awsui_calendar-day_1ykar_3ngtd_157:not(#\9):focus {
+.awsui_calendar-day_1ykar_9qo45_157:not(#\9):focus[data-awsui-focus-visible=true]:focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-v3dwvl, -5px) - 1px);
 }
-.awsui_calendar-day_1ykar_3ngtd_157:not(#\9):focus::before {
+.awsui_calendar-day_1ykar_9qo45_157:not(#\9):focus[data-awsui-focus-visible=true]:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -273,19 +278,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-calendar-day-focus-ring-a8mlqd, 3px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
-.awsui_calendar-day_1ykar_3ngtd_157:not(#\9):focus::before {
+.awsui_calendar-day_1ykar_9qo45_157:not(#\9):focus[data-awsui-focus-visible=true]:focus::before {
   z-index: 2;
 }
-.awsui_calendar-day-selected_1ykar_3ngtd_211:not(#\9) {
+.awsui_calendar-day-selected_1ykar_9qo45_213:not(#\9) {
   border-color: transparent;
   position: relative;
+  z-index: 2;
+}
+.awsui_calendar-day-selected_1ykar_9qo45_213:not(#\9):focus[data-awsui-focus-visible=true]:focus {
+  position: relative;
+}
+.awsui_calendar-day-selected_1ykar_9qo45_213:not(#\9):focus[data-awsui-focus-visible=true]:focus {
+  outline: 2px dotted transparent;
+  outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-v3dwvl, -5px) - 1px);
 }
-.awsui_calendar-day-selected_1ykar_3ngtd_211:not(#\9)::after {
-  background-color: var(--color-background-dropdown-item-selected-8l4mpk, #f2f8fd);
-  border: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-dropdown-item-selected-eahq2j, #0972d3);
+.awsui_calendar-day-selected_1ykar_9qo45_213:not(#\9):focus[data-awsui-focus-visible=true]:focus::before {
+  content: " ";
+  display: block;
+  position: absolute;
+  left: calc(-1 * var(--space-calendar-grid-focus-outline-gutter-v3dwvl, -5px));
+  top: calc(-1 * var(--space-calendar-grid-focus-outline-gutter-v3dwvl, -5px));
+  width: calc(100% + 2 * var(--space-calendar-grid-focus-outline-gutter-v3dwvl, -5px));
+  height: calc(100% + 2 * var(--space-calendar-grid-focus-outline-gutter-v3dwvl, -5px));
+  border-radius: var(--border-radius-calendar-day-focus-ring-a8mlqd, 3px);
+  box-shadow: 0 0 0 2px var(--color-border-calendar-grid-selected-focus-ring-cxqa0s, #fbfbfb);
+}
+.awsui_calendar-day-selected_1ykar_9qo45_213:not(#\9):focus[data-awsui-focus-visible=true]:focus::before {
+  z-index: 2;
+}
+.awsui_calendar-day-selected_1ykar_9qo45_213:not(#\9)::after {
+  background-color: var(--color-background-control-checked-9admlu, #0972d3);
+  border: var(--border-item-width-qbbbsa, 2px) solid var(--color-background-control-checked-9admlu, #0972d3);
   border-radius: var(--border-radius-item-u2ibpi, 8px);
 }
-.awsui_calendar-day-selected_1ykar_3ngtd_211 > .awsui_day-inner_1ykar_3ngtd_227:not(#\9) {
-  color: var(--color-text-calendar-day-selected-64o9sq, #0972d3);
+.awsui_calendar-day-selected_1ykar_9qo45_213 > .awsui_day-inner_1ykar_9qo45_230:not(#\9) {
+  z-index: 2;
+  color: var(--color-background-control-default-4pa05r, #ffffff);
   position: relative;
 }

package/calendar/styles.selectors.js

@@ -2,25 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "calendar": "awsui_calendar_1ykar_3ngtd_93",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_3ngtd_1",
-  "root": "awsui_root_1ykar_3ngtd_120",
-  "calendar-inner": "awsui_calendar-inner_1ykar_3ngtd_137",
-  "calendar-header": "awsui_calendar-header_1ykar_3ngtd_140",
-  "calendar-header-month": "awsui_calendar-header-month_1ykar_3ngtd_145",
-  "calendar-next-month-btn": "awsui_calendar-next-month-btn_1ykar_3ngtd_151",
-  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_1ykar_3ngtd_154",
-  "calendar-day-names": "awsui_calendar-day-names_1ykar_3ngtd_157",
-  "calendar-day-name": "awsui_calendar-day-name_1ykar_3ngtd_157",
-  "calendar-dates": "awsui_calendar-dates_1ykar_3ngtd_172",
-  "calendar-week": "awsui_calendar-week_1ykar_3ngtd_175",
-  "calendar-day": "awsui_calendar-day_1ykar_3ngtd_157",
-  "calendar-day-in-last-week": "awsui_calendar-day-in-last-week_1ykar_3ngtd_194",
-  "calendar-day-focusable": "awsui_calendar-day-focusable_1ykar_3ngtd_197",
-  "calendar-day-enabled": "awsui_calendar-day-enabled_1ykar_3ngtd_200",
-  "calendar-day-current-month": "awsui_calendar-day-current-month_1ykar_3ngtd_204",
-  "calendar-day-selected": "awsui_calendar-day-selected_1ykar_3ngtd_211",
-  "calendar-day-today": "awsui_calendar-day-today_1ykar_3ngtd_215",
-  "day-inner": "awsui_day-inner_1ykar_3ngtd_227"
+  "calendar": "awsui_calendar_1ykar_9qo45_93",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_9qo45_1",
+  "root": "awsui_root_1ykar_9qo45_120",
+  "calendar-inner": "awsui_calendar-inner_1ykar_9qo45_137",
+  "calendar-header": "awsui_calendar-header_1ykar_9qo45_140",
+  "calendar-header-month": "awsui_calendar-header-month_1ykar_9qo45_145",
+  "calendar-next-month-btn": "awsui_calendar-next-month-btn_1ykar_9qo45_151",
+  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_1ykar_9qo45_154",
+  "calendar-day-names": "awsui_calendar-day-names_1ykar_9qo45_157",
+  "calendar-day-name": "awsui_calendar-day-name_1ykar_9qo45_157",
+  "calendar-dates": "awsui_calendar-dates_1ykar_9qo45_172",
+  "calendar-week": "awsui_calendar-week_1ykar_9qo45_175",
+  "calendar-day": "awsui_calendar-day_1ykar_9qo45_157",
+  "calendar-day-in-last-week": "awsui_calendar-day-in-last-week_1ykar_9qo45_193",
+  "calendar-day-focusable": "awsui_calendar-day-focusable_1ykar_9qo45_196",
+  "calendar-day-enabled": "awsui_calendar-day-enabled_1ykar_9qo45_199",
+  "calendar-day-current-month": "awsui_calendar-day-current-month_1ykar_9qo45_206",
+  "calendar-day-selected": "awsui_calendar-day-selected_1ykar_9qo45_213",
+  "calendar-day-today": "awsui_calendar-day-today_1ykar_9qo45_216",
+  "day-inner": "awsui_day-inner_1ykar_9qo45_230"
 };
   

package/date-input/internal.js

@@ -24,7 +24,7 @@ var maskArgs = {
 };
 var InternalDateInput = React.forwardRef(function (_a, ref) {
     var value = _a.value, onChange = _a.onChange, _b = _a.disableBrowserAutocorrect, disableBrowserAutocorrect = _b === void 0 ? true : _b, _c = _a.__internalRootRef, __internalRootRef = _c === void 0 ? null : _c, props = __rest(_a, ["value", "onChange", "disableBrowserAutocorrect", "__internalRootRef"]);
-    return (React.createElement(MaskedInput, __assign({ ref: ref }, props, { value: isoToDisplay(value), onChange: function (event) { return fireNonCancelableEvent(onChange, { value: displayToIso(event.detail.value) }); }, className: clsx(styles.root, props.className), mask: maskArgs, autofix: true, autoComplete: false, disableAutocompleteOnBlur: false, disableBrowserAutocorrect: disableBrowserAutocorrect, __internalRootRef: __internalRootRef })));
+    return (React.createElement(MaskedInput, __assign({ ref: ref }, props, { value: isoToDisplay(value || ''), onChange: function (event) { return fireNonCancelableEvent(onChange, { value: displayToIso(event.detail.value) }); }, className: clsx(styles.root, props.className), mask: maskArgs, autofix: true, autoComplete: false, disableAutocompleteOnBlur: false, disableBrowserAutocorrect: disableBrowserAutocorrect, __internalRootRef: __internalRootRef })));
 });
 export default InternalDateInput;
 //# sourceMappingURL=internal.js.map

package/date-input/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/date-input/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;;AAEtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,KAAc,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAEpF,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAG9D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAMrC,SAAS,OAAO,CAAC,KAAa;IAC5B,2EAA2E;IAC3E,IAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACrD,OAAO,cAAc,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC7C,CAAC;AAED,IAAM,QAAQ,GAAa;IACzB,SAAS,EAAE,GAAG;IACd,eAAe,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;IAChC,QAAQ,EAAE;QACR,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,SAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE;QAC/C,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;QAC9B,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE;KACpC;CACF,CAAC;AAEF,IAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CACxC,UACE,EAAiH,EACjH,GAA0B;IADxB,IAAA,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,iCAAgC,EAAhC,yBAAyB,mBAAG,IAAI,KAAA,EAAE,yBAAwB,EAAxB,iBAAiB,mBAAG,IAAI,KAAA,EAAK,KAAK,cAAvF,uEAAyF,CAAF;IAGvF,OAAO,CACL,oBAAC,WAAW,aACV,GAAG,EAAE,GAAG,IACJ,KAAK,IACT,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,EAC1B,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,EAA7E,CAA6E,EAChG,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,EAC7C,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,IAAI,EACb,YAAY,EAAE,KAAK,EACnB,yBAAyB,EAAE,KAAK,EAChC,yBAAyB,EAAE,yBAAyB,EACpD,iBAAiB,EAAE,iBAAiB,IACpC,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport clsx from 'clsx';\nimport { getDaysInMonth } from 'date-fns';\nimport React, { Ref } from 'react';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { displayToIso, isoToDisplay, parseDate } from '../internal/utils/date-time';\n\nimport MaskedInput from '../internal/components/masked-input';\nimport { MaskArgs } from '../internal/components/masked-input/utils/mask-format';\n\nimport styles from './styles.css.js';\nimport { DateInputProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\ntype InternalDateInputProps = DateInputProps & InternalBaseComponentProps;\n\nfunction daysMax(value: string): number {\n  // force to first day in month, as new Date('2018-02-30') -> March 2nd 2018\n  const baseDate = displayToIso(value).substring(0, 7);\n  return getDaysInMonth(parseDate(baseDate));\n}\n\nconst maskArgs: MaskArgs = {\n  separator: '/',\n  inputSeparators: ['-', '.', ' '],\n  segments: [\n    { min: 0, max: 9999, default: 2000, length: 4 },\n    { min: 1, max: 12, length: 2 },\n    { min: 1, max: daysMax, length: 2 },\n  ],\n};\n\nconst InternalDateInput = React.forwardRef(\n  (\n    { value, onChange, disableBrowserAutocorrect = true, __internalRootRef = null, ...props }: InternalDateInputProps,\n    ref: Ref<HTMLInputElement>\n  ) => {\n    return (\n      <MaskedInput\n        ref={ref}\n        {...props}\n        value={isoToDisplay(value)}\n        onChange={event => fireNonCancelableEvent(onChange, { value: displayToIso(event.detail.value) })}\n        className={clsx(styles.root, props.className)}\n        mask={maskArgs}\n        autofix={true}\n        autoComplete={false}\n        disableAutocompleteOnBlur={false}\n        disableBrowserAutocorrect={disableBrowserAutocorrect}\n        __internalRootRef={__internalRootRef}\n      />\n    );\n  }\n);\n\nexport default InternalDateInput;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/date-input/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;;AAEtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,KAAc,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAEpF,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAG9D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAMrC,SAAS,OAAO,CAAC,KAAa;IAC5B,2EAA2E;IAC3E,IAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACrD,OAAO,cAAc,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC7C,CAAC;AAED,IAAM,QAAQ,GAAa;IACzB,SAAS,EAAE,GAAG;IACd,eAAe,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;IAChC,QAAQ,EAAE;QACR,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,SAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE;QAC/C,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;QAC9B,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE;KACpC;CACF,CAAC;AAEF,IAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CACxC,UACE,EAAiH,EACjH,GAA0B;IADxB,IAAA,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,iCAAgC,EAAhC,yBAAyB,mBAAG,IAAI,KAAA,EAAE,yBAAwB,EAAxB,iBAAiB,mBAAG,IAAI,KAAA,EAAK,KAAK,cAAvF,uEAAyF,CAAF;IAGvF,OAAO,CACL,oBAAC,WAAW,aACV,GAAG,EAAE,GAAG,IACJ,KAAK,IACT,KAAK,EAAE,YAAY,CAAC,KAAK,IAAI,EAAE,CAAC,EAChC,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,EAA7E,CAA6E,EAChG,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,EAC7C,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,IAAI,EACb,YAAY,EAAE,KAAK,EACnB,yBAAyB,EAAE,KAAK,EAChC,yBAAyB,EAAE,yBAAyB,EACpD,iBAAiB,EAAE,iBAAiB,IACpC,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport clsx from 'clsx';\nimport { getDaysInMonth } from 'date-fns';\nimport React, { Ref } from 'react';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { displayToIso, isoToDisplay, parseDate } from '../internal/utils/date-time';\n\nimport MaskedInput from '../internal/components/masked-input';\nimport { MaskArgs } from '../internal/components/masked-input/utils/mask-format';\n\nimport styles from './styles.css.js';\nimport { DateInputProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\ntype InternalDateInputProps = DateInputProps & InternalBaseComponentProps;\n\nfunction daysMax(value: string): number {\n  // force to first day in month, as new Date('2018-02-30') -> March 2nd 2018\n  const baseDate = displayToIso(value).substring(0, 7);\n  return getDaysInMonth(parseDate(baseDate));\n}\n\nconst maskArgs: MaskArgs = {\n  separator: '/',\n  inputSeparators: ['-', '.', ' '],\n  segments: [\n    { min: 0, max: 9999, default: 2000, length: 4 },\n    { min: 1, max: 12, length: 2 },\n    { min: 1, max: daysMax, length: 2 },\n  ],\n};\n\nconst InternalDateInput = React.forwardRef(\n  (\n    { value, onChange, disableBrowserAutocorrect = true, __internalRootRef = null, ...props }: InternalDateInputProps,\n    ref: Ref<HTMLInputElement>\n  ) => {\n    return (\n      <MaskedInput\n        ref={ref}\n        {...props}\n        value={isoToDisplay(value || '')}\n        onChange={event => fireNonCancelableEvent(onChange, { value: displayToIso(event.detail.value) })}\n        className={clsx(styles.root, props.className)}\n        mask={maskArgs}\n        autofix={true}\n        autoComplete={false}\n        disableAutocompleteOnBlur={false}\n        disableBrowserAutocorrect={disableBrowserAutocorrect}\n        __internalRootRef={__internalRootRef}\n      />\n    );\n  }\n);\n\nexport default InternalDateInput;\n"]}

package/date-range-picker/calendar/grids/day/styles.css.js

@@ -1,26 +1,26 @@
 
     import './styles.scoped.css';
     export default {
-  "day": "awsui_day_vci2l_19xqz_93",
-  "day-inner": "awsui_day-inner_vci2l_19xqz_117",
-  "in-first-row": "awsui_in-first-row_vci2l_19xqz_141",
-  "in-previous-month": "awsui_in-previous-month_vci2l_19xqz_141",
-  "last-day-of-month": "awsui_last-day-of-month_vci2l_19xqz_145",
-  "in-next-month": "awsui_in-next-month_vci2l_19xqz_149",
-  "in-first-column": "awsui_in-first-column_vci2l_19xqz_153",
-  "in-current-month": "awsui_in-current-month_vci2l_19xqz_156",
-  "enabled": "awsui_enabled_vci2l_19xqz_160",
-  "in-range": "awsui_in-range_vci2l_19xqz_166",
-  "end-date": "awsui_end-date_vci2l_19xqz_166",
-  "start-date": "awsui_start-date_vci2l_19xqz_166",
-  "no-range": "awsui_no-range_vci2l_19xqz_166",
-  "selected": "awsui_selected_vci2l_19xqz_173",
-  "today": "awsui_today_vci2l_19xqz_177",
-  "range-start-date": "awsui_range-start-date_vci2l_19xqz_213",
-  "in-range-border-bottom": "awsui_in-range-border-bottom_vci2l_19xqz_216",
-  "range-end-date": "awsui_range-end-date_vci2l_19xqz_219",
-  "in-range-border-top": "awsui_in-range-border-top_vci2l_19xqz_222",
-  "in-range-border-right": "awsui_in-range-border-right_vci2l_19xqz_237",
-  "in-range-border-left": "awsui_in-range-border-left_vci2l_19xqz_243"
+  "day": "awsui_day_vci2l_y5fby_93",
+  "day-inner": "awsui_day-inner_vci2l_y5fby_136",
+  "in-first-row": "awsui_in-first-row_vci2l_y5fby_141",
+  "in-previous-month": "awsui_in-previous-month_vci2l_y5fby_141",
+  "last-day-of-month": "awsui_last-day-of-month_vci2l_y5fby_145",
+  "in-next-month": "awsui_in-next-month_vci2l_y5fby_149",
+  "in-first-column": "awsui_in-first-column_vci2l_y5fby_153",
+  "in-current-month": "awsui_in-current-month_vci2l_y5fby_156",
+  "enabled": "awsui_enabled_vci2l_y5fby_160",
+  "in-range": "awsui_in-range_vci2l_y5fby_166",
+  "end-date": "awsui_end-date_vci2l_y5fby_166",
+  "start-date": "awsui_start-date_vci2l_y5fby_166",
+  "no-range": "awsui_no-range_vci2l_y5fby_166",
+  "selected": "awsui_selected_vci2l_y5fby_173",
+  "today": "awsui_today_vci2l_y5fby_177",
+  "range-start-date": "awsui_range-start-date_vci2l_y5fby_213",
+  "in-range-border-bottom": "awsui_in-range-border-bottom_vci2l_y5fby_216",
+  "range-end-date": "awsui_range-end-date_vci2l_y5fby_219",
+  "in-range-border-top": "awsui_in-range-border-top_vci2l_y5fby_222",
+  "in-range-border-right": "awsui_in-range-border-right_vci2l_y5fby_237",
+  "in-range-border-left": "awsui_in-range-border-left_vci2l_y5fby_243"
 };