@cloudscape-design/components 3.0.883 → 3.0.884

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (158) hide show
  1. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/index.d.ts.map +1 -1
  2. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/index.js +1 -1
  3. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/index.js.map +1 -1
  4. package/breadcrumb-group/item/item.d.ts.map +1 -1
  5. package/breadcrumb-group/item/item.js +1 -1
  6. package/breadcrumb-group/item/item.js.map +1 -1
  7. package/button/internal.d.ts.map +1 -1
  8. package/button/internal.js +1 -1
  9. package/button/internal.js.map +1 -1
  10. package/button-group/file-input-item.d.ts +5 -3
  11. package/button-group/file-input-item.d.ts.map +1 -1
  12. package/button-group/file-input-item.js +2 -2
  13. package/button-group/file-input-item.js.map +1 -1
  14. package/button-group/icon-button-item.d.ts +5 -3
  15. package/button-group/icon-button-item.d.ts.map +1 -1
  16. package/button-group/icon-button-item.js +2 -2
  17. package/button-group/icon-button-item.js.map +1 -1
  18. package/button-group/icon-toggle-button-item.d.ts +5 -3
  19. package/button-group/icon-toggle-button-item.d.ts.map +1 -1
  20. package/button-group/icon-toggle-button-item.js +2 -2
  21. package/button-group/icon-toggle-button-item.js.map +1 -1
  22. package/button-group/item-element.d.ts.map +1 -1
  23. package/button-group/item-element.js +4 -4
  24. package/button-group/item-element.js.map +1 -1
  25. package/button-group/menu-dropdown-item.d.ts +1 -0
  26. package/button-group/menu-dropdown-item.d.ts.map +1 -1
  27. package/button-group/menu-dropdown-item.js +2 -2
  28. package/button-group/menu-dropdown-item.js.map +1 -1
  29. package/calendar/grid/index.d.ts.map +1 -1
  30. package/calendar/grid/index.js +1 -1
  31. package/calendar/grid/index.js.map +1 -1
  32. package/date-range-picker/calendar/grids/grid-cell.d.ts.map +1 -1
  33. package/date-range-picker/calendar/grids/grid-cell.js +2 -2
  34. package/date-range-picker/calendar/grids/grid-cell.js.map +1 -1
  35. package/date-range-picker/calendar/grids/grid.d.ts +18 -0
  36. package/date-range-picker/calendar/grids/grid.d.ts.map +1 -0
  37. package/date-range-picker/calendar/grids/grid.js +174 -0
  38. package/date-range-picker/calendar/grids/grid.js.map +1 -0
  39. package/date-range-picker/calendar/grids/index.d.ts +3 -20
  40. package/date-range-picker/calendar/grids/index.d.ts.map +1 -1
  41. package/date-range-picker/calendar/grids/index.js +51 -22
  42. package/date-range-picker/calendar/grids/index.js.map +1 -1
  43. package/date-range-picker/calendar/grids/interfaces.d.ts +47 -0
  44. package/date-range-picker/calendar/grids/interfaces.d.ts.map +1 -0
  45. package/date-range-picker/calendar/grids/interfaces.js +2 -0
  46. package/date-range-picker/calendar/grids/interfaces.js.map +1 -0
  47. package/date-range-picker/calendar/grids/intl.d.ts +17 -0
  48. package/date-range-picker/calendar/grids/intl.d.ts.map +1 -0
  49. package/date-range-picker/calendar/grids/intl.js +56 -0
  50. package/date-range-picker/calendar/grids/intl.js.map +1 -0
  51. package/date-range-picker/calendar/grids/styles.css.js +30 -24
  52. package/date-range-picker/calendar/grids/styles.scoped.css +62 -46
  53. package/date-range-picker/calendar/grids/styles.selectors.js +30 -24
  54. package/date-range-picker/calendar/header/header-button.d.ts +5 -4
  55. package/date-range-picker/calendar/header/header-button.d.ts.map +1 -1
  56. package/date-range-picker/calendar/header/header-button.js +6 -6
  57. package/date-range-picker/calendar/header/header-button.js.map +1 -1
  58. package/date-range-picker/calendar/header/index.d.ts +6 -4
  59. package/date-range-picker/calendar/header/index.d.ts.map +1 -1
  60. package/date-range-picker/calendar/header/index.js +18 -13
  61. package/date-range-picker/calendar/header/index.js.map +1 -1
  62. package/date-range-picker/calendar/index.d.ts +2 -1
  63. package/date-range-picker/calendar/index.d.ts.map +1 -1
  64. package/date-range-picker/calendar/index.js +49 -41
  65. package/date-range-picker/calendar/index.js.map +1 -1
  66. package/date-range-picker/calendar/range-inputs.d.ts +4 -3
  67. package/date-range-picker/calendar/range-inputs.d.ts.map +1 -1
  68. package/date-range-picker/calendar/range-inputs.js +23 -10
  69. package/date-range-picker/calendar/range-inputs.js.map +1 -1
  70. package/date-range-picker/calendar/utils.d.ts +2 -0
  71. package/date-range-picker/calendar/utils.d.ts.map +1 -1
  72. package/date-range-picker/calendar/utils.js +27 -1
  73. package/date-range-picker/calendar/utils.js.map +1 -1
  74. package/date-range-picker/dropdown.d.ts +3 -2
  75. package/date-range-picker/dropdown.d.ts.map +1 -1
  76. package/date-range-picker/dropdown.js +17 -12
  77. package/date-range-picker/dropdown.js.map +1 -1
  78. package/date-range-picker/index.d.ts.map +1 -1
  79. package/date-range-picker/index.js +17 -8
  80. package/date-range-picker/index.js.map +1 -1
  81. package/date-range-picker/interfaces.d.ts +89 -14
  82. package/date-range-picker/interfaces.d.ts.map +1 -1
  83. package/date-range-picker/interfaces.js.map +1 -1
  84. package/date-range-picker/mode-switcher.js +2 -2
  85. package/date-range-picker/mode-switcher.js.map +1 -1
  86. package/date-range-picker/relative-range/index.d.ts +2 -1
  87. package/date-range-picker/relative-range/index.d.ts.map +1 -1
  88. package/date-range-picker/relative-range/index.js +14 -8
  89. package/date-range-picker/relative-range/index.js.map +1 -1
  90. package/date-range-picker/relative-range/styles.css.js +6 -9
  91. package/date-range-picker/relative-range/styles.scoped.css +10 -19
  92. package/date-range-picker/relative-range/styles.selectors.js +6 -9
  93. package/date-range-picker/styles.css.js +23 -38
  94. package/date-range-picker/styles.scoped.css +32 -78
  95. package/date-range-picker/styles.selectors.js +23 -38
  96. package/date-range-picker/test-classes/styles.css.js +36 -2
  97. package/date-range-picker/test-classes/styles.scoped.css +36 -2
  98. package/date-range-picker/test-classes/styles.selectors.js +36 -2
  99. package/date-range-picker/utils.d.ts +9 -11
  100. package/date-range-picker/utils.d.ts.map +1 -1
  101. package/date-range-picker/utils.js +43 -32
  102. package/date-range-picker/utils.js.map +1 -1
  103. package/file-token-group/file-token.d.ts.map +1 -1
  104. package/file-token-group/file-token.js +1 -1
  105. package/file-token-group/file-token.js.map +1 -1
  106. package/i18n/messages/all.all.js +1 -1
  107. package/i18n/messages/all.all.json +1 -1
  108. package/i18n/messages/all.en.js +1 -1
  109. package/i18n/messages/all.en.json +1 -1
  110. package/i18n/messages-types.d.ts +9 -0
  111. package/i18n/messages-types.d.ts.map +1 -1
  112. package/i18n/messages-types.js.map +1 -1
  113. package/internal/components/tooltip/index.d.ts +2 -1
  114. package/internal/components/tooltip/index.d.ts.map +1 -1
  115. package/internal/components/tooltip/index.js +21 -2
  116. package/internal/components/tooltip/index.js.map +1 -1
  117. package/internal/environment.js +1 -1
  118. package/internal/environment.json +1 -1
  119. package/internal/manifest.json +1 -1
  120. package/internal/utils/date-time/calendar.d.ts +22 -6
  121. package/internal/utils/date-time/calendar.d.ts.map +1 -1
  122. package/internal/utils/date-time/calendar.js +62 -6
  123. package/internal/utils/date-time/calendar.js.map +1 -1
  124. package/multiselect/index.d.ts.map +1 -1
  125. package/multiselect/index.js +2 -3
  126. package/multiselect/index.js.map +1 -1
  127. package/package.json +1 -1
  128. package/progress-bar/index.d.ts.map +1 -1
  129. package/progress-bar/index.js +4 -3
  130. package/progress-bar/index.js.map +1 -1
  131. package/progress-bar/internal.js +2 -2
  132. package/progress-bar/internal.js.map +1 -1
  133. package/segmented-control/segment.d.ts.map +1 -1
  134. package/segmented-control/segment.js +1 -1
  135. package/segmented-control/segment.js.map +1 -1
  136. package/select/parts/item.d.ts.map +1 -1
  137. package/select/parts/item.js +4 -2
  138. package/select/parts/item.js.map +1 -1
  139. package/select/parts/multiselect-item.d.ts.map +1 -1
  140. package/select/parts/multiselect-item.js +4 -2
  141. package/select/parts/multiselect-item.js.map +1 -1
  142. package/slider/internal.d.ts.map +1 -1
  143. package/slider/internal.js +1 -1
  144. package/slider/internal.js.map +1 -1
  145. package/tabs/tab-header-bar.d.ts.map +1 -1
  146. package/tabs/tab-header-bar.js +1 -1
  147. package/tabs/tab-header-bar.js.map +1 -1
  148. package/test-utils/dom/date-range-picker/index.d.ts +26 -0
  149. package/test-utils/dom/date-range-picker/index.js +58 -24
  150. package/test-utils/dom/date-range-picker/index.js.map +1 -1
  151. package/test-utils/selectors/date-range-picker/index.d.ts +26 -0
  152. package/test-utils/selectors/date-range-picker/index.js +58 -24
  153. package/test-utils/selectors/date-range-picker/index.js.map +1 -1
  154. package/test-utils/tsconfig.tsbuildinfo +1 -1
  155. package/date-range-picker/calendar/grids/monthly-grid.d.ts +0 -39
  156. package/date-range-picker/calendar/grids/monthly-grid.d.ts.map +0 -1
  157. package/date-range-picker/calendar/grids/monthly-grid.js +0 -97
  158. package/date-range-picker/calendar/grids/monthly-grid.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/date-range-picker/calendar/grids/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, { useCallback, useEffect, useRef, useState } from 'react';\nimport { addMonths, isAfter, isBefore, isSameMonth, max, min } from 'date-fns';\n\nimport {\n getBaseDay,\n moveNextDay,\n moveNextWeek,\n movePrevDay,\n movePrevWeek,\n} from '../../../calendar/utils/navigation-day';\nimport { useDateCache } from '../../../internal/hooks/use-date-cache';\nimport { KeyCode } from '../../../internal/keycode';\nimport handleKey from '../../../internal/utils/handle-key';\nimport { hasValue } from '../../../internal/utils/has-value';\nimport InternalSpaceBetween from '../../../space-between/internal';\nimport { DateRangePickerProps, DayIndex } from '../../interfaces';\nimport { findDateToFocus } from '../utils';\nimport { MonthlyGrid } from './monthly-grid';\n\nimport styles from '../../styles.css.js';\n\nfunction isVisible(date: Date, baseDate: Date, isSingleGrid: boolean) {\n if (isSingleGrid) {\n return isSameMonth(date, baseDate);\n }\n\n const previousMonth = addMonths(baseDate, -1);\n\n return isSameMonth(date, previousMonth) || isSameMonth(date, baseDate);\n}\n\ninterface GridProps {\n baseDate: Date;\n selectedStartDate: Date | null;\n selectedEndDate: Date | null;\n\n focusedDate: Date | null;\n onFocusedDateChange: React.Dispatch<React.SetStateAction<Date | null>>;\n\n isDateEnabled: DateRangePickerProps.IsDateEnabledFunction;\n dateDisabledReason: DateRangePickerProps.DateDisabledReasonFunction;\n isSingleGrid: boolean;\n\n onSelectDate: (date: Date) => void;\n onChangeMonth: (date: Date) => void;\n\n locale: string;\n startOfWeek: DayIndex;\n todayAriaLabel?: string;\n headingIdPrefix: string;\n}\n\nexport const Grids = ({\n baseDate,\n selectedStartDate,\n selectedEndDate,\n\n focusedDate,\n onFocusedDateChange,\n\n isDateEnabled,\n dateDisabledReason,\n isSingleGrid,\n\n onSelectDate,\n onChangeMonth,\n\n locale,\n startOfWeek,\n todayAriaLabel,\n headingIdPrefix,\n}: GridProps) => {\n const containerRef = useRef<HTMLDivElement>(null);\n const [gridHasFocus, setGridHasFocus] = useState(false);\n\n const focusedDateRef = useRef<HTMLTableCellElement>(null);\n\n const dateCache = useDateCache();\n baseDate = dateCache(baseDate);\n focusedDate = focusedDate ? dateCache(focusedDate) : null;\n\n const isDateFocusable = useCallback(\n (date: Date) => {\n return isDateEnabled(date) || (!isDateEnabled(date) && !!dateDisabledReason(date));\n },\n [isDateEnabled, dateDisabledReason]\n );\n\n useEffect(() => {\n if (focusedDate && !isVisible(focusedDate, baseDate, isSingleGrid)) {\n const direction = isAfter(focusedDate, baseDate) ? -1 : 1;\n\n const newMonth = !isSingleGrid && direction === -1 ? addMonths(baseDate, -1) : baseDate;\n const nearestBaseDate = getBaseDay(newMonth, isDateFocusable);\n\n const newFocusedDate = findDateToFocus(focusedDate, nearestBaseDate, isDateFocusable);\n\n onFocusedDateChange(newFocusedDate);\n }\n }, [baseDate, focusedDate, isSingleGrid, isDateFocusable, onFocusedDateChange]);\n\n const onGridKeyDownHandler = (event: React.KeyboardEvent<HTMLElement>) => {\n let updatedFocusDate;\n\n const keys = [KeyCode.up, KeyCode.down, KeyCode.left, KeyCode.right, KeyCode.space, KeyCode.enter];\n\n if (focusedDate === null || keys.indexOf(event.keyCode) === -1) {\n return;\n }\n\n event.preventDefault();\n\n handleKey(event, {\n onActivate: () => {\n if (!focusedDate || !isDateEnabled(focusedDate)) {\n return;\n }\n\n onSelectDate(focusedDate);\n },\n onBlockEnd: () => focusedDate && (updatedFocusDate = moveNextWeek(focusedDate, isDateFocusable)),\n onBlockStart: () => focusedDate && (updatedFocusDate = movePrevWeek(focusedDate, isDateFocusable)),\n onInlineEnd: () => focusedDate && (updatedFocusDate = moveNextDay(focusedDate, isDateFocusable)),\n onInlineStart: () => focusedDate && (updatedFocusDate = movePrevDay(focusedDate, isDateFocusable)),\n });\n\n if (!updatedFocusDate) {\n return;\n }\n\n const updatedDateIsVisible = isVisible(updatedFocusDate, baseDate, isSingleGrid);\n\n if (!updatedDateIsVisible) {\n const newMonthIsOnLeftSide = !isSingleGrid && isBefore(updatedFocusDate, baseDate);\n\n onChangeMonth(newMonthIsOnLeftSide ? addMonths(updatedFocusDate, 1) : updatedFocusDate);\n }\n onFocusedDateChange(updatedFocusDate);\n };\n\n useEffect(() => {\n // focus current date if the focus is already inside the calendar\n if (focusedDate !== null && gridHasFocus) {\n if (focusedDateRef.current && focusedDateRef.current !== document.activeElement) {\n focusedDateRef.current.focus();\n }\n }\n }, [focusedDate, gridHasFocus]);\n\n const onGridBlur = (event: React.FocusEvent) => {\n const newFocusTarget = event.relatedTarget || document.activeElement;\n const newFocusTargetIsInGrid = containerRef.current?.contains(newFocusTarget as Node);\n if (newFocusTarget && !newFocusTargetIsInGrid && gridHasFocus) {\n setGridHasFocus(false);\n }\n };\n\n const onGridFocus = () => {\n if (!gridHasFocus) {\n setGridHasFocus(true);\n }\n };\n\n const isRangeVisible = (selectedStartDate && selectedEndDate) || gridHasFocus;\n\n const rangeEnds: Date[] = [selectedStartDate ?? focusedDate, selectedEndDate ?? focusedDate].filter(hasValue);\n\n const rangeStartDate = min(rangeEnds);\n const rangeEndDate = max(rangeEnds);\n\n return (\n <div ref={containerRef} onFocus={onGridFocus} onBlur={onGridBlur}>\n <InternalSpaceBetween size=\"xs\" direction=\"horizontal\">\n {!isSingleGrid && (\n <MonthlyGrid\n padDates=\"before\"\n className={styles['first-grid']}\n baseDate={addMonths(baseDate, -1)}\n selectedEndDate={selectedEndDate}\n selectedStartDate={selectedStartDate}\n rangeStartDate={isRangeVisible ? rangeStartDate : null}\n rangeEndDate={isRangeVisible ? rangeEndDate : null}\n focusedDate={focusedDate}\n focusedDateRef={focusedDateRef}\n isDateEnabled={isDateEnabled}\n dateDisabledReason={dateDisabledReason}\n onSelectDate={onSelectDate}\n onGridKeyDownHandler={onGridKeyDownHandler}\n onFocusedDateChange={onFocusedDateChange}\n locale={locale}\n startOfWeek={startOfWeek}\n todayAriaLabel={todayAriaLabel}\n ariaLabelledby={`${headingIdPrefix}-prevmonth`}\n />\n )}\n <MonthlyGrid\n padDates=\"after\"\n className={styles['second-grid']}\n baseDate={baseDate}\n selectedEndDate={selectedEndDate}\n selectedStartDate={selectedStartDate}\n rangeStartDate={isRangeVisible ? rangeStartDate : null}\n rangeEndDate={isRangeVisible ? rangeEndDate : null}\n focusedDate={focusedDate}\n focusedDateRef={focusedDateRef}\n isDateEnabled={isDateEnabled}\n dateDisabledReason={dateDisabledReason}\n onSelectDate={onSelectDate}\n onGridKeyDownHandler={onGridKeyDownHandler}\n onFocusedDateChange={onFocusedDateChange}\n locale={locale}\n startOfWeek={startOfWeek}\n todayAriaLabel={todayAriaLabel}\n ariaLabelledby={`${headingIdPrefix}-currentmonth`}\n />\n </InternalSpaceBetween>\n </div>\n );\n};\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/date-range-picker/calendar/grids/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, { useCallback, useEffect, useRef, useState } from 'react';\nimport { addMonths, addYears, isAfter, isBefore, isSameMonth, isSameYear, max, min } from 'date-fns';\n\nimport {\n getBaseDay,\n moveNextDay,\n moveNextWeek,\n movePrevDay,\n movePrevWeek,\n} from '../../../calendar/utils/navigation-day';\nimport {\n getBaseMonth,\n moveMonthDown,\n moveMonthUp,\n moveNextMonth,\n movePrevMonth,\n} from '../../../calendar/utils/navigation-month';\nimport { useDateCache } from '../../../internal/hooks/use-date-cache';\nimport { KeyCode } from '../../../internal/keycode';\nimport handleKey from '../../../internal/utils/handle-key';\nimport { hasValue } from '../../../internal/utils/has-value';\nimport InternalSpaceBetween from '../../../space-between/internal';\nimport { DateRangePickerProps } from '../../interfaces';\nimport { findDateToFocus } from '../utils';\nimport { Grid } from './grid';\nimport { SelectGridProps } from './interfaces';\n\nimport testutilStyles from '../../test-classes/styles.css.js';\n\nfunction isVisible(date: Date, baseDate: Date, isSingleGrid: boolean, granularity: DateRangePickerProps.Granularity) {\n const isSame = granularity === 'day' ? isSameMonth : isSameYear;\n const add = granularity === 'day' ? addMonths : addYears;\n if (isSingleGrid) {\n return isSame(date, baseDate);\n }\n\n const previous = add(baseDate, -1);\n\n return isSame(date, previous) || isSame(date, baseDate);\n}\n\nexport const Grids = ({\n baseDate,\n selectedStartDate,\n selectedEndDate,\n\n focusedDate,\n onFocusedDateChange,\n\n isDateEnabled,\n dateDisabledReason,\n isSingleGrid,\n\n onSelectDate,\n onPageChange,\n\n locale,\n todayAriaLabel,\n currentMonthAriaLabel,\n headingIdPrefix,\n startOfWeek = 0,\n granularity = 'day',\n}: SelectGridProps) => {\n const containerRef = useRef<HTMLDivElement>(null);\n const [gridHasFocus, setGridHasFocus] = useState(false);\n const isMonthPicker = granularity === 'month';\n\n const focusedDateRef = useRef<HTMLTableCellElement>(null);\n\n const addPages = !isMonthPicker ? addMonths : addYears;\n const getBase = !isMonthPicker ? getBaseDay : getBaseMonth;\n const moveDown = isMonthPicker ? moveMonthDown : moveNextWeek;\n const moveLeft = isMonthPicker ? movePrevMonth : movePrevDay;\n const moveRight = isMonthPicker ? moveNextMonth : moveNextDay;\n const moveUp = isMonthPicker ? moveMonthUp : movePrevWeek;\n\n const dateCache = useDateCache();\n baseDate = dateCache(baseDate);\n focusedDate = focusedDate ? dateCache(focusedDate) : null;\n\n const isDateFocusable = useCallback(\n (date: Date) => {\n return isDateEnabled(date) || (!isDateEnabled(date) && !!dateDisabledReason(date));\n },\n [isDateEnabled, dateDisabledReason]\n );\n\n useEffect(() => {\n if (focusedDate && !isVisible(focusedDate, baseDate, isSingleGrid, granularity)) {\n const direction = isAfter(focusedDate, baseDate) ? -1 : 1;\n\n const newPage = !isSingleGrid && direction === -1 ? addPages(baseDate, -1) : baseDate;\n const nearestBaseDate = getBase(newPage, isDateFocusable);\n\n const newFocusedDate = findDateToFocus(focusedDate, nearestBaseDate, isDateFocusable);\n\n onFocusedDateChange(newFocusedDate);\n }\n }, [baseDate, focusedDate, isSingleGrid, granularity, addPages, isDateFocusable, onFocusedDateChange, getBase]);\n\n const onGridKeyDownHandler = (event: React.KeyboardEvent<HTMLElement>) => {\n let updatedFocusDate: Date | null = null;\n\n const keys = [KeyCode.up, KeyCode.down, KeyCode.left, KeyCode.right, KeyCode.space, KeyCode.enter];\n\n if (focusedDate === null || keys.indexOf(event.keyCode) === -1) {\n return;\n }\n\n event.preventDefault();\n\n handleKey(event, {\n onActivate: () => {\n if (!focusedDate || !isDateEnabled(focusedDate)) {\n return;\n }\n onSelectDate(focusedDate);\n },\n onBlockEnd: () => focusedDate && (updatedFocusDate = moveDown(focusedDate, isDateFocusable)),\n onBlockStart: () => focusedDate && (updatedFocusDate = moveUp(focusedDate, isDateFocusable)),\n onInlineStart: () => focusedDate && (updatedFocusDate = moveLeft(focusedDate, isDateFocusable)),\n onInlineEnd: () => focusedDate && (updatedFocusDate = moveRight(focusedDate, isDateFocusable)),\n });\n\n if (!updatedFocusDate) {\n return;\n }\n\n const updatedDateIsVisible = isVisible(updatedFocusDate, baseDate, isSingleGrid, granularity);\n\n if (!updatedDateIsVisible) {\n const newPageIsOnLeftSide = !isSingleGrid && isBefore(updatedFocusDate, baseDate);\n onPageChange(newPageIsOnLeftSide ? addPages(updatedFocusDate, 1) : updatedFocusDate);\n }\n onFocusedDateChange(updatedFocusDate);\n };\n\n useEffect(() => {\n // focus current date if the focus is already inside the calendar\n if (focusedDate !== null && gridHasFocus) {\n if (focusedDateRef.current && focusedDateRef.current !== document.activeElement) {\n focusedDateRef.current.focus();\n }\n }\n }, [focusedDate, gridHasFocus]);\n\n const onGridBlur = (event: React.FocusEvent) => {\n const newFocusTarget = event.relatedTarget || document.activeElement;\n const newFocusTargetIsInGrid = containerRef.current?.contains(newFocusTarget as Node);\n if (newFocusTarget && !newFocusTargetIsInGrid && gridHasFocus) {\n setGridHasFocus(false);\n }\n };\n\n const onGridFocus = () => {\n if (!gridHasFocus) {\n setGridHasFocus(true);\n }\n };\n\n const isRangeVisible = (selectedStartDate && selectedEndDate) || gridHasFocus;\n\n const rangeEnds: Date[] = [selectedStartDate ?? focusedDate, selectedEndDate ?? focusedDate].filter(hasValue);\n const rangeStartDate = min(rangeEnds);\n const rangeEndDate = max(rangeEnds);\n const pageUnit = isMonthPicker ? 'year' : 'month';\n\n const sharedGridProps = {\n selectedEndDate,\n selectedStartDate,\n focusedDate,\n focusedDateRef,\n rangeStartDate: isRangeVisible ? rangeStartDate : null,\n rangeEndDate: isRangeVisible ? rangeEndDate : null,\n isDateEnabled,\n dateDisabledReason,\n onSelectDate,\n onGridKeyDownHandler,\n onFocusedDateChange,\n locale,\n granularity,\n currentMonthAriaLabel,\n startOfWeek,\n todayAriaLabel,\n };\n\n return (\n <div ref={containerRef} onFocus={onGridFocus} onBlur={onGridBlur}>\n <InternalSpaceBetween size=\"xs\" direction=\"horizontal\">\n {!isSingleGrid && (\n <Grid\n {...sharedGridProps}\n padDates={'before'}\n className={testutilStyles['first-grid']}\n baseDate={addPages(baseDate, -1)}\n ariaLabelledby={`${headingIdPrefix}-prev${pageUnit}`}\n />\n )}\n <Grid\n {...sharedGridProps}\n padDates={'after'}\n className={testutilStyles['second-grid']}\n baseDate={baseDate}\n ariaLabelledby={`${headingIdPrefix}-current${pageUnit}`}\n />\n </InternalSpaceBetween>\n </div>\n );\n};\n"]}
@@ -0,0 +1,47 @@
1
+ /// <reference types="react" />
2
+ import { DateRangePickerProps, DayIndex } from '../../interfaces';
3
+ export interface GridBaseProps {
4
+ baseDate: Date;
5
+ selectedStartDate: Date | null;
6
+ selectedEndDate: Date | null;
7
+ focusedDate: Date | null;
8
+ onFocusedDateChange: React.Dispatch<React.SetStateAction<Date | null>>;
9
+ onSelectDate: (date: Date) => void;
10
+ isDateEnabled: DateRangePickerProps.IsDateEnabledFunction;
11
+ dateDisabledReason: DateRangePickerProps.DateDisabledReasonFunction;
12
+ locale: string;
13
+ }
14
+ export interface GridProps extends GridBaseProps {
15
+ rangeStartDate: Date | null;
16
+ rangeEndDate: Date | null;
17
+ focusedDateRef: React.RefObject<HTMLTableCellElement>;
18
+ onGridKeyDownHandler: (e: React.KeyboardEvent<HTMLElement>) => void;
19
+ ariaLabelledby: string;
20
+ className?: string;
21
+ /**
22
+ * Used to only add the dates of previous and next months outside the month pages
23
+ */
24
+ padDates: 'before' | 'after';
25
+ currentMonthAriaLabel?: string;
26
+ startOfWeek?: DayIndex;
27
+ todayAriaLabel?: string;
28
+ granularity: DateRangePickerProps.Granularity;
29
+ }
30
+ export interface SelectGridProps extends GridBaseProps {
31
+ /**
32
+ * changes the page/view of the calendar. Doing so will change to another month or year
33
+ * @param date
34
+ * @returns
35
+ */
36
+ onPageChange: (date: Date) => void;
37
+ isSingleGrid: boolean;
38
+ headingIdPrefix: string;
39
+ /**
40
+ * not needed for grids with a month granularity
41
+ */
42
+ startOfWeek?: DayIndex;
43
+ granularity?: DateRangePickerProps.Granularity;
44
+ todayAriaLabel?: string;
45
+ currentMonthAriaLabel?: string;
46
+ }
47
+ //# sourceMappingURL=interfaces.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/date-range-picker/calendar/grids/interfaces.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElE,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,IAAI,CAAC;IACf,iBAAiB,EAAE,IAAI,GAAG,IAAI,CAAC;IAC/B,eAAe,EAAE,IAAI,GAAG,IAAI,CAAC;IAC7B,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IAEzB,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC;IACvE,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,aAAa,EAAE,oBAAoB,CAAC,qBAAqB,CAAC;IAC1D,kBAAkB,EAAE,oBAAoB,CAAC,0BAA0B,CAAC;IAEpE,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C,cAAc,EAAE,IAAI,GAAG,IAAI,CAAC;IAC5B,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC;IAEtD,oBAAoB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAEpE,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC7B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,oBAAoB,CAAC,WAAW,CAAC;CAC/C;AAED,MAAM,WAAW,eAAgB,SAAQ,aAAa;IACpD;;;;OAIG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAEnC,YAAY,EAAE,OAAO,CAAC;IAEtB,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,WAAW,CAAC,EAAE,oBAAoB,CAAC,WAAW,CAAC;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=interfaces.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/date-range-picker/calendar/grids/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { DateRangePickerProps, DayIndex } from '../../interfaces';\n\nexport interface GridBaseProps {\n baseDate: Date;\n selectedStartDate: Date | null;\n selectedEndDate: Date | null;\n focusedDate: Date | null;\n\n onFocusedDateChange: React.Dispatch<React.SetStateAction<Date | null>>;\n onSelectDate: (date: Date) => void;\n isDateEnabled: DateRangePickerProps.IsDateEnabledFunction;\n dateDisabledReason: DateRangePickerProps.DateDisabledReasonFunction;\n\n locale: string;\n}\n\nexport interface GridProps extends GridBaseProps {\n rangeStartDate: Date | null;\n rangeEndDate: Date | null;\n focusedDateRef: React.RefObject<HTMLTableCellElement>;\n\n onGridKeyDownHandler: (e: React.KeyboardEvent<HTMLElement>) => void;\n\n ariaLabelledby: string;\n className?: string;\n\n /**\n * Used to only add the dates of previous and next months outside the month pages\n */\n padDates: 'before' | 'after';\n currentMonthAriaLabel?: string;\n startOfWeek?: DayIndex;\n todayAriaLabel?: string;\n granularity: DateRangePickerProps.Granularity;\n}\n\nexport interface SelectGridProps extends GridBaseProps {\n /**\n * changes the page/view of the calendar. Doing so will change to another month or year\n * @param date\n * @returns\n */\n onPageChange: (date: Date) => void;\n\n isSingleGrid: boolean;\n\n headingIdPrefix: string;\n /**\n * not needed for grids with a month granularity\n */\n startOfWeek?: DayIndex;\n granularity?: DateRangePickerProps.Granularity;\n todayAriaLabel?: string;\n currentMonthAriaLabel?: string;\n}\n"]}
@@ -0,0 +1,17 @@
1
+ import { DateRangePickerProps } from '../../interfaces';
2
+ export declare function setDayIndex(date: Date, dayIndex: number): void;
3
+ export declare function renderDayName(locale: string, dayIndex: number, mode: 'short' | 'long'): string;
4
+ export declare function renderMonthAndYear(locale: string, baseDate: Date): string;
5
+ export declare function renderYear(locale: string, date: Date): string;
6
+ export declare function getDateLabel(locale: string, date: Date, mode?: 'full' | 'short'): string;
7
+ export declare function renderTimeLabel(locale: string, date: Date, format?: DateRangePickerProps['timeInputFormat']): string;
8
+ interface RenderDateAnnouncementProps {
9
+ date: Date;
10
+ isCurrent: boolean;
11
+ locale: string;
12
+ granularity?: DateRangePickerProps['granularity'];
13
+ currentLabel?: string;
14
+ }
15
+ export declare function renderDateAnnouncement({ date, isCurrent, locale, granularity, currentLabel, }: RenderDateAnnouncementProps): string;
16
+ export {};
17
+ //# sourceMappingURL=intl.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"intl.d.ts","sourceRoot":"","sources":["../../../../../src/date-range-picker/calendar/grids/intl.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,wBAAgB,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAG9D;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAI9F;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,GAAG,MAAM,CAOzE;AAED,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,MAAM,CAI7D;AAGD,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAE,MAAM,GAAG,OAAgB,GAAG,MAAM,CAchG;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,MAAM,CAUpH;AAED,UAAU,2BAA2B;IACnC,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,oBAAoB,CAAC,aAAa,CAAC,CAAC;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,SAAS,EACT,MAAM,EACN,WAAmB,EACnB,YAAY,GACb,EAAE,2BAA2B,GAAG,MAAM,CAStC"}
@@ -0,0 +1,56 @@
1
+ export function setDayIndex(date, dayIndex) {
2
+ const diff = dayIndex - date.getDay();
3
+ date.setDate(date.getDate() + diff);
4
+ }
5
+ export function renderDayName(locale, dayIndex, mode) {
6
+ const tempDate = new Date();
7
+ setDayIndex(tempDate, dayIndex);
8
+ return tempDate.toLocaleDateString(locale, { weekday: mode });
9
+ }
10
+ export function renderMonthAndYear(locale, baseDate) {
11
+ const result = baseDate.toLocaleDateString(locale, {
12
+ year: 'numeric',
13
+ month: 'long',
14
+ });
15
+ return result;
16
+ }
17
+ export function renderYear(locale, date) {
18
+ return date.toLocaleDateString(locale, {
19
+ year: 'numeric',
20
+ });
21
+ }
22
+ const dayLabelCache = new Map();
23
+ export function getDateLabel(locale, date, mode = 'full') {
24
+ const cacheKey = locale + date.getTime() + mode;
25
+ const cachedValue = dayLabelCache.get(cacheKey);
26
+ if (cachedValue) {
27
+ return cachedValue;
28
+ }
29
+ const value = date.toLocaleDateString(locale, {
30
+ weekday: mode === 'full' ? 'long' : undefined,
31
+ month: 'long',
32
+ day: 'numeric',
33
+ year: 'numeric',
34
+ });
35
+ dayLabelCache.set(cacheKey, value);
36
+ return value;
37
+ }
38
+ export function renderTimeLabel(locale, date, format) {
39
+ let options = {};
40
+ if (format === 'hh') {
41
+ options = { hour: '2-digit' };
42
+ }
43
+ if (format === 'hh:mm') {
44
+ options = { hour: '2-digit', minute: '2-digit' };
45
+ }
46
+ const value = date.toLocaleTimeString(locale, options);
47
+ return value;
48
+ }
49
+ export function renderDateAnnouncement({ date, isCurrent, locale, granularity = 'day', currentLabel, }) {
50
+ const formattedDate = granularity === 'month' ? renderMonthAndYear(locale, date) : getDateLabel(locale, date, 'short');
51
+ if (isCurrent && currentLabel) {
52
+ return `${formattedDate}. ${currentLabel}`;
53
+ }
54
+ return formattedDate;
55
+ }
56
+ //# sourceMappingURL=intl.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"intl.js","sourceRoot":"","sources":["../../../../../src/date-range-picker/calendar/grids/intl.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,WAAW,CAAC,IAAU,EAAE,QAAgB;IACtD,MAAM,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,QAAgB,EAAE,IAAsB;IACpF,MAAM,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,IAAI,EAAE,CAAC,CAAC;AAChE,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,MAAc,EAAE,QAAc;IAC/D,MAAM,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,MAAM,UAAU,UAAU,CAAC,MAAc,EAAE,IAAU;IACnD,OAAO,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE;QACrC,IAAI,EAAE,SAAS;KAChB,CAAC,CAAC;AACL,CAAC;AAED,MAAM,aAAa,GAAG,IAAI,GAAG,EAAkB,CAAC;AAChD,MAAM,UAAU,YAAY,CAAC,MAAc,EAAE,IAAU,EAAE,OAAyB,MAAM;IACtF,MAAM,QAAQ,GAAG,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC;IAChD,MAAM,WAAW,GAAG,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAChD,IAAI,WAAW,EAAE;QACf,OAAO,WAAW,CAAC;KACpB;IACD,MAAM,KAAK,GAAG,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE;QAC5C,OAAO,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QAC7C,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,MAAgD;IAC1G,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,MAAM,KAAK,GAAG,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvD,OAAO,KAAK,CAAC;AACf,CAAC;AAUD,MAAM,UAAU,sBAAsB,CAAC,EACrC,IAAI,EACJ,SAAS,EACT,MAAM,EACN,WAAW,GAAG,KAAK,EACnB,YAAY,GACgB;IAC5B,MAAM,aAAa,GACjB,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;IAEnG,IAAI,SAAS,IAAI,YAAY,EAAE;QAC7B,OAAO,GAAG,aAAa,KAAK,YAAY,EAAE,CAAC;KAC5C;IAED,OAAO,aAAa,CAAC;AACvB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { DateRangePickerProps } from '../../interfaces';\n\nexport function setDayIndex(date: Date, dayIndex: number): void {\n const diff = dayIndex - date.getDay();\n date.setDate(date.getDate() + diff);\n}\n\nexport function renderDayName(locale: string, dayIndex: number, mode: 'short' | 'long'): string {\n const tempDate = new Date();\n setDayIndex(tempDate, dayIndex);\n return tempDate.toLocaleDateString(locale, { weekday: mode });\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\nexport function renderYear(locale: string, date: Date): string {\n return date.toLocaleDateString(locale, {\n year: 'numeric',\n });\n}\n\nconst dayLabelCache = new Map<string, string>();\nexport function getDateLabel(locale: string, date: Date, mode: 'full' | 'short' = 'full'): string {\n const cacheKey = locale + date.getTime() + mode;\n const cachedValue = dayLabelCache.get(cacheKey);\n if (cachedValue) {\n return cachedValue;\n }\n const value = date.toLocaleDateString(locale, {\n weekday: mode === 'full' ? 'long' : undefined,\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?: DateRangePickerProps['timeInputFormat']): 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\ninterface RenderDateAnnouncementProps {\n date: Date;\n isCurrent: boolean;\n locale: string;\n granularity?: DateRangePickerProps['granularity'];\n currentLabel?: string;\n}\n\nexport function renderDateAnnouncement({\n date,\n isCurrent,\n locale,\n granularity = 'day',\n currentLabel,\n}: RenderDateAnnouncementProps): string {\n const formattedDate =\n granularity === 'month' ? renderMonthAndYear(locale, date) : getDateLabel(locale, date, 'short');\n\n if (isCurrent && currentLabel) {\n return `${formattedDate}. ${currentLabel}`;\n }\n\n return formattedDate;\n}\n"]}
@@ -1,29 +1,35 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "grid": "awsui_grid_1mfbn_x3enr_149",
5
- "grid-cell": "awsui_grid-cell_1mfbn_x3enr_154",
6
- "day-header": "awsui_day-header_1mfbn_x3enr_161",
7
- "week": "awsui_week_1mfbn_x3enr_171",
8
- "day": "awsui_day_1mfbn_x3enr_161",
9
- "day-inner": "awsui_day-inner_1mfbn_x3enr_218",
10
- "in-first-row": "awsui_in-first-row_1mfbn_x3enr_223",
11
- "in-previous-month": "awsui_in-previous-month_1mfbn_x3enr_223",
12
- "last-day-of-month": "awsui_last-day-of-month_1mfbn_x3enr_227",
13
- "in-next-month": "awsui_in-next-month_1mfbn_x3enr_231",
14
- "in-first-column": "awsui_in-first-column_1mfbn_x3enr_235",
15
- "in-visible-calendar": "awsui_in-visible-calendar_1mfbn_x3enr_238",
16
- "enabled": "awsui_enabled_1mfbn_x3enr_242",
17
- "in-range": "awsui_in-range_1mfbn_x3enr_248",
18
- "end-date": "awsui_end-date_1mfbn_x3enr_248",
19
- "start-date": "awsui_start-date_1mfbn_x3enr_248",
20
- "no-range": "awsui_no-range_1mfbn_x3enr_248",
21
- "selected": "awsui_selected_1mfbn_x3enr_258",
22
- "today": "awsui_today_1mfbn_x3enr_263",
23
- "in-range-border-block-start": "awsui_in-range-border-block-start_1mfbn_x3enr_321",
24
- "in-range-border-inline-end": "awsui_in-range-border-inline-end_1mfbn_x3enr_324",
25
- "in-range-border-block-end": "awsui_in-range-border-block-end_1mfbn_x3enr_327",
26
- "in-range-border-inline-start": "awsui_in-range-border-inline-start_1mfbn_x3enr_330",
27
- "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_1mfbn_x3enr_346"
4
+ "grid": "awsui_grid_1mfbn_qy2o7_149",
5
+ "grid-cell": "awsui_grid-cell_1mfbn_qy2o7_154",
6
+ "day-header": "awsui_day-header_1mfbn_qy2o7_161",
7
+ "day": "awsui_day_1mfbn_qy2o7_161",
8
+ "month": "awsui_month_1mfbn_qy2o7_172",
9
+ "day-inner": "awsui_day-inner_1mfbn_qy2o7_220",
10
+ "month-inner": "awsui_month-inner_1mfbn_qy2o7_221",
11
+ "in-first-row": "awsui_in-first-row_1mfbn_qy2o7_228",
12
+ "in-previous-month": "awsui_in-previous-month_1mfbn_qy2o7_228",
13
+ "in-previous-year": "awsui_in-previous-year_1mfbn_qy2o7_229",
14
+ "last-day-of-month": "awsui_last-day-of-month_1mfbn_qy2o7_233",
15
+ "last-month-of-year": "awsui_last-month-of-year_1mfbn_qy2o7_234",
16
+ "in-next-month": "awsui_in-next-month_1mfbn_qy2o7_238",
17
+ "in-next-year": "awsui_in-next-year_1mfbn_qy2o7_239",
18
+ "in-first-column": "awsui_in-first-column_1mfbn_qy2o7_243",
19
+ "in-visible-calendar": "awsui_in-visible-calendar_1mfbn_qy2o7_246",
20
+ "in-current-month": "awsui_in-current-month_1mfbn_qy2o7_246",
21
+ "in-current-year": "awsui_in-current-year_1mfbn_qy2o7_246",
22
+ "enabled": "awsui_enabled_1mfbn_qy2o7_250",
23
+ "in-range": "awsui_in-range_1mfbn_qy2o7_256",
24
+ "end-date": "awsui_end-date_1mfbn_qy2o7_256",
25
+ "start-date": "awsui_start-date_1mfbn_qy2o7_256",
26
+ "no-range": "awsui_no-range_1mfbn_qy2o7_256",
27
+ "selected": "awsui_selected_1mfbn_qy2o7_266",
28
+ "today": "awsui_today_1mfbn_qy2o7_271",
29
+ "this-month": "awsui_this-month_1mfbn_qy2o7_272",
30
+ "in-range-border-block-start": "awsui_in-range-border-block-start_1mfbn_qy2o7_328",
31
+ "in-range-border-inline-end": "awsui_in-range-border-inline-end_1mfbn_qy2o7_331",
32
+ "in-range-border-block-end": "awsui_in-range-border-block-end_1mfbn_qy2o7_334",
33
+ "in-range-border-inline-start": "awsui_in-range-border-inline-start_1mfbn_qy2o7_337"
28
34
  };
29
35
 
@@ -146,19 +146,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
146
146
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
147
147
  SPDX-License-Identifier: Apache-2.0
148
148
  */
149
- .awsui_grid_1mfbn_x3enr_149:not(#\9) {
149
+ .awsui_grid_1mfbn_qy2o7_149:not(#\9) {
150
150
  inline-size: var(--size-calendar-grid-width-lrunz7, 238px);
151
151
  border-spacing: 0;
152
152
  }
153
153
 
154
- .awsui_grid-cell_1mfbn_x3enr_154:not(#\9) {
154
+ .awsui_grid-cell_1mfbn_qy2o7_154:not(#\9) {
155
155
  inline-size: 14.2857142857%;
156
156
  word-break: break-word;
157
157
  text-align: center;
158
158
  font-weight: unset;
159
159
  }
160
160
 
161
- .awsui_day-header_1mfbn_x3enr_161:not(#\9) {
161
+ .awsui_day-header_1mfbn_qy2o7_161:not(#\9) {
162
162
  padding-block-start: var(--space-s-34lx8l, 12px);
163
163
  padding-block-end: var(--space-xxs-p8yyaw, 4px);
164
164
  padding-inline: 0;
@@ -168,11 +168,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
168
168
  letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
169
169
  }
170
170
 
171
- .awsui_week_1mfbn_x3enr_171:not(#\9) {
172
- /* used for identifying element */
173
- }
174
-
175
- .awsui_day_1mfbn_x3enr_161:not(#\9) {
171
+ .awsui_day_1mfbn_qy2o7_161:not(#\9),
172
+ .awsui_month_1mfbn_qy2o7_172:not(#\9) {
176
173
  border-block-end: 1px solid var(--color-border-calendar-grid-u86q1u, transparent);
177
174
  border-inline-end: 1px solid var(--color-border-calendar-grid-u86q1u, transparent);
178
175
  padding-block: var(--space-xxs-p8yyaw, 4px);
@@ -180,10 +177,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
180
177
  color: var(--color-text-dropdown-item-disabled-7fg5u8, #b4b4bb);
181
178
  position: relative;
182
179
  }
183
- .awsui_day_1mfbn_x3enr_161:not(#\9):focus {
180
+ .awsui_day_1mfbn_qy2o7_161:not(#\9):focus,
181
+ .awsui_month_1mfbn_qy2o7_172:not(#\9):focus {
184
182
  outline: none;
185
183
  }
186
- .awsui_day_1mfbn_x3enr_161:not(#\9)::after {
184
+ .awsui_day_1mfbn_qy2o7_161:not(#\9)::after,
185
+ .awsui_month_1mfbn_qy2o7_172:not(#\9)::after {
187
186
  content: "";
188
187
  position: absolute;
189
188
  z-index: 1;
@@ -193,15 +192,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
193
192
  inset-inline-end: calc(-1 * var(--border-item-width-yel47s, 2px));
194
193
  background-color: transparent;
195
194
  }
196
- body[data-awsui-focus-visible=true] .awsui_day_1mfbn_x3enr_161:not(#\9):focus {
195
+ body[data-awsui-focus-visible=true] .awsui_day_1mfbn_qy2o7_161:not(#\9):focus,
196
+ body[data-awsui-focus-visible=true] .awsui_month_1mfbn_qy2o7_172:not(#\9):focus {
197
197
  z-index: 2;
198
198
  position: relative;
199
199
  }
200
- body[data-awsui-focus-visible=true] .awsui_day_1mfbn_x3enr_161:not(#\9):focus {
200
+ body[data-awsui-focus-visible=true] .awsui_day_1mfbn_qy2o7_161:not(#\9):focus,
201
+ body[data-awsui-focus-visible=true] .awsui_month_1mfbn_qy2o7_172:not(#\9):focus {
201
202
  outline: 2px dotted transparent;
202
203
  outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-g00bgj, -5px) - 1px);
203
204
  }
204
- body[data-awsui-focus-visible=true] .awsui_day_1mfbn_x3enr_161:not(#\9):focus::before {
205
+ body[data-awsui-focus-visible=true] .awsui_day_1mfbn_qy2o7_161:not(#\9):focus::before,
206
+ body[data-awsui-focus-visible=true] .awsui_month_1mfbn_qy2o7_172:not(#\9):focus::before {
205
207
  content: " ";
206
208
  display: block;
207
209
  position: absolute;
@@ -215,52 +217,59 @@ body[data-awsui-focus-visible=true] .awsui_day_1mfbn_x3enr_161:not(#\9):focus::b
215
217
  border-end-end-radius: var(--border-radius-calendar-day-focus-ring-545h0w, 3px);
216
218
  box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
217
219
  }
218
- .awsui_day_1mfbn_x3enr_161 > .awsui_day-inner_1mfbn_x3enr_218:not(#\9) {
220
+ .awsui_day_1mfbn_qy2o7_161 > .awsui_day-inner_1mfbn_qy2o7_220:not(#\9),
221
+ .awsui_day_1mfbn_qy2o7_161 > .awsui_month-inner_1mfbn_qy2o7_221:not(#\9),
222
+ .awsui_month_1mfbn_qy2o7_172 > .awsui_day-inner_1mfbn_qy2o7_220:not(#\9),
223
+ .awsui_month_1mfbn_qy2o7_172 > .awsui_month-inner_1mfbn_qy2o7_221:not(#\9) {
219
224
  position: relative;
220
225
  z-index: 1;
221
226
  }
222
227
 
223
- .awsui_in-first-row_1mfbn_x3enr_223:not(#\9):not(.awsui_in-previous-month_1mfbn_x3enr_223) {
228
+ .awsui_in-first-row_1mfbn_qy2o7_228:not(#\9):not(.awsui_in-previous-month_1mfbn_qy2o7_228),
229
+ .awsui_in-first-row_1mfbn_qy2o7_228:not(#\9):not(.awsui_in-previous-year_1mfbn_qy2o7_229) {
224
230
  border-block-start: 1px solid var(--color-border-calendar-grid-u86q1u, transparent);
225
231
  }
226
232
 
227
- .awsui_in-previous-month_1mfbn_x3enr_223:not(#\9):not(.awsui_last-day-of-month_1mfbn_x3enr_227) {
233
+ .awsui_in-previous-month_1mfbn_qy2o7_228:not(#\9):not(.awsui_last-day-of-month_1mfbn_qy2o7_233),
234
+ .awsui_in-previous-year_1mfbn_qy2o7_229:not(#\9):not(.awsui_last-month-of-year_1mfbn_qy2o7_234) {
228
235
  border-inline-end-color: transparent;
229
236
  }
230
237
 
231
- .awsui_in-next-month_1mfbn_x3enr_231:not(#\9) {
238
+ .awsui_in-next-month_1mfbn_qy2o7_238:not(#\9),
239
+ .awsui_in-next-year_1mfbn_qy2o7_239:not(#\9) {
232
240
  border-color: transparent;
233
241
  }
234
242
 
235
- .awsui_in-first-column_1mfbn_x3enr_235:not(#\9) {
243
+ .awsui_in-first-column_1mfbn_qy2o7_243:not(#\9) {
236
244
  border-inline-start: 1px solid 1px solid var(--color-border-calendar-grid-u86q1u, transparent);
237
245
  }
238
- .awsui_in-first-column_1mfbn_x3enr_235.awsui_in-visible-calendar_1mfbn_x3enr_238:not(#\9) {
246
+ .awsui_in-first-column_1mfbn_qy2o7_243.awsui_in-visible-calendar_1mfbn_qy2o7_246.awsui_in-current-month_1mfbn_qy2o7_246:not(#\9), .awsui_in-first-column_1mfbn_qy2o7_243.awsui_in-visible-calendar_1mfbn_qy2o7_246.awsui_in-current-year_1mfbn_qy2o7_246:not(#\9) {
239
247
  border-inline-start: 1px solid var(--color-border-calendar-grid-u86q1u, transparent);
240
248
  }
241
249
 
242
- .awsui_enabled_1mfbn_x3enr_242:not(#\9) {
250
+ .awsui_enabled_1mfbn_qy2o7_250:not(#\9) {
243
251
  cursor: pointer;
244
252
  }
245
- .awsui_enabled_1mfbn_x3enr_242.awsui_in-visible-calendar_1mfbn_x3enr_238:not(#\9) {
253
+ .awsui_enabled_1mfbn_qy2o7_250.awsui_in-visible-calendar_1mfbn_qy2o7_246.awsui_in-current-month_1mfbn_qy2o7_246:not(#\9), .awsui_enabled_1mfbn_qy2o7_250.awsui_in-visible-calendar_1mfbn_qy2o7_246.awsui_in-current-year_1mfbn_qy2o7_246:not(#\9) {
246
254
  color: var(--color-text-dropdown-item-default-wpxsrk, #0f141a);
247
255
  }
248
- .awsui_enabled_1mfbn_x3enr_242.awsui_in-visible-calendar_1mfbn_x3enr_238:not(#\9):not(.awsui_in-range_1mfbn_x3enr_248), .awsui_enabled_1mfbn_x3enr_242.awsui_in-visible-calendar_1mfbn_x3enr_238:not(#\9):not(.awsui_in-range_1mfbn_x3enr_248)::after, .awsui_enabled_1mfbn_x3enr_242.awsui_in-visible-calendar_1mfbn_x3enr_238.awsui_end-date_1mfbn_x3enr_248.awsui_start-date_1mfbn_x3enr_248:not(#\9), .awsui_enabled_1mfbn_x3enr_242.awsui_in-visible-calendar_1mfbn_x3enr_238.awsui_end-date_1mfbn_x3enr_248.awsui_start-date_1mfbn_x3enr_248:not(#\9)::after, .awsui_enabled_1mfbn_x3enr_242.awsui_in-visible-calendar_1mfbn_x3enr_238.awsui_no-range_1mfbn_x3enr_248:not(#\9), .awsui_enabled_1mfbn_x3enr_242.awsui_in-visible-calendar_1mfbn_x3enr_238.awsui_no-range_1mfbn_x3enr_248:not(#\9)::after {
256
+ .awsui_enabled_1mfbn_qy2o7_250.awsui_in-visible-calendar_1mfbn_qy2o7_246.awsui_in-current-month_1mfbn_qy2o7_246:not(#\9):not(.awsui_in-range_1mfbn_qy2o7_256), .awsui_enabled_1mfbn_qy2o7_250.awsui_in-visible-calendar_1mfbn_qy2o7_246.awsui_in-current-month_1mfbn_qy2o7_246:not(#\9):not(.awsui_in-range_1mfbn_qy2o7_256)::after, .awsui_enabled_1mfbn_qy2o7_250.awsui_in-visible-calendar_1mfbn_qy2o7_246.awsui_in-current-month_1mfbn_qy2o7_246.awsui_end-date_1mfbn_qy2o7_256.awsui_start-date_1mfbn_qy2o7_256:not(#\9), .awsui_enabled_1mfbn_qy2o7_250.awsui_in-visible-calendar_1mfbn_qy2o7_246.awsui_in-current-month_1mfbn_qy2o7_246.awsui_end-date_1mfbn_qy2o7_256.awsui_start-date_1mfbn_qy2o7_256:not(#\9)::after, .awsui_enabled_1mfbn_qy2o7_250.awsui_in-visible-calendar_1mfbn_qy2o7_246.awsui_in-current-month_1mfbn_qy2o7_246.awsui_no-range_1mfbn_qy2o7_256:not(#\9), .awsui_enabled_1mfbn_qy2o7_250.awsui_in-visible-calendar_1mfbn_qy2o7_246.awsui_in-current-month_1mfbn_qy2o7_246.awsui_no-range_1mfbn_qy2o7_256:not(#\9)::after, .awsui_enabled_1mfbn_qy2o7_250.awsui_in-visible-calendar_1mfbn_qy2o7_246.awsui_in-current-year_1mfbn_qy2o7_246:not(#\9):not(.awsui_in-range_1mfbn_qy2o7_256), .awsui_enabled_1mfbn_qy2o7_250.awsui_in-visible-calendar_1mfbn_qy2o7_246.awsui_in-current-year_1mfbn_qy2o7_246:not(#\9):not(.awsui_in-range_1mfbn_qy2o7_256)::after, .awsui_enabled_1mfbn_qy2o7_250.awsui_in-visible-calendar_1mfbn_qy2o7_246.awsui_in-current-year_1mfbn_qy2o7_246.awsui_end-date_1mfbn_qy2o7_256.awsui_start-date_1mfbn_qy2o7_256:not(#\9), .awsui_enabled_1mfbn_qy2o7_250.awsui_in-visible-calendar_1mfbn_qy2o7_246.awsui_in-current-year_1mfbn_qy2o7_246.awsui_end-date_1mfbn_qy2o7_256.awsui_start-date_1mfbn_qy2o7_256:not(#\9)::after, .awsui_enabled_1mfbn_qy2o7_250.awsui_in-visible-calendar_1mfbn_qy2o7_246.awsui_in-current-year_1mfbn_qy2o7_246.awsui_no-range_1mfbn_qy2o7_256:not(#\9), .awsui_enabled_1mfbn_qy2o7_250.awsui_in-visible-calendar_1mfbn_qy2o7_246.awsui_in-current-year_1mfbn_qy2o7_246.awsui_no-range_1mfbn_qy2o7_256:not(#\9)::after {
249
257
  border-start-start-radius: var(--border-radius-item-05df9h, 8px);
250
258
  border-start-end-radius: var(--border-radius-item-05df9h, 8px);
251
259
  border-end-start-radius: var(--border-radius-item-05df9h, 8px);
252
260
  border-end-end-radius: var(--border-radius-item-05df9h, 8px);
253
261
  }
254
- .awsui_enabled_1mfbn_x3enr_242.awsui_in-visible-calendar_1mfbn_x3enr_238:not(#\9):hover {
262
+ .awsui_enabled_1mfbn_qy2o7_250.awsui_in-visible-calendar_1mfbn_qy2o7_246.awsui_in-current-month_1mfbn_qy2o7_246:not(#\9):hover, .awsui_enabled_1mfbn_qy2o7_250.awsui_in-visible-calendar_1mfbn_qy2o7_246.awsui_in-current-year_1mfbn_qy2o7_246:not(#\9):hover {
255
263
  color: var(--color-text-calendar-date-hover-qiity9, #0f141a);
256
264
  background-color: var(--color-background-dropdown-item-hover-zhzc84, #f3f3f7);
257
265
  }
258
- .awsui_enabled_1mfbn_x3enr_242.awsui_in-visible-calendar_1mfbn_x3enr_238:not(#\9):hover:not(.awsui_selected_1mfbn_x3enr_258)::after {
266
+ .awsui_enabled_1mfbn_qy2o7_250.awsui_in-visible-calendar_1mfbn_qy2o7_246.awsui_in-current-month_1mfbn_qy2o7_246:not(#\9):hover:not(.awsui_selected_1mfbn_qy2o7_266)::after, .awsui_enabled_1mfbn_qy2o7_250.awsui_in-visible-calendar_1mfbn_qy2o7_246.awsui_in-current-year_1mfbn_qy2o7_246:not(#\9):hover:not(.awsui_selected_1mfbn_qy2o7_266)::after {
259
267
  border-block: var(--border-item-width-yel47s, 2px) solid var(--color-border-dropdown-item-hover-4p0gsi, #8c8c94);
260
268
  border-inline: var(--border-item-width-yel47s, 2px) solid var(--color-border-dropdown-item-hover-4p0gsi, #8c8c94);
261
269
  }
262
270
 
263
- .awsui_today_1mfbn_x3enr_263:not(#\9):not(.awsui_in-range_1mfbn_x3enr_248) {
271
+ .awsui_today_1mfbn_qy2o7_271:not(#\9):not(.awsui_in-range_1mfbn_qy2o7_256),
272
+ .awsui_this-month_1mfbn_qy2o7_272:not(#\9):not(.awsui_in-range_1mfbn_qy2o7_256) {
264
273
  background-color: var(--color-background-calendar-current-date-a6ucrp, #f3f3f7);
265
274
  border-start-start-radius: var(--border-radius-item-05df9h, 8px);
266
275
  border-start-end-radius: var(--border-radius-item-05df9h, 8px);
@@ -269,20 +278,20 @@ body[data-awsui-focus-visible=true] .awsui_day_1mfbn_x3enr_161:not(#\9):focus::b
269
278
  font-weight: 700;
270
279
  }
271
280
 
272
- .awsui_selected_1mfbn_x3enr_258:not(#\9) {
281
+ .awsui_selected_1mfbn_qy2o7_266:not(#\9) {
273
282
  border-color: transparent;
274
283
  position: relative;
275
284
  z-index: 2;
276
285
  font-weight: 700;
277
286
  }
278
- body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_x3enr_258:not(#\9):focus {
287
+ body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_qy2o7_266:not(#\9):focus {
279
288
  position: relative;
280
289
  }
281
- body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_x3enr_258:not(#\9):focus {
290
+ body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_qy2o7_266:not(#\9):focus {
282
291
  outline: 2px dotted transparent;
283
292
  outline-offset: calc(var(--space-calendar-grid-selected-focus-outline-gutter-hxbct6, -5px) - 1px);
284
293
  }
285
- body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_x3enr_258:not(#\9):focus::before {
294
+ body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_qy2o7_266:not(#\9):focus::before {
286
295
  content: " ";
287
296
  display: block;
288
297
  position: absolute;
@@ -296,53 +305,60 @@ body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_x3enr_258:not(#\9):foc
296
305
  border-end-end-radius: var(--border-radius-calendar-day-focus-ring-545h0w, 3px);
297
306
  box-shadow: 0 0 0 2px var(--color-border-calendar-grid-selected-focus-ring-w7gc9h, #f9f9fa);
298
307
  }
299
- body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_x3enr_258:not(#\9):focus::before {
308
+ body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_qy2o7_266:not(#\9):focus::before {
300
309
  z-index: 1;
301
310
  }
302
- .awsui_selected_1mfbn_x3enr_258:not(#\9)::after {
311
+ .awsui_selected_1mfbn_qy2o7_266:not(#\9)::after {
303
312
  background-color: var(--color-background-control-checked-hz4k40, #006ce0);
304
313
  border-block: var(--border-item-width-yel47s, 2px) solid var(--color-background-control-checked-hz4k40, #006ce0);
305
314
  border-inline: var(--border-item-width-yel47s, 2px) solid var(--color-background-control-checked-hz4k40, #006ce0);
306
315
  z-index: 0;
307
316
  }
308
- .awsui_selected_1mfbn_x3enr_258.awsui_start-date_1mfbn_x3enr_248:not(#\9), .awsui_selected_1mfbn_x3enr_258.awsui_end-date_1mfbn_x3enr_248:not(#\9) {
309
- /* used in test utils */
310
- }
311
- .awsui_selected_1mfbn_x3enr_258 > .awsui_day-inner_1mfbn_x3enr_218:not(#\9) {
317
+ .awsui_selected_1mfbn_qy2o7_266 > .awsui_day-inner_1mfbn_qy2o7_220:not(#\9),
318
+ .awsui_selected_1mfbn_qy2o7_266 > .awsui_month-inner_1mfbn_qy2o7_221:not(#\9) {
312
319
  color: var(--color-background-control-default-5ol8rv, #ffffff);
313
320
  position: relative;
314
321
  z-index: 2;
315
322
  }
316
323
 
317
- .awsui_in-range_1mfbn_x3enr_248:not(#\9) {
324
+ .awsui_in-range_1mfbn_qy2o7_256:not(#\9) {
318
325
  background-color: var(--color-background-dropdown-item-selected-idfej7, #f0fbff);
319
326
  font-weight: 700;
320
327
  }
321
- .awsui_in-range_1mfbn_x3enr_248.awsui_in-range-border-block-start_1mfbn_x3enr_321:not(#\9)::after {
328
+ .awsui_in-range_1mfbn_qy2o7_256.awsui_in-range-border-block-start_1mfbn_qy2o7_328:not(#\9)::after {
322
329
  border-block-start: var(--border-item-width-yel47s, 2px) solid var(--color-background-control-checked-hz4k40, #006ce0);
323
330
  }
324
- .awsui_in-range_1mfbn_x3enr_248.awsui_in-range-border-inline-end_1mfbn_x3enr_324:not(#\9)::after {
331
+ .awsui_in-range_1mfbn_qy2o7_256.awsui_in-range-border-inline-end_1mfbn_qy2o7_331:not(#\9)::after {
325
332
  border-inline-end: var(--border-item-width-yel47s, 2px) solid var(--color-background-control-checked-hz4k40, #006ce0);
326
333
  }
327
- .awsui_in-range_1mfbn_x3enr_248.awsui_in-range-border-block-end_1mfbn_x3enr_327:not(#\9)::after {
334
+ .awsui_in-range_1mfbn_qy2o7_256.awsui_in-range-border-block-end_1mfbn_qy2o7_334:not(#\9)::after {
328
335
  border-block-end: var(--border-item-width-yel47s, 2px) solid var(--color-background-control-checked-hz4k40, #006ce0);
329
336
  }
330
- .awsui_in-range_1mfbn_x3enr_248.awsui_in-range-border-inline-start_1mfbn_x3enr_330:not(#\9)::after {
337
+ .awsui_in-range_1mfbn_qy2o7_256.awsui_in-range-border-inline-start_1mfbn_qy2o7_337:not(#\9)::after {
331
338
  border-inline-start: var(--border-item-width-yel47s, 2px) solid var(--color-background-control-checked-hz4k40, #006ce0);
332
339
  }
333
- .awsui_in-range_1mfbn_x3enr_248.awsui_in-range-border-block-start_1mfbn_x3enr_321.awsui_in-range-border-inline-end_1mfbn_x3enr_324:not(#\9), .awsui_in-range_1mfbn_x3enr_248.awsui_in-range-border-block-start_1mfbn_x3enr_321.awsui_in-range-border-inline-end_1mfbn_x3enr_324:not(#\9)::after {
340
+ .awsui_in-range_1mfbn_qy2o7_256.awsui_in-range-border-block-start_1mfbn_qy2o7_328.awsui_in-range-border-inline-end_1mfbn_qy2o7_331:not(#\9), .awsui_in-range_1mfbn_qy2o7_256.awsui_in-range-border-block-start_1mfbn_qy2o7_328.awsui_in-range-border-inline-end_1mfbn_qy2o7_331:not(#\9)::after {
334
341
  border-start-end-radius: var(--border-radius-item-05df9h, 8px);
335
342
  }
336
- .awsui_in-range_1mfbn_x3enr_248.awsui_in-range-border-block-end_1mfbn_x3enr_327.awsui_in-range-border-inline-end_1mfbn_x3enr_324:not(#\9), .awsui_in-range_1mfbn_x3enr_248.awsui_in-range-border-block-end_1mfbn_x3enr_327.awsui_in-range-border-inline-end_1mfbn_x3enr_324:not(#\9)::after {
343
+ .awsui_in-range_1mfbn_qy2o7_256.awsui_in-range-border-block-end_1mfbn_qy2o7_334.awsui_in-range-border-inline-end_1mfbn_qy2o7_331:not(#\9), .awsui_in-range_1mfbn_qy2o7_256.awsui_in-range-border-block-end_1mfbn_qy2o7_334.awsui_in-range-border-inline-end_1mfbn_qy2o7_331:not(#\9)::after {
337
344
  border-end-end-radius: var(--border-radius-item-05df9h, 8px);
338
345
  }
339
- .awsui_in-range_1mfbn_x3enr_248.awsui_in-range-border-block-end_1mfbn_x3enr_327.awsui_in-range-border-inline-start_1mfbn_x3enr_330:not(#\9), .awsui_in-range_1mfbn_x3enr_248.awsui_in-range-border-block-end_1mfbn_x3enr_327.awsui_in-range-border-inline-start_1mfbn_x3enr_330:not(#\9)::after {
346
+ .awsui_in-range_1mfbn_qy2o7_256.awsui_in-range-border-block-end_1mfbn_qy2o7_334.awsui_in-range-border-inline-start_1mfbn_qy2o7_337:not(#\9), .awsui_in-range_1mfbn_qy2o7_256.awsui_in-range-border-block-end_1mfbn_qy2o7_334.awsui_in-range-border-inline-start_1mfbn_qy2o7_337:not(#\9)::after {
340
347
  border-end-start-radius: var(--border-radius-item-05df9h, 8px);
341
348
  }
342
- .awsui_in-range_1mfbn_x3enr_248.awsui_in-range-border-block-start_1mfbn_x3enr_321.awsui_in-range-border-inline-start_1mfbn_x3enr_330:not(#\9), .awsui_in-range_1mfbn_x3enr_248.awsui_in-range-border-block-start_1mfbn_x3enr_321.awsui_in-range-border-inline-start_1mfbn_x3enr_330:not(#\9)::after {
349
+ .awsui_in-range_1mfbn_qy2o7_256.awsui_in-range-border-block-start_1mfbn_qy2o7_328.awsui_in-range-border-inline-start_1mfbn_qy2o7_337:not(#\9), .awsui_in-range_1mfbn_qy2o7_256.awsui_in-range-border-block-start_1mfbn_qy2o7_328.awsui_in-range-border-inline-start_1mfbn_qy2o7_337:not(#\9)::after {
343
350
  border-start-start-radius: var(--border-radius-item-05df9h, 8px);
344
351
  }
345
352
 
346
- .awsui_disabled-reason-tooltip_1mfbn_x3enr_346:not(#\9) {
347
- /* used in test-utils or tests */
353
+ .awsui_no-range_1mfbn_qy2o7_256:not(#\9), .awsui_no-range_1mfbn_qy2o7_256:not(#\9)::after {
354
+ border-start-start-radius: var(--border-radius-item-05df9h, 8px);
355
+ }
356
+ .awsui_no-range_1mfbn_qy2o7_256:not(#\9), .awsui_no-range_1mfbn_qy2o7_256:not(#\9)::after {
357
+ border-start-end-radius: var(--border-radius-item-05df9h, 8px);
358
+ }
359
+ .awsui_no-range_1mfbn_qy2o7_256:not(#\9), .awsui_no-range_1mfbn_qy2o7_256:not(#\9)::after {
360
+ border-end-start-radius: var(--border-radius-item-05df9h, 8px);
361
+ }
362
+ .awsui_no-range_1mfbn_qy2o7_256:not(#\9), .awsui_no-range_1mfbn_qy2o7_256:not(#\9)::after {
363
+ border-end-end-radius: var(--border-radius-item-05df9h, 8px);
348
364
  }
@@ -2,29 +2,35 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "grid": "awsui_grid_1mfbn_x3enr_149",
6
- "grid-cell": "awsui_grid-cell_1mfbn_x3enr_154",
7
- "day-header": "awsui_day-header_1mfbn_x3enr_161",
8
- "week": "awsui_week_1mfbn_x3enr_171",
9
- "day": "awsui_day_1mfbn_x3enr_161",
10
- "day-inner": "awsui_day-inner_1mfbn_x3enr_218",
11
- "in-first-row": "awsui_in-first-row_1mfbn_x3enr_223",
12
- "in-previous-month": "awsui_in-previous-month_1mfbn_x3enr_223",
13
- "last-day-of-month": "awsui_last-day-of-month_1mfbn_x3enr_227",
14
- "in-next-month": "awsui_in-next-month_1mfbn_x3enr_231",
15
- "in-first-column": "awsui_in-first-column_1mfbn_x3enr_235",
16
- "in-visible-calendar": "awsui_in-visible-calendar_1mfbn_x3enr_238",
17
- "enabled": "awsui_enabled_1mfbn_x3enr_242",
18
- "in-range": "awsui_in-range_1mfbn_x3enr_248",
19
- "end-date": "awsui_end-date_1mfbn_x3enr_248",
20
- "start-date": "awsui_start-date_1mfbn_x3enr_248",
21
- "no-range": "awsui_no-range_1mfbn_x3enr_248",
22
- "selected": "awsui_selected_1mfbn_x3enr_258",
23
- "today": "awsui_today_1mfbn_x3enr_263",
24
- "in-range-border-block-start": "awsui_in-range-border-block-start_1mfbn_x3enr_321",
25
- "in-range-border-inline-end": "awsui_in-range-border-inline-end_1mfbn_x3enr_324",
26
- "in-range-border-block-end": "awsui_in-range-border-block-end_1mfbn_x3enr_327",
27
- "in-range-border-inline-start": "awsui_in-range-border-inline-start_1mfbn_x3enr_330",
28
- "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_1mfbn_x3enr_346"
5
+ "grid": "awsui_grid_1mfbn_qy2o7_149",
6
+ "grid-cell": "awsui_grid-cell_1mfbn_qy2o7_154",
7
+ "day-header": "awsui_day-header_1mfbn_qy2o7_161",
8
+ "day": "awsui_day_1mfbn_qy2o7_161",
9
+ "month": "awsui_month_1mfbn_qy2o7_172",
10
+ "day-inner": "awsui_day-inner_1mfbn_qy2o7_220",
11
+ "month-inner": "awsui_month-inner_1mfbn_qy2o7_221",
12
+ "in-first-row": "awsui_in-first-row_1mfbn_qy2o7_228",
13
+ "in-previous-month": "awsui_in-previous-month_1mfbn_qy2o7_228",
14
+ "in-previous-year": "awsui_in-previous-year_1mfbn_qy2o7_229",
15
+ "last-day-of-month": "awsui_last-day-of-month_1mfbn_qy2o7_233",
16
+ "last-month-of-year": "awsui_last-month-of-year_1mfbn_qy2o7_234",
17
+ "in-next-month": "awsui_in-next-month_1mfbn_qy2o7_238",
18
+ "in-next-year": "awsui_in-next-year_1mfbn_qy2o7_239",
19
+ "in-first-column": "awsui_in-first-column_1mfbn_qy2o7_243",
20
+ "in-visible-calendar": "awsui_in-visible-calendar_1mfbn_qy2o7_246",
21
+ "in-current-month": "awsui_in-current-month_1mfbn_qy2o7_246",
22
+ "in-current-year": "awsui_in-current-year_1mfbn_qy2o7_246",
23
+ "enabled": "awsui_enabled_1mfbn_qy2o7_250",
24
+ "in-range": "awsui_in-range_1mfbn_qy2o7_256",
25
+ "end-date": "awsui_end-date_1mfbn_qy2o7_256",
26
+ "start-date": "awsui_start-date_1mfbn_qy2o7_256",
27
+ "no-range": "awsui_no-range_1mfbn_qy2o7_256",
28
+ "selected": "awsui_selected_1mfbn_qy2o7_266",
29
+ "today": "awsui_today_1mfbn_qy2o7_271",
30
+ "this-month": "awsui_this-month_1mfbn_qy2o7_272",
31
+ "in-range-border-block-start": "awsui_in-range-border-block-start_1mfbn_qy2o7_328",
32
+ "in-range-border-inline-end": "awsui_in-range-border-inline-end_1mfbn_qy2o7_331",
33
+ "in-range-border-block-end": "awsui_in-range-border-block-end_1mfbn_qy2o7_334",
34
+ "in-range-border-inline-start": "awsui_in-range-border-inline-start_1mfbn_qy2o7_337"
29
35
  };
30
36