npm - @cloudscape-design/components - Versions diffs - 3.0.75 → 3.0.77 - Mend

@cloudscape-design/components 3.0.75 → 3.0.77

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 (93) hide show

package/app-layout/drawer.d.ts +2 -1
package/app-layout/drawer.d.ts.map +1 -1
package/app-layout/drawer.js +8 -2
package/app-layout/drawer.js.map +1 -1
package/app-layout/index.d.ts.map +1 -1
package/app-layout/index.js +6 -5
package/app-layout/index.js.map +1 -1
package/app-layout/interfaces.d.ts +6 -0
package/app-layout/interfaces.d.ts.map +1 -1
package/app-layout/interfaces.js.map +1 -1
package/app-layout/notifications/index.js +1 -1
package/app-layout/notifications/index.js.map +1 -1
package/app-layout/tools-and-split-panel.d.ts +2 -1
package/app-layout/tools-and-split-panel.d.ts.map +1 -1
package/app-layout/tools-and-split-panel.js +2 -2
package/app-layout/tools-and-split-panel.js.map +1 -1
package/app-layout/utils/use-focus-control.d.ts +10 -4
package/app-layout/utils/use-focus-control.d.ts.map +1 -1
package/app-layout/utils/use-focus-control.js +30 -9
package/app-layout/utils/use-focus-control.js.map +1 -1
package/app-layout/visual-refresh/app-bar.js +2 -2
package/app-layout/visual-refresh/app-bar.js.map +1 -1
package/app-layout/visual-refresh/context.d.ts +3 -1
package/app-layout/visual-refresh/context.d.ts.map +1 -1
package/app-layout/visual-refresh/context.js +8 -4
package/app-layout/visual-refresh/context.js.map +1 -1
package/app-layout/visual-refresh/navigation.js +1 -1
package/app-layout/visual-refresh/navigation.js.map +1 -1
package/app-layout/visual-refresh/notifications.js +2 -2
package/app-layout/visual-refresh/notifications.js.map +1 -1
package/app-layout/visual-refresh/tools.d.ts.map +1 -1
package/app-layout/visual-refresh/tools.js +7 -4
package/app-layout/visual-refresh/tools.js.map +1 -1
package/calendar/styles.css.js +18 -18
package/calendar/styles.scoped.css +40 -38
package/calendar/styles.selectors.js +18 -18
package/date-picker/index.js +10 -14
package/date-picker/index.js.map +1 -1
package/date-range-picker/calendar/grids/grid.d.ts +14 -0
package/date-range-picker/calendar/grids/grid.d.ts.map +1 -1
package/date-range-picker/calendar/grids/grid.js +9 -5
package/date-range-picker/calendar/grids/grid.js.map +1 -1
package/date-range-picker/calendar/grids/styles.css.js +25 -25
package/date-range-picker/calendar/grids/styles.scoped.css +45 -42
package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
package/date-range-picker/calendar/index.d.ts.map +1 -1
package/date-range-picker/calendar/index.js +23 -27
package/date-range-picker/calendar/index.js.map +1 -1
package/date-range-picker/index.js +1 -1
package/date-range-picker/index.js.map +1 -1
package/date-range-picker/styles.css.js +36 -37
package/date-range-picker/styles.scoped.css +50 -54
package/date-range-picker/styles.selectors.js +36 -37
package/input/internal.d.ts.map +1 -1
package/input/internal.js +2 -3
package/input/internal.js.map +1 -1
package/internal/base-component/styles.scoped.css +4 -0
package/internal/components/autosuggest-input/index.d.ts.map +1 -1
package/internal/components/autosuggest-input/index.js +4 -5
package/internal/components/autosuggest-input/index.js.map +1 -1
package/internal/components/button-trigger/index.d.ts.map +1 -1
package/internal/components/button-trigger/index.js +2 -3
package/internal/components/button-trigger/index.js.map +1 -1
package/internal/components/chart-popover/index.js +1 -1
package/internal/components/chart-popover/index.js.map +1 -1
package/internal/components/dropdown/index.d.ts.map +1 -1
package/internal/components/dropdown/index.js +1 -1
package/internal/components/dropdown/index.js.map +1 -1
package/internal/components/dropdown-status/index.d.ts.map +1 -1
package/internal/components/dropdown-status/index.js +2 -4
package/internal/components/dropdown-status/index.js.map +1 -1
package/internal/components/options-list/index.d.ts.map +1 -1
package/internal/components/options-list/index.js +2 -2
package/internal/components/options-list/index.js.map +1 -1
package/internal/environment.js +1 -1
package/internal/events/index.d.ts +0 -9
package/internal/events/index.d.ts.map +1 -1
package/internal/events/index.js +0 -11
package/internal/events/index.js.map +1 -1
package/internal/generated/theming/index.cjs +23 -0
package/internal/generated/theming/index.js +23 -0
package/package.json +1 -1
package/popover/internal.js +2 -2
package/popover/internal.js.map +1 -1
package/popover/styles.css.js +50 -49
package/popover/styles.scoped.css +67 -62
package/popover/styles.selectors.js +50 -49
package/table/header-cell/index.d.ts.map +1 -1
package/table/header-cell/index.js +1 -0
package/table/header-cell/index.js.map +1 -1
package/table/header-cell/styles.css.js +15 -14
package/table/header-cell/styles.scoped.css +27 -24
package/table/header-cell/styles.selectors.js +15 -14

package/date-range-picker/calendar/grids/styles.scoped.css CHANGED Viewed

@@ -94,19 +94,19 @@ 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_grid_1mfbn_1oig3_97:not(#\9) {
+.awsui_grid_1mfbn_t4ar8_97:not(#\9) {
   width: var(--size-calendar-grid-width-lxsx0p, 238px);
   border-spacing: 0;
 }
-.awsui_grid-cell_1mfbn_1oig3_102:not(#\9) {
+.awsui_grid-cell_1mfbn_t4ar8_102:not(#\9) {
   width: 14.2857142857%;
   word-break: break-word;
   text-align: center;
   font-weight: unset;
 }
-.awsui_day-header_1mfbn_1oig3_109:not(#\9) {
+.awsui_day-header_1mfbn_t4ar8_109:not(#\9) {
   padding: var(--space-s-hv8c1d, 12px) 0 var(--space-xxs-ynfts5, 4px);
   color: var(--color-text-calendar-month-elf7e9, #5f6b7a);
   font-size: var(--font-body-s-size-ukw2p9, 12px);
@@ -114,21 +114,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
 }
-.awsui_week_1mfbn_1oig3_117:not(#\9) {
+.awsui_week_1mfbn_t4ar8_117:not(#\9) {
   /* used for identifying element */
 }
-.awsui_day_1mfbn_1oig3_109:not(#\9) {
+.awsui_day_1mfbn_t4ar8_109:not(#\9) {
   border-bottom: 1px solid var(--color-border-calendar-grid-sshunw, transparent);
   border-right: 1px solid var(--color-border-calendar-grid-sshunw, transparent);
   padding: var(--space-xxs-ynfts5, 4px) 0;
   color: var(--color-text-dropdown-item-disabled-varol7, #9ba7b6);
   position: relative;
 }
-.awsui_day_1mfbn_1oig3_109:not(#\9):focus {
+.awsui_day_1mfbn_t4ar8_109:not(#\9):focus {
   outline: none;
 }
-.awsui_day_1mfbn_1oig3_109:not(#\9)::after {
+.awsui_day_1mfbn_t4ar8_109:not(#\9)::after {
   content: "";
   position: absolute;
   z-index: 1;
@@ -138,15 +138,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   right: calc(-1 * var(--border-item-width-qbbbsa, 2px));
   background-color: transparent;
 }
-.awsui_day_1mfbn_1oig3_109[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_day_1mfbn_t4ar8_109[data-awsui-focus-visible=true]:not(#\9):focus {
   z-index: 2;
   position: relative;
 }
-.awsui_day_1mfbn_1oig3_109[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_day_1mfbn_t4ar8_109[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-v3dwvl, -5px) - 1px);
 }
-.awsui_day_1mfbn_1oig3_109[data-awsui-focus-visible=true]:not(#\9):focus::before {
+.awsui_day_1mfbn_t4ar8_109[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -157,65 +157,67 @@ 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_day_1mfbn_1oig3_109 > .awsui_day-inner_1mfbn_1oig3_160:not(#\9) {
+.awsui_day_1mfbn_t4ar8_109 > .awsui_day-inner_1mfbn_t4ar8_160:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_in-first-row_1mfbn_1oig3_165:not(#\9):not(.awsui_in-previous-month_1mfbn_1oig3_165) {
+.awsui_in-first-row_1mfbn_t4ar8_165:not(#\9):not(.awsui_in-previous-month_1mfbn_t4ar8_165) {
   border-top: 1px solid var(--color-border-calendar-grid-sshunw, transparent);
 }
-.awsui_in-previous-month_1mfbn_1oig3_165:not(#\9):not(.awsui_last-day-of-month_1mfbn_1oig3_169) {
+.awsui_in-previous-month_1mfbn_t4ar8_165:not(#\9):not(.awsui_last-day-of-month_1mfbn_t4ar8_169) {
   border-right-color: transparent;
 }
-.awsui_in-next-month_1mfbn_1oig3_173:not(#\9) {
+.awsui_in-next-month_1mfbn_t4ar8_173:not(#\9) {
   border-color: transparent;
 }
-.awsui_in-first-column_1mfbn_1oig3_177:not(#\9) {
+.awsui_in-first-column_1mfbn_t4ar8_177:not(#\9) {
   border-left: 1px solid transparent;
 }
-.awsui_in-first-column_1mfbn_1oig3_177.awsui_in-current-month_1mfbn_1oig3_180:not(#\9) {
+.awsui_in-first-column_1mfbn_t4ar8_177.awsui_in-current-month_1mfbn_t4ar8_180:not(#\9) {
   border-left: 1px solid var(--color-border-calendar-grid-sshunw, transparent);
 }
-.awsui_enabled_1mfbn_1oig3_184:not(#\9) {
+.awsui_enabled_1mfbn_t4ar8_184:not(#\9) {
   cursor: pointer;
 }
-.awsui_enabled_1mfbn_1oig3_184.awsui_in-current-month_1mfbn_1oig3_180:not(#\9) {
+.awsui_enabled_1mfbn_t4ar8_184.awsui_in-current-month_1mfbn_t4ar8_180:not(#\9) {
   color: var(--color-text-dropdown-item-default-7tg9p2, #000716);
 }
-.awsui_enabled_1mfbn_1oig3_184.awsui_in-current-month_1mfbn_1oig3_180:not(#\9):not(.awsui_in-range_1mfbn_1oig3_190), .awsui_enabled_1mfbn_1oig3_184.awsui_in-current-month_1mfbn_1oig3_180:not(#\9):not(.awsui_in-range_1mfbn_1oig3_190)::after, .awsui_enabled_1mfbn_1oig3_184.awsui_in-current-month_1mfbn_1oig3_180.awsui_end-date_1mfbn_1oig3_190.awsui_start-date_1mfbn_1oig3_190:not(#\9), .awsui_enabled_1mfbn_1oig3_184.awsui_in-current-month_1mfbn_1oig3_180.awsui_end-date_1mfbn_1oig3_190.awsui_start-date_1mfbn_1oig3_190:not(#\9)::after, .awsui_enabled_1mfbn_1oig3_184.awsui_in-current-month_1mfbn_1oig3_180.awsui_no-range_1mfbn_1oig3_190:not(#\9), .awsui_enabled_1mfbn_1oig3_184.awsui_in-current-month_1mfbn_1oig3_180.awsui_no-range_1mfbn_1oig3_190:not(#\9)::after {
+.awsui_enabled_1mfbn_t4ar8_184.awsui_in-current-month_1mfbn_t4ar8_180:not(#\9):not(.awsui_in-range_1mfbn_t4ar8_190), .awsui_enabled_1mfbn_t4ar8_184.awsui_in-current-month_1mfbn_t4ar8_180:not(#\9):not(.awsui_in-range_1mfbn_t4ar8_190)::after, .awsui_enabled_1mfbn_t4ar8_184.awsui_in-current-month_1mfbn_t4ar8_180.awsui_end-date_1mfbn_t4ar8_190.awsui_start-date_1mfbn_t4ar8_190:not(#\9), .awsui_enabled_1mfbn_t4ar8_184.awsui_in-current-month_1mfbn_t4ar8_180.awsui_end-date_1mfbn_t4ar8_190.awsui_start-date_1mfbn_t4ar8_190:not(#\9)::after, .awsui_enabled_1mfbn_t4ar8_184.awsui_in-current-month_1mfbn_t4ar8_180.awsui_no-range_1mfbn_t4ar8_190:not(#\9), .awsui_enabled_1mfbn_t4ar8_184.awsui_in-current-month_1mfbn_t4ar8_180.awsui_no-range_1mfbn_t4ar8_190:not(#\9)::after {
   border-radius: var(--border-radius-item-u2ibpi, 8px);
 }
-.awsui_enabled_1mfbn_1oig3_184.awsui_in-current-month_1mfbn_1oig3_180:not(#\9):hover {
+.awsui_enabled_1mfbn_t4ar8_184.awsui_in-current-month_1mfbn_t4ar8_180:not(#\9):hover {
   color: var(--color-text-calendar-day-hover-graajh, #000716);
   background-color: var(--color-background-dropdown-item-hover-mqsxkv, #f4f4f4);
 }
-.awsui_enabled_1mfbn_1oig3_184.awsui_in-current-month_1mfbn_1oig3_180:not(#\9):hover:not(.awsui_selected_1mfbn_1oig3_197)::after {
+.awsui_enabled_1mfbn_t4ar8_184.awsui_in-current-month_1mfbn_t4ar8_180:not(#\9):hover:not(.awsui_selected_1mfbn_t4ar8_197)::after {
   border: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-dropdown-item-hover-tyzq9m, #7d8998);
 }
-.awsui_today_1mfbn_1oig3_201:not(#\9):not(.awsui_in-range_1mfbn_1oig3_190) {
+.awsui_today_1mfbn_t4ar8_201:not(#\9):not(.awsui_in-range_1mfbn_t4ar8_190) {
   background-color: var(--color-background-calendar-today-762czq, #f4f4f4);
   border-radius: var(--border-radius-item-u2ibpi, 8px);
+  font-weight: 700;
 }
-.awsui_selected_1mfbn_1oig3_197:not(#\9) {
+.awsui_selected_1mfbn_t4ar8_197:not(#\9) {
   border-color: transparent;
   position: relative;
   z-index: 2;
+  font-weight: 700;
 }
-.awsui_selected_1mfbn_1oig3_197[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_selected_1mfbn_t4ar8_197[data-awsui-focus-visible=true]:not(#\9):focus {
   position: relative;
 }
-.awsui_selected_1mfbn_1oig3_197[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_selected_1mfbn_t4ar8_197[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-calendar-grid-selected-focus-outline-gutter-gqgjqz, -5px) - 1px);
 }
-.awsui_selected_1mfbn_1oig3_197[data-awsui-focus-visible=true]:not(#\9):focus::before {
+.awsui_selected_1mfbn_t4ar8_197[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -226,56 +228,57 @@ 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-calendar-grid-selected-focus-ring-cxqa0s, #fbfbfb);
 }
-.awsui_selected_1mfbn_1oig3_197[data-awsui-focus-visible=true]:not(#\9):focus::before {
+.awsui_selected_1mfbn_t4ar8_197[data-awsui-focus-visible=true]:not(#\9):focus::before {
   z-index: 1;
 }
-.awsui_selected_1mfbn_1oig3_197:not(#\9)::after {
+.awsui_selected_1mfbn_t4ar8_197: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);
   z-index: 0;
 }
-.awsui_selected_1mfbn_1oig3_197.awsui_start-date_1mfbn_1oig3_190:not(#\9), .awsui_selected_1mfbn_1oig3_197.awsui_start-date_1mfbn_1oig3_190:not(#\9)::after, .awsui_selected_1mfbn_1oig3_197.awsui_range-start-date_1mfbn_1oig3_237:not(#\9), .awsui_selected_1mfbn_1oig3_197.awsui_range-start-date_1mfbn_1oig3_237:not(#\9)::after {
+.awsui_selected_1mfbn_t4ar8_197.awsui_start-date_1mfbn_t4ar8_190:not(#\9), .awsui_selected_1mfbn_t4ar8_197.awsui_start-date_1mfbn_t4ar8_190:not(#\9)::after, .awsui_selected_1mfbn_t4ar8_197.awsui_range-start-date_1mfbn_t4ar8_239:not(#\9), .awsui_selected_1mfbn_t4ar8_197.awsui_range-start-date_1mfbn_t4ar8_239:not(#\9)::after {
   border-top-left-radius: var(--border-radius-item-u2ibpi, 8px);
 }
-.awsui_selected_1mfbn_1oig3_197.awsui_start-date_1mfbn_1oig3_190.awsui_in-range-border-bottom_1mfbn_1oig3_240:not(#\9), .awsui_selected_1mfbn_1oig3_197.awsui_start-date_1mfbn_1oig3_190.awsui_in-range-border-bottom_1mfbn_1oig3_240:not(#\9)::after, .awsui_selected_1mfbn_1oig3_197.awsui_range-start-date_1mfbn_1oig3_237.awsui_in-range-border-bottom_1mfbn_1oig3_240:not(#\9), .awsui_selected_1mfbn_1oig3_197.awsui_range-start-date_1mfbn_1oig3_237.awsui_in-range-border-bottom_1mfbn_1oig3_240:not(#\9)::after {
+.awsui_selected_1mfbn_t4ar8_197.awsui_start-date_1mfbn_t4ar8_190.awsui_in-range-border-bottom_1mfbn_t4ar8_242:not(#\9), .awsui_selected_1mfbn_t4ar8_197.awsui_start-date_1mfbn_t4ar8_190.awsui_in-range-border-bottom_1mfbn_t4ar8_242:not(#\9)::after, .awsui_selected_1mfbn_t4ar8_197.awsui_range-start-date_1mfbn_t4ar8_239.awsui_in-range-border-bottom_1mfbn_t4ar8_242:not(#\9), .awsui_selected_1mfbn_t4ar8_197.awsui_range-start-date_1mfbn_t4ar8_239.awsui_in-range-border-bottom_1mfbn_t4ar8_242:not(#\9)::after {
   border-bottom-left-radius: var(--border-radius-item-u2ibpi, 8px);
 }
-.awsui_selected_1mfbn_1oig3_197.awsui_end-date_1mfbn_1oig3_190:not(#\9), .awsui_selected_1mfbn_1oig3_197.awsui_end-date_1mfbn_1oig3_190:not(#\9)::after, .awsui_selected_1mfbn_1oig3_197.awsui_range-end-date_1mfbn_1oig3_243:not(#\9), .awsui_selected_1mfbn_1oig3_197.awsui_range-end-date_1mfbn_1oig3_243:not(#\9)::after {
+.awsui_selected_1mfbn_t4ar8_197.awsui_end-date_1mfbn_t4ar8_190:not(#\9), .awsui_selected_1mfbn_t4ar8_197.awsui_end-date_1mfbn_t4ar8_190:not(#\9)::after, .awsui_selected_1mfbn_t4ar8_197.awsui_range-end-date_1mfbn_t4ar8_245:not(#\9), .awsui_selected_1mfbn_t4ar8_197.awsui_range-end-date_1mfbn_t4ar8_245:not(#\9)::after {
   border-bottom-right-radius: var(--border-radius-item-u2ibpi, 8px);
 }
-.awsui_selected_1mfbn_1oig3_197.awsui_end-date_1mfbn_1oig3_190.awsui_in-range-border-top_1mfbn_1oig3_246:not(#\9), .awsui_selected_1mfbn_1oig3_197.awsui_end-date_1mfbn_1oig3_190.awsui_in-range-border-top_1mfbn_1oig3_246:not(#\9)::after, .awsui_selected_1mfbn_1oig3_197.awsui_range-end-date_1mfbn_1oig3_243.awsui_in-range-border-top_1mfbn_1oig3_246:not(#\9), .awsui_selected_1mfbn_1oig3_197.awsui_range-end-date_1mfbn_1oig3_243.awsui_in-range-border-top_1mfbn_1oig3_246:not(#\9)::after {
+.awsui_selected_1mfbn_t4ar8_197.awsui_end-date_1mfbn_t4ar8_190.awsui_in-range-border-top_1mfbn_t4ar8_248:not(#\9), .awsui_selected_1mfbn_t4ar8_197.awsui_end-date_1mfbn_t4ar8_190.awsui_in-range-border-top_1mfbn_t4ar8_248:not(#\9)::after, .awsui_selected_1mfbn_t4ar8_197.awsui_range-end-date_1mfbn_t4ar8_245.awsui_in-range-border-top_1mfbn_t4ar8_248:not(#\9), .awsui_selected_1mfbn_t4ar8_197.awsui_range-end-date_1mfbn_t4ar8_245.awsui_in-range-border-top_1mfbn_t4ar8_248:not(#\9)::after {
   border-top-right-radius: var(--border-radius-item-u2ibpi, 8px);
 }
-.awsui_selected_1mfbn_1oig3_197 > .awsui_day-inner_1mfbn_1oig3_160:not(#\9) {
+.awsui_selected_1mfbn_t4ar8_197 > .awsui_day-inner_1mfbn_t4ar8_160:not(#\9) {
   color: var(--color-background-control-default-4pa05r, #ffffff);
   position: relative;
   z-index: 2;
 }
-.awsui_in-range_1mfbn_1oig3_190:not(#\9) {
+.awsui_in-range_1mfbn_t4ar8_190:not(#\9) {
   background-color: var(--color-background-dropdown-item-selected-8l4mpk, #f2f8fd);
+  font-weight: 700;
 }
-.awsui_in-range_1mfbn_1oig3_190.awsui_in-range-border-top_1mfbn_1oig3_246:not(#\9)::after {
+.awsui_in-range_1mfbn_t4ar8_190.awsui_in-range-border-top_1mfbn_t4ar8_248:not(#\9)::after {
   border-top: var(--border-item-width-qbbbsa, 2px) solid var(--color-background-control-checked-9admlu, #0972d3);
 }
-.awsui_in-range_1mfbn_1oig3_190.awsui_in-range-border-right_1mfbn_1oig3_261:not(#\9)::after {
+.awsui_in-range_1mfbn_t4ar8_190.awsui_in-range-border-right_1mfbn_t4ar8_264:not(#\9)::after {
   border-right: var(--border-item-width-qbbbsa, 2px) solid var(--color-background-control-checked-9admlu, #0972d3);
 }
-.awsui_in-range_1mfbn_1oig3_190.awsui_in-range-border-bottom_1mfbn_1oig3_240:not(#\9)::after {
+.awsui_in-range_1mfbn_t4ar8_190.awsui_in-range-border-bottom_1mfbn_t4ar8_242:not(#\9)::after {
   border-bottom: var(--border-item-width-qbbbsa, 2px) solid var(--color-background-control-checked-9admlu, #0972d3);
 }
-.awsui_in-range_1mfbn_1oig3_190.awsui_in-range-border-left_1mfbn_1oig3_267:not(#\9)::after {
+.awsui_in-range_1mfbn_t4ar8_190.awsui_in-range-border-left_1mfbn_t4ar8_270:not(#\9)::after {
   border-left: var(--border-item-width-qbbbsa, 2px) solid var(--color-background-control-checked-9admlu, #0972d3);
 }
-.awsui_in-range_1mfbn_1oig3_190.awsui_in-range-border-top_1mfbn_1oig3_246.awsui_in-range-border-right_1mfbn_1oig3_261:not(#\9), .awsui_in-range_1mfbn_1oig3_190.awsui_in-range-border-top_1mfbn_1oig3_246.awsui_in-range-border-right_1mfbn_1oig3_261:not(#\9)::after {
+.awsui_in-range_1mfbn_t4ar8_190.awsui_in-range-border-top_1mfbn_t4ar8_248.awsui_in-range-border-right_1mfbn_t4ar8_264:not(#\9), .awsui_in-range_1mfbn_t4ar8_190.awsui_in-range-border-top_1mfbn_t4ar8_248.awsui_in-range-border-right_1mfbn_t4ar8_264:not(#\9)::after {
   border-top-right-radius: var(--border-radius-item-u2ibpi, 8px);
 }
-.awsui_in-range_1mfbn_1oig3_190.awsui_in-range-border-bottom_1mfbn_1oig3_240.awsui_in-range-border-right_1mfbn_1oig3_261:not(#\9), .awsui_in-range_1mfbn_1oig3_190.awsui_in-range-border-bottom_1mfbn_1oig3_240.awsui_in-range-border-right_1mfbn_1oig3_261:not(#\9)::after {
+.awsui_in-range_1mfbn_t4ar8_190.awsui_in-range-border-bottom_1mfbn_t4ar8_242.awsui_in-range-border-right_1mfbn_t4ar8_264:not(#\9), .awsui_in-range_1mfbn_t4ar8_190.awsui_in-range-border-bottom_1mfbn_t4ar8_242.awsui_in-range-border-right_1mfbn_t4ar8_264:not(#\9)::after {
   border-bottom-right-radius: var(--border-radius-item-u2ibpi, 8px);
 }
-.awsui_in-range_1mfbn_1oig3_190.awsui_in-range-border-bottom_1mfbn_1oig3_240.awsui_in-range-border-left_1mfbn_1oig3_267:not(#\9), .awsui_in-range_1mfbn_1oig3_190.awsui_in-range-border-bottom_1mfbn_1oig3_240.awsui_in-range-border-left_1mfbn_1oig3_267:not(#\9)::after {
+.awsui_in-range_1mfbn_t4ar8_190.awsui_in-range-border-bottom_1mfbn_t4ar8_242.awsui_in-range-border-left_1mfbn_t4ar8_270:not(#\9), .awsui_in-range_1mfbn_t4ar8_190.awsui_in-range-border-bottom_1mfbn_t4ar8_242.awsui_in-range-border-left_1mfbn_t4ar8_270:not(#\9)::after {
   border-bottom-left-radius: var(--border-radius-item-u2ibpi, 8px);
 }
-.awsui_in-range_1mfbn_1oig3_190.awsui_in-range-border-top_1mfbn_1oig3_246.awsui_in-range-border-left_1mfbn_1oig3_267:not(#\9), .awsui_in-range_1mfbn_1oig3_190.awsui_in-range-border-top_1mfbn_1oig3_246.awsui_in-range-border-left_1mfbn_1oig3_267:not(#\9)::after {
+.awsui_in-range_1mfbn_t4ar8_190.awsui_in-range-border-top_1mfbn_t4ar8_248.awsui_in-range-border-left_1mfbn_t4ar8_270:not(#\9), .awsui_in-range_1mfbn_t4ar8_190.awsui_in-range-border-top_1mfbn_t4ar8_248.awsui_in-range-border-left_1mfbn_t4ar8_270:not(#\9)::after {
   border-top-left-radius: var(--border-radius-item-u2ibpi, 8px);
 }

package/date-range-picker/calendar/grids/styles.selectors.js CHANGED Viewed

@@ -2,30 +2,30 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "grid": "awsui_grid_1mfbn_1oig3_97",
-  "grid-cell": "awsui_grid-cell_1mfbn_1oig3_102",
-  "day-header": "awsui_day-header_1mfbn_1oig3_109",
-  "week": "awsui_week_1mfbn_1oig3_117",
-  "day": "awsui_day_1mfbn_1oig3_109",
-  "day-inner": "awsui_day-inner_1mfbn_1oig3_160",
-  "in-first-row": "awsui_in-first-row_1mfbn_1oig3_165",
-  "in-previous-month": "awsui_in-previous-month_1mfbn_1oig3_165",
-  "last-day-of-month": "awsui_last-day-of-month_1mfbn_1oig3_169",
-  "in-next-month": "awsui_in-next-month_1mfbn_1oig3_173",
-  "in-first-column": "awsui_in-first-column_1mfbn_1oig3_177",
-  "in-current-month": "awsui_in-current-month_1mfbn_1oig3_180",
-  "enabled": "awsui_enabled_1mfbn_1oig3_184",
-  "in-range": "awsui_in-range_1mfbn_1oig3_190",
-  "end-date": "awsui_end-date_1mfbn_1oig3_190",
-  "start-date": "awsui_start-date_1mfbn_1oig3_190",
-  "no-range": "awsui_no-range_1mfbn_1oig3_190",
-  "selected": "awsui_selected_1mfbn_1oig3_197",
-  "today": "awsui_today_1mfbn_1oig3_201",
-  "range-start-date": "awsui_range-start-date_1mfbn_1oig3_237",
-  "in-range-border-bottom": "awsui_in-range-border-bottom_1mfbn_1oig3_240",
-  "range-end-date": "awsui_range-end-date_1mfbn_1oig3_243",
-  "in-range-border-top": "awsui_in-range-border-top_1mfbn_1oig3_246",
-  "in-range-border-right": "awsui_in-range-border-right_1mfbn_1oig3_261",
-  "in-range-border-left": "awsui_in-range-border-left_1mfbn_1oig3_267"
+  "grid": "awsui_grid_1mfbn_t4ar8_97",
+  "grid-cell": "awsui_grid-cell_1mfbn_t4ar8_102",
+  "day-header": "awsui_day-header_1mfbn_t4ar8_109",
+  "week": "awsui_week_1mfbn_t4ar8_117",
+  "day": "awsui_day_1mfbn_t4ar8_109",
+  "day-inner": "awsui_day-inner_1mfbn_t4ar8_160",
+  "in-first-row": "awsui_in-first-row_1mfbn_t4ar8_165",
+  "in-previous-month": "awsui_in-previous-month_1mfbn_t4ar8_165",
+  "last-day-of-month": "awsui_last-day-of-month_1mfbn_t4ar8_169",
+  "in-next-month": "awsui_in-next-month_1mfbn_t4ar8_173",
+  "in-first-column": "awsui_in-first-column_1mfbn_t4ar8_177",
+  "in-current-month": "awsui_in-current-month_1mfbn_t4ar8_180",
+  "enabled": "awsui_enabled_1mfbn_t4ar8_184",
+  "in-range": "awsui_in-range_1mfbn_t4ar8_190",
+  "end-date": "awsui_end-date_1mfbn_t4ar8_190",
+  "start-date": "awsui_start-date_1mfbn_t4ar8_190",
+  "no-range": "awsui_no-range_1mfbn_t4ar8_190",
+  "selected": "awsui_selected_1mfbn_t4ar8_197",
+  "today": "awsui_today_1mfbn_t4ar8_201",
+  "range-start-date": "awsui_range-start-date_1mfbn_t4ar8_239",
+  "in-range-border-bottom": "awsui_in-range-border-bottom_1mfbn_t4ar8_242",
+  "range-end-date": "awsui_range-end-date_1mfbn_t4ar8_245",
+  "in-range-border-top": "awsui_in-range-border-top_1mfbn_t4ar8_248",
+  "in-range-border-right": "awsui_in-range-border-right_1mfbn_t4ar8_264",
+  "in-range-border-left": "awsui_in-range-border-left_1mfbn_t4ar8_270"
 };

package/date-range-picker/calendar/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/date-range-picker/calendar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuE,MAAM,OAAO,CAAC;AAG5F,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAOhE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;~~AAU7D~~,MAAM,WAAW,iBAAiB;IAChC,CAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,CAAC,QAAQ,EAAE,IAAI,GAAG,IAAI,CAAC;CACxB;AAED,oBAAY,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAMjD,MAAM,WAAW,aAAc,SAAQ,kBAAkB;IACvD,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,aAAa,EAAE,oBAAoB,CAAC,qBAAqB,CAAC;IAC1D,iBAAiB,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,KAAK,IAAI,CAAC;IACvE,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,EAAE,oBAAoB,CAAC,WAAW,CAAC;IAC9C,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,cAAc,CAAC,MAAM,CAAC;IACvC,YAAY,EAAE,OAAO,CAAC;CACvB;;AAED,wBAAoC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/date-range-picker/calendar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuE,MAAM,OAAO,CAAC;AAG5F,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAOhE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAS7D,MAAM,WAAW,iBAAiB;IAChC,CAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,CAAC,QAAQ,EAAE,IAAI,GAAG,IAAI,CAAC;CACxB;AAED,oBAAY,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAMjD,MAAM,WAAW,aAAc,SAAQ,kBAAkB;IACvD,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,aAAa,EAAE,oBAAoB,CAAC,qBAAqB,CAAC;IAC1D,iBAAiB,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,KAAK,IAAI,CAAC;IACvE,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,EAAE,oBAAoB,CAAC,WAAW,CAAC;IAC9C,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,cAAc,CAAC,MAAM,CAAC;IACvC,YAAY,EAAE,OAAO,CAAC;CACvB;;AAED,wBAAoC"}

package/date-range-picker/calendar/index.js CHANGED Viewed

@@ -10,7 +10,6 @@ import InternalFormField from '../../form-field/internal';
 import InternalDateInput from '../../date-input/internal';
 import InternalTimeInput from '../../time-input/internal';
 import clsx from 'clsx';
-import { useUniqueId } from '../../internal/hooks/use-unique-id';
 import { getDateLabel, renderTimeLabel } from '../../calendar/utils/intl';
 import LiveRegion from '../../internal/components/live-region';
 import { normalizeStartOfWeek } from '../../calendar/utils/locales';
@@ -18,8 +17,8 @@ import { formatDate, formatTime, joinDateTime, parseDate } from '../../internal/
 import { getBaseDate } from '../../calendar/utils/navigation';
 export default forwardRef(Calendar);
 function Calendar(_a, ref) {
-    var _b, _c, _d;
-    var locale = _a.locale, startOfWeek = _a.startOfWeek, isDateEnabled = _a.isDateEnabled, onSelectDateRange = _a.onSelectDateRange, _e = _a.initialEndDate, initialEndDate = _e === void 0 ? '' : _e, _f = _a.initialStartDate, initialStartDate = _f === void 0 ? '' : _f, i18nStrings = _a.i18nStrings, dateOnly = _a.dateOnly, isSingleGrid = _a.isSingleGrid, timeInputFormat = _a.timeInputFormat;
+    var _b;
+    var locale = _a.locale, startOfWeek = _a.startOfWeek, isDateEnabled = _a.isDateEnabled, onSelectDateRange = _a.onSelectDateRange, _c = _a.initialEndDate, initialEndDate = _c === void 0 ? '' : _c, _d = _a.initialStartDate, initialStartDate = _d === void 0 ? '' : _d, i18nStrings = _a.i18nStrings, dateOnly = _a.dateOnly, isSingleGrid = _a.isSingleGrid, timeInputFormat = _a.timeInputFormat;
     var elementRef = useRef(null);
     var normalizedStartOfWeek = normalizeStartOfWeek(startOfWeek, locale);
     useImperativeHandle(ref, function () { return ({
@@ -30,16 +29,16 @@ function Calendar(_a, ref) {
             }
         }
     }); });
-    var _g = initialStartDate.split('T'), _h = _g[0], initialStartDateString = _h === void 0 ? '' : _h, _j = _g[1], initialStartTimeString = _j === void 0 ? '' : _j;
-    var _k = initialEndDate.split('T'), _l = _k[0], initialEndDateString = _l === void 0 ? '' : _l, _m = _k[1], initialEndTimeString = _m === void 0 ? '' : _m;
-    var _o = useState(initialStartDateString), startDateString = _o[0], setStartDateString = _o[1];
-    var _p = useState(initialStartTimeString), startTimeString = _p[0], setStartTimeString = _p[1];
-    var _q = useState(initialEndDateString), endDateString = _q[0], setEndDateString = _q[1];
-    var _r = useState(initialEndTimeString), endTimeString = _r[0], setEndTimeString = _r[1];
+    var _e = initialStartDate.split('T'), _f = _e[0], initialStartDateString = _f === void 0 ? '' : _f, _g = _e[1], initialStartTimeString = _g === void 0 ? '' : _g;
+    var _h = initialEndDate.split('T'), _j = _h[0], initialEndDateString = _j === void 0 ? '' : _j, _k = _h[1], initialEndTimeString = _k === void 0 ? '' : _k;
+    var _l = useState(initialStartDateString), startDateString = _l[0], setStartDateString = _l[1];
+    var _m = useState(initialStartTimeString), startTimeString = _m[0], setStartTimeString = _m[1];
+    var _o = useState(initialEndDateString), endDateString = _o[0], setEndDateString = _o[1];
+    var _p = useState(initialEndTimeString), endTimeString = _p[0], setEndTimeString = _p[1];
     var selectedStartDate = parseDate(startDateString, true);
     var selectedEndDate = parseDate(endDateString, true);
-    var _s = useState(''), announcement = _s[0], setAnnouncement = _s[1];
-    var _t = useState(function () {
+    var _q = useState(''), announcement = _q[0], setAnnouncement = _q[1];
+    var _r = useState(function () {
         if (startDateString) {
             var startDate = parseDate(startDateString);
             if (isSingleGrid) {
@@ -51,8 +50,8 @@ function Calendar(_a, ref) {
             return startOfMonth(parseDate(endDateString));
         }
         return startOfMonth(Date.now());
-    }), currentMonth = _t[0], setCurrentMonth = _t[1];
-    var _u = useState(function () {
+    }), currentMonth = _r[0], setCurrentMonth = _r[1];
+    var _s = useState(function () {
         if (selectedStartDate) {
             if (isSameMonth(selectedStartDate, currentMonth)) {
                 return selectedStartDate;
@@ -62,7 +61,7 @@ function Calendar(_a, ref) {
             }
         }
         return selectFocusedDate(selectedStartDate, currentMonth, isDateEnabled);
-    }), focusedDate = _u[0], setFocusedDate = _u[1];
+    }), focusedDate = _s[0], setFocusedDate = _s[1];
     useEffect(function () {
         // This effect "synchronizes" the local state update back up to the overall DateRangePicker component
         var startDate = joinDateTime(startDateString, startTimeString);
@@ -191,28 +190,25 @@ function Calendar(_a, ref) {
     var onChangeEndDate = function (e) {
         setEndDateString(e.detail.value);
     };
-    var constrainttextId = useUniqueId('awsui-area-date-range-picker');
-    constrainttextId = i18nStrings.dateTimeConstraintText ? constrainttextId : '';
     return (React.createElement(React.Fragment, null,
-        React.createElement(InternalSpaceBetween, { size: "m" },
-            React.createElement("div", { ref: elementRef, role: "application", className: clsx(styles.calendar, (_b = {},
+        React.createElement(InternalSpaceBetween, { size: "s" },
+            React.createElement("div", { ref: elementRef, className: clsx(styles.calendar, (_b = {},
                     _b[styles['one-grid']] = isSingleGrid,
                     _b)) },
                 React.createElement(CalendarHeader, { baseDate: currentMonth, locale: locale, onChangeMonth: onHeaderChangeMonthHandler, previousMonthLabel: i18nStrings.previousMonthAriaLabel, nextMonthLabel: i18nStrings.nextMonthAriaLabel, isSingleGrid: isSingleGrid }),
                 React.createElement(Grids, { isSingleGrid: isSingleGrid, locale: locale, baseDate: currentMonth, focusedDate: focusedDate, onFocusedDateChange: setFocusedDate, isDateEnabled: isDateEnabled, onSelectDate: onSelectDateHandler, onChangeMonth: setCurrentMonth, startOfWeek: normalizedStartOfWeek, todayAriaLabel: i18nStrings.todayAriaLabel, selectedStartDate: selectedStartDate, selectedEndDate: selectedEndDate })),
-            React.createElement(InternalSpaceBetween, { direction: "vertical", size: "xxs" },
-                React.createElement(InternalSpaceBetween, { size: "xs", direction: isSingleGrid ? 'vertical' : 'horizontal' },
-                    React.createElement("div", { className: clsx(styles['date-and-time-wrapper'], (_c = {}, _c[styles['date-only']] = dateOnly, _c)) },
+            React.createElement(InternalFormField, { constraintText: i18nStrings.dateTimeConstraintText },
+                React.createElement("div", { className: styles['date-and-time-container'] },
+                    React.createElement("div", { className: styles['date-and-time-wrapper'] },
                         React.createElement(InternalFormField, { label: i18nStrings.startDateLabel, stretch: true },
-                            React.createElement(InternalDateInput, { value: startDateString, className: styles['start-date-input'], onChange: onChangeStartDate, placeholder: "YYYY/MM/DD", ariaDescribedby: constrainttextId })),
+                            React.createElement(InternalDateInput, { value: startDateString, className: styles['start-date-input'], onChange: onChangeStartDate, placeholder: "YYYY/MM/DD" })),
                         !dateOnly && (React.createElement(InternalFormField, { label: i18nStrings.startTimeLabel, stretch: true },
-                            React.createElement(InternalTimeInput, { value: startTimeString, onChange: function (e) { return setStartTimeString(e.detail.value); }, format: timeInputFormat, placeholder: timeInputFormat, className: styles['start-time-input'], ariaDescribedby: constrainttextId })))),
-                    React.createElement("div", { className: clsx(styles['date-and-time-wrapper'], (_d = {}, _d[styles['date-only']] = dateOnly, _d)) },
+                            React.createElement(InternalTimeInput, { value: startTimeString, onChange: function (e) { return setStartTimeString(e.detail.value); }, format: timeInputFormat, placeholder: timeInputFormat, className: styles['start-time-input'] })))),
+                    React.createElement("div", { className: styles['date-and-time-wrapper'] },
                         React.createElement(InternalFormField, { label: i18nStrings.endDateLabel, stretch: true },
-                            React.createElement(InternalDateInput, { value: endDateString, className: styles['end-date-input'], onChange: onChangeEndDate, placeholder: "YYYY/MM/DD", ariaDescribedby: constrainttextId })),
+                            React.createElement(InternalDateInput, { value: endDateString, className: styles['end-date-input'], onChange: onChangeEndDate, placeholder: "YYYY/MM/DD" })),
                         !dateOnly && (React.createElement(InternalFormField, { label: i18nStrings.endTimeLabel, stretch: true },
-                            React.createElement(InternalTimeInput, { value: endTimeString, onChange: function (e) { return setEndTimeString(e.detail.value); }, format: timeInputFormat, placeholder: timeInputFormat, className: styles['end-time-input'], ariaDescribedby: constrainttextId }))))),
-                i18nStrings.dateTimeConstraintText && (React.createElement("div", { className: styles['date-and-time-constrainttext'], id: constrainttextId }, i18nStrings.dateTimeConstraintText)))),
+                            React.createElement(InternalTimeInput, { value: endTimeString, onChange: function (e) { return setEndTimeString(e.detail.value); }, format: timeInputFormat, placeholder: timeInputFormat, className: styles['end-time-input'] }))))))),
         React.createElement(LiveRegion, { className: styles['calendar-aria-live'] }, announcement)));
 }
 //# sourceMappingURL=index.js.map

package/date-range-picker/calendar/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/date-range-picker/calendar/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, { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport { addMonths, endOfDay, isBefore, startOfDay, startOfMonth, isAfter, isSameMonth } from 'date-fns';\nimport styles from '../styles.css.js';\nimport { BaseComponentProps } from '../../internal/base-component';\nimport { DateRangePickerProps, Focusable } from '../interfaces';\nimport CalendarHeader from './header';\nimport { Grids, selectFocusedDate } from './grids';\nimport InternalSpaceBetween from '../../space-between/internal';\nimport InternalFormField from '../../form-field/internal';\nimport { InputProps } from '../../input/interfaces';\nimport InternalDateInput from '../../date-input/internal';\nimport { TimeInputProps } from '../../time-input/interfaces';\nimport InternalTimeInput from '../../time-input/internal';\nimport clsx from 'clsx';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport { getDateLabel, renderTimeLabel } from '../../calendar/utils/intl';\nimport LiveRegion from '../../internal/components/live-region';\nimport { normalizeStartOfWeek } from '../../calendar/utils/locales';\nimport { formatDate, formatTime, joinDateTime, parseDate } from '../../internal/utils/date-time';\nimport { getBaseDate } from '../../calendar/utils/navigation';\n\nexport interface DateChangeHandler {\n (detail: Date): void;\n}\n\nexport interface MonthChangeHandler {\n (newMonth: Date): void;\n}\n\nexport type DayIndex = 0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n\ninterface HeaderChangeMonthHandler {\n (isPreviousButtonClick?: boolean): void;\n}\n\nexport interface CalendarProps extends BaseComponentProps {\n locale: string;\n startOfWeek: number \| undefined;\n isDateEnabled: DateRangePickerProps.IsDateEnabledFunction;\n onSelectDateRange: (value: DateRangePickerProps.AbsoluteValue) => void;\n initialStartDate: string \| undefined;\n initialEndDate: string \| undefined;\n i18nStrings: DateRangePickerProps.I18nStrings;\n dateOnly: boolean;\n timeInputFormat: TimeInputProps.Format;\n isSingleGrid: boolean;\n}\n\nexport default forwardRef(Calendar);\n\nfunction Calendar(\n {\n locale,\n startOfWeek,\n isDateEnabled,\n onSelectDateRange,\n initialEndDate = '',\n initialStartDate = '',\n i18nStrings,\n dateOnly,\n isSingleGrid,\n timeInputFormat,\n }: CalendarProps,\n ref: React.Ref<Focusable>\n) {\n const elementRef = useRef<HTMLDivElement>(null);\n\n const normalizedStartOfWeek = normalizeStartOfWeek(startOfWeek, locale);\n\n useImperativeHandle(ref, () => ({\n focus() {\n if (elementRef.current) {\n const prevButton = elementRef.current.getElementsByClassName(styles['calendar-prev-month-btn'])[0];\n (prevButton as undefined \| HTMLButtonElement)?.focus();\n }\n },\n }));\n\n const [initialStartDateString = '', initialStartTimeString = ''] = initialStartDate.split('T');\n const [initialEndDateString = '', initialEndTimeString = ''] = initialEndDate.split('T');\n\n const [startDateString, setStartDateString] = useState(initialStartDateString);\n const [startTimeString, setStartTimeString] = useState(initialStartTimeString);\n\n const [endDateString, setEndDateString] = useState(initialEndDateString);\n const [endTimeString, setEndTimeString] = useState(initialEndTimeString);\n\n const selectedStartDate = parseDate(startDateString, true);\n const selectedEndDate = parseDate(endDateString, true);\n\n const [announcement, setAnnouncement] = useState('');\n\n const [currentMonth, setCurrentMonth] = useState(() => {\n if (startDateString) {\n const startDate = parseDate(startDateString);\n if (isSingleGrid) {\n return startOfMonth(startDate);\n }\n return startOfMonth(addMonths(startDate, 1));\n }\n if (endDateString) {\n return startOfMonth(parseDate(endDateString));\n }\n return startOfMonth(Date.now());\n });\n\n const [focusedDate, setFocusedDate] = useState<Date \| null>(() => {\n if (selectedStartDate) {\n if (isSameMonth(selectedStartDate, currentMonth)) {\n return selectedStartDate;\n }\n if (!isSingleGrid && isSameMonth(selectedStartDate, addMonths(currentMonth, -1))) {\n return selectedStartDate;\n }\n }\n return selectFocusedDate(selectedStartDate, currentMonth, isDateEnabled);\n });\n\n useEffect(() => {\n // This effect \"synchronizes\" the local state update back up to the overall DateRangePicker component\n\n const startDate = joinDateTime(startDateString, startTimeString);\n const endDate = joinDateTime(endDateString, endTimeString);\n\n if (startDate !== initialStartDate \|\| endDate !== initialEndDate) {\n onSelectDateRange({\n startDate,\n endDate,\n type: 'absolute',\n });\n }\n }, [\n startDateString,\n startTimeString,\n endDateString,\n endTimeString,\n onSelectDateRange,\n initialStartDate,\n initialEndDate,\n ]);\n\n const onSelectDateHandler = (selectedDate: Date) => {\n // recommended to include the start/end time announced with the selection\n // because the user is not aware of the fact that a start/end time is also set as soon as they select a date\n const announceStart = (startDate: Date) => {\n return (\n i18nStrings.startDateLabel +\n ', ' +\n getDateLabel(locale, startDate) +\n ', ' +\n i18nStrings.startTimeLabel +\n ', ' +\n renderTimeLabel(locale, startDate, timeInputFormat) +\n '. '\n );\n };\n\n const announceEnd = (endDate: Date) => {\n return (\n i18nStrings.endDateLabel +\n ', ' +\n getDateLabel(locale, endDate) +\n ', ' +\n i18nStrings.endTimeLabel +\n ', ' +\n renderTimeLabel(locale, endDate, timeInputFormat) +\n '. '\n );\n };\n\n const announceRange = (startDate: Date, endDate: Date) => {\n if (!i18nStrings.renderSelectedAbsoluteRangeAriaLive) {\n return `${getDateLabel(locale, startDate)} – ${getDateLabel(locale, endDate)}`;\n }\n return i18nStrings.renderSelectedAbsoluteRangeAriaLive(\n getDateLabel(locale, startDate),\n getDateLabel(locale, endDate)\n );\n };\n\n // If both fields are empty, we set the start date\n if (!startDateString && !endDateString) {\n const startDate = startOfDay(selectedDate);\n setStartDateString(formatDate(startDate));\n setStartTimeString(formatTime(startDate));\n setAnnouncement(announceStart(startDate));\n return;\n }\n\n // If both fields are set, we start new\n if (startDateString && endDateString) {\n const startDate = startOfDay(selectedDate);\n setStartDateString(formatDate(startDate));\n setStartTimeString(formatTime(startDate));\n\n setEndDateString('');\n setEndTimeString('');\n setAnnouncement(announceStart(startDate));\n return;\n }\n\n // If only the END date is empty, we fill it (and swap dates if needed)\n if (startDateString && !endDateString) {\n const parsedStartDate = parseDate(startDateString);\n\n if (isBefore(selectedDate, parsedStartDate)) {\n // The user has selected the range backwards, so we swap start and end\n\n const startDate = startOfDay(selectedDate);\n const endDate = endOfDay(parsedStartDate);\n\n setStartDateString(formatDate(startDate));\n setStartTimeString(formatTime(startDate));\n\n setEndDateString(formatDate(endDate));\n setEndTimeString(formatTime(endDate));\n setAnnouncement(announceStart(startDate) + announceRange(startDate, endDate));\n } else {\n const endDate = endOfDay(selectedDate);\n setEndDateString(formatDate(endDate));\n setEndTimeString(formatTime(endDate));\n setAnnouncement(announceEnd(endDate) + announceRange(parsedStartDate, endDate));\n }\n return;\n }\n\n // If only the START date is empty, we fill it (and swap dates if needed)\n if (!startDateString && endDateString) {\n const existingEndDate = parseDate(endDateString);\n\n if (isAfter(selectedDate, existingEndDate)) {\n // The user has selected the range backwards, so we swap start and end\n\n const startDate = startOfDay(existingEndDate);\n const endDate = endOfDay(selectedDate);\n\n setStartDateString(formatDate(startDate));\n setStartTimeString(formatTime(startDate));\n\n setEndDateString(formatDate(endDate));\n setEndTimeString(formatTime(endDate));\n setAnnouncement(announceEnd(endDate) + announceRange(startDate, endDate));\n } else {\n const startDate = startOfDay(selectedDate);\n setStartDateString(formatDate(startDate));\n setStartTimeString(formatTime(startDate));\n setAnnouncement(announceStart(startDate) + announceRange(startDate, existingEndDate));\n }\n return;\n }\n // All possible conditions are covered above\n };\n\n const onHeaderChangeMonthHandler: HeaderChangeMonthHandler = isPrevious => {\n const newCurrentMonth = addMonths(currentMonth, isPrevious ? -1 : 1);\n setCurrentMonth(newCurrentMonth);\n\n const newBaseDateMonth = isSingleGrid ? newCurrentMonth : addMonths(newCurrentMonth, -1);\n const newBaseDate = getBaseDate(newBaseDateMonth, isDateEnabled);\n setFocusedDate(newBaseDate);\n };\n\n const onChangeStartDate: InputProps['onChange'] = e => {\n setStartDateString(e.detail.value);\n\n if (e.detail.value.length >= 8) {\n const newCurrentMonth = startOfMonth(parseDate(e.detail.value));\n setCurrentMonth(isSingleGrid ? newCurrentMonth : addMonths(newCurrentMonth, 1));\n }\n };\n\n const onChangeEndDate: InputProps['onChange'] = e => {\n setEndDateString(e.detail.value);\n };\n\n let constrainttextId = useUniqueId('awsui-area-date-range-picker');\n constrainttextId = i18nStrings.dateTimeConstraintText ? constrainttextId : '';\n\n return (\n <>\n <InternalSpaceBetween size=\"m\">\n {/* The application role is necessary for screen-readers to allow arrow navigation by default. */}\n <div\n ref={elementRef}\n role=\"application\"\n className={clsx(styles.calendar, {\n [styles['one-grid']]: isSingleGrid,\n })}\n >\n <CalendarHeader\n baseDate={currentMonth}\n locale={locale}\n onChangeMonth={onHeaderChangeMonthHandler}\n previousMonthLabel={i18nStrings.previousMonthAriaLabel}\n nextMonthLabel={i18nStrings.nextMonthAriaLabel}\n isSingleGrid={isSingleGrid}\n />\n\n <Grids\n isSingleGrid={isSingleGrid}\n locale={locale}\n baseDate={currentMonth}\n focusedDate={focusedDate}\n onFocusedDateChange={setFocusedDate}\n isDateEnabled={isDateEnabled}\n onSelectDate={onSelectDateHandler}\n onChangeMonth={setCurrentMonth}\n startOfWeek={normalizedStartOfWeek}\n todayAriaLabel={i18nStrings.todayAriaLabel}\n selectedStartDate={selectedStartDate}\n selectedEndDate={selectedEndDate}\n />\n </div>\n <InternalSpaceBetween direction=\"vertical\" size=\"xxs\">\n <InternalSpaceBetween size=\"xs\" direction={isSingleGrid ? 'vertical' : 'horizontal'}>\n <div className={clsx(styles['date-and-time-wrapper'], { [styles['date-only']]: dateOnly })}>\n <InternalFormField label={i18nStrings.startDateLabel} stretch={true}>\n <InternalDateInput\n value={startDateString}\n className={styles['start-date-input']}\n onChange={onChangeStartDate}\n placeholder=\"YYYY/MM/DD\"\n ariaDescribedby={constrainttextId}\n />\n </InternalFormField>\n {!dateOnly && (\n <InternalFormField label={i18nStrings.startTimeLabel} stretch={true}>\n <InternalTimeInput\n value={startTimeString}\n onChange={e => setStartTimeString(e.detail.value)}\n format={timeInputFormat}\n placeholder={timeInputFormat}\n className={styles['start-time-input']}\n ariaDescribedby={constrainttextId}\n />\n </InternalFormField>\n )}\n </div>\n\n <div className={clsx(styles['date-and-time-wrapper'], { [styles['date-only']]: dateOnly })}>\n <InternalFormField label={i18nStrings.endDateLabel} stretch={true}>\n <InternalDateInput\n value={endDateString}\n className={styles['end-date-input']}\n onChange={onChangeEndDate}\n placeholder=\"YYYY/MM/DD\"\n ariaDescribedby={constrainttextId}\n />\n </InternalFormField>\n {!dateOnly && (\n <InternalFormField label={i18nStrings.endTimeLabel} stretch={true}>\n <InternalTimeInput\n value={endTimeString}\n onChange={e => setEndTimeString(e.detail.value)}\n format={timeInputFormat}\n placeholder={timeInputFormat}\n className={styles['end-time-input']}\n ariaDescribedby={constrainttextId}\n />\n </InternalFormField>\n )}\n </div>\n </InternalSpaceBetween>\n {i18nStrings.dateTimeConstraintText && (\n <div className={styles['date-and-time-constrainttext']} id={constrainttextId}>\n {i18nStrings.dateTimeConstraintText}\n </div>\n )}\n </InternalSpaceBetween>\n </InternalSpaceBetween>\n <LiveRegion className={styles['calendar-aria-live']}>{announcement}</LiveRegion>\n </>\n );\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/date-range-picker/calendar/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, { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport { addMonths, endOfDay, isBefore, startOfDay, startOfMonth, isAfter, isSameMonth } from 'date-fns';\nimport styles from '../styles.css.js';\nimport { BaseComponentProps } from '../../internal/base-component';\nimport { DateRangePickerProps, Focusable } from '../interfaces';\nimport CalendarHeader from './header';\nimport { Grids, selectFocusedDate } from './grids';\nimport InternalSpaceBetween from '../../space-between/internal';\nimport InternalFormField from '../../form-field/internal';\nimport { InputProps } from '../../input/interfaces';\nimport InternalDateInput from '../../date-input/internal';\nimport { TimeInputProps } from '../../time-input/interfaces';\nimport InternalTimeInput from '../../time-input/internal';\nimport clsx from 'clsx';\nimport { getDateLabel, renderTimeLabel } from '../../calendar/utils/intl';\nimport LiveRegion from '../../internal/components/live-region';\nimport { normalizeStartOfWeek } from '../../calendar/utils/locales';\nimport { formatDate, formatTime, joinDateTime, parseDate } from '../../internal/utils/date-time';\nimport { getBaseDate } from '../../calendar/utils/navigation';\n\nexport interface DateChangeHandler {\n (detail: Date): void;\n}\n\nexport interface MonthChangeHandler {\n (newMonth: Date): void;\n}\n\nexport type DayIndex = 0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n\ninterface HeaderChangeMonthHandler {\n (isPreviousButtonClick?: boolean): void;\n}\n\nexport interface CalendarProps extends BaseComponentProps {\n locale: string;\n startOfWeek: number \| undefined;\n isDateEnabled: DateRangePickerProps.IsDateEnabledFunction;\n onSelectDateRange: (value: DateRangePickerProps.AbsoluteValue) => void;\n initialStartDate: string \| undefined;\n initialEndDate: string \| undefined;\n i18nStrings: DateRangePickerProps.I18nStrings;\n dateOnly: boolean;\n timeInputFormat: TimeInputProps.Format;\n isSingleGrid: boolean;\n}\n\nexport default forwardRef(Calendar);\n\nfunction Calendar(\n {\n locale,\n startOfWeek,\n isDateEnabled,\n onSelectDateRange,\n initialEndDate = '',\n initialStartDate = '',\n i18nStrings,\n dateOnly,\n isSingleGrid,\n timeInputFormat,\n }: CalendarProps,\n ref: React.Ref<Focusable>\n) {\n const elementRef = useRef<HTMLDivElement>(null);\n\n const normalizedStartOfWeek = normalizeStartOfWeek(startOfWeek, locale);\n\n useImperativeHandle(ref, () => ({\n focus() {\n if (elementRef.current) {\n const prevButton = elementRef.current.getElementsByClassName(styles['calendar-prev-month-btn'])[0];\n (prevButton as undefined \| HTMLButtonElement)?.focus();\n }\n },\n }));\n\n const [initialStartDateString = '', initialStartTimeString = ''] = initialStartDate.split('T');\n const [initialEndDateString = '', initialEndTimeString = ''] = initialEndDate.split('T');\n\n const [startDateString, setStartDateString] = useState(initialStartDateString);\n const [startTimeString, setStartTimeString] = useState(initialStartTimeString);\n\n const [endDateString, setEndDateString] = useState(initialEndDateString);\n const [endTimeString, setEndTimeString] = useState(initialEndTimeString);\n\n const selectedStartDate = parseDate(startDateString, true);\n const selectedEndDate = parseDate(endDateString, true);\n\n const [announcement, setAnnouncement] = useState('');\n\n const [currentMonth, setCurrentMonth] = useState(() => {\n if (startDateString) {\n const startDate = parseDate(startDateString);\n if (isSingleGrid) {\n return startOfMonth(startDate);\n }\n return startOfMonth(addMonths(startDate, 1));\n }\n if (endDateString) {\n return startOfMonth(parseDate(endDateString));\n }\n return startOfMonth(Date.now());\n });\n\n const [focusedDate, setFocusedDate] = useState<Date \| null>(() => {\n if (selectedStartDate) {\n if (isSameMonth(selectedStartDate, currentMonth)) {\n return selectedStartDate;\n }\n if (!isSingleGrid && isSameMonth(selectedStartDate, addMonths(currentMonth, -1))) {\n return selectedStartDate;\n }\n }\n return selectFocusedDate(selectedStartDate, currentMonth, isDateEnabled);\n });\n\n useEffect(() => {\n // This effect \"synchronizes\" the local state update back up to the overall DateRangePicker component\n\n const startDate = joinDateTime(startDateString, startTimeString);\n const endDate = joinDateTime(endDateString, endTimeString);\n\n if (startDate !== initialStartDate \|\| endDate !== initialEndDate) {\n onSelectDateRange({\n startDate,\n endDate,\n type: 'absolute',\n });\n }\n }, [\n startDateString,\n startTimeString,\n endDateString,\n endTimeString,\n onSelectDateRange,\n initialStartDate,\n initialEndDate,\n ]);\n\n const onSelectDateHandler = (selectedDate: Date) => {\n // recommended to include the start/end time announced with the selection\n // because the user is not aware of the fact that a start/end time is also set as soon as they select a date\n const announceStart = (startDate: Date) => {\n return (\n i18nStrings.startDateLabel +\n ', ' +\n getDateLabel(locale, startDate) +\n ', ' +\n i18nStrings.startTimeLabel +\n ', ' +\n renderTimeLabel(locale, startDate, timeInputFormat) +\n '. '\n );\n };\n\n const announceEnd = (endDate: Date) => {\n return (\n i18nStrings.endDateLabel +\n ', ' +\n getDateLabel(locale, endDate) +\n ', ' +\n i18nStrings.endTimeLabel +\n ', ' +\n renderTimeLabel(locale, endDate, timeInputFormat) +\n '. '\n );\n };\n\n const announceRange = (startDate: Date, endDate: Date) => {\n if (!i18nStrings.renderSelectedAbsoluteRangeAriaLive) {\n return `${getDateLabel(locale, startDate)} – ${getDateLabel(locale, endDate)}`;\n }\n return i18nStrings.renderSelectedAbsoluteRangeAriaLive(\n getDateLabel(locale, startDate),\n getDateLabel(locale, endDate)\n );\n };\n\n // If both fields are empty, we set the start date\n if (!startDateString && !endDateString) {\n const startDate = startOfDay(selectedDate);\n setStartDateString(formatDate(startDate));\n setStartTimeString(formatTime(startDate));\n setAnnouncement(announceStart(startDate));\n return;\n }\n\n // If both fields are set, we start new\n if (startDateString && endDateString) {\n const startDate = startOfDay(selectedDate);\n setStartDateString(formatDate(startDate));\n setStartTimeString(formatTime(startDate));\n\n setEndDateString('');\n setEndTimeString('');\n setAnnouncement(announceStart(startDate));\n return;\n }\n\n // If only the END date is empty, we fill it (and swap dates if needed)\n if (startDateString && !endDateString) {\n const parsedStartDate = parseDate(startDateString);\n\n if (isBefore(selectedDate, parsedStartDate)) {\n // The user has selected the range backwards, so we swap start and end\n\n const startDate = startOfDay(selectedDate);\n const endDate = endOfDay(parsedStartDate);\n\n setStartDateString(formatDate(startDate));\n setStartTimeString(formatTime(startDate));\n\n setEndDateString(formatDate(endDate));\n setEndTimeString(formatTime(endDate));\n setAnnouncement(announceStart(startDate) + announceRange(startDate, endDate));\n } else {\n const endDate = endOfDay(selectedDate);\n setEndDateString(formatDate(endDate));\n setEndTimeString(formatTime(endDate));\n setAnnouncement(announceEnd(endDate) + announceRange(parsedStartDate, endDate));\n }\n return;\n }\n\n // If only the START date is empty, we fill it (and swap dates if needed)\n if (!startDateString && endDateString) {\n const existingEndDate = parseDate(endDateString);\n\n if (isAfter(selectedDate, existingEndDate)) {\n // The user has selected the range backwards, so we swap start and end\n\n const startDate = startOfDay(existingEndDate);\n const endDate = endOfDay(selectedDate);\n\n setStartDateString(formatDate(startDate));\n setStartTimeString(formatTime(startDate));\n\n setEndDateString(formatDate(endDate));\n setEndTimeString(formatTime(endDate));\n setAnnouncement(announceEnd(endDate) + announceRange(startDate, endDate));\n } else {\n const startDate = startOfDay(selectedDate);\n setStartDateString(formatDate(startDate));\n setStartTimeString(formatTime(startDate));\n setAnnouncement(announceStart(startDate) + announceRange(startDate, existingEndDate));\n }\n return;\n }\n // All possible conditions are covered above\n };\n\n const onHeaderChangeMonthHandler: HeaderChangeMonthHandler = isPrevious => {\n const newCurrentMonth = addMonths(currentMonth, isPrevious ? -1 : 1);\n setCurrentMonth(newCurrentMonth);\n\n const newBaseDateMonth = isSingleGrid ? newCurrentMonth : addMonths(newCurrentMonth, -1);\n const newBaseDate = getBaseDate(newBaseDateMonth, isDateEnabled);\n setFocusedDate(newBaseDate);\n };\n\n const onChangeStartDate: InputProps['onChange'] = e => {\n setStartDateString(e.detail.value);\n\n if (e.detail.value.length >= 8) {\n const newCurrentMonth = startOfMonth(parseDate(e.detail.value));\n setCurrentMonth(isSingleGrid ? newCurrentMonth : addMonths(newCurrentMonth, 1));\n }\n };\n\n const onChangeEndDate: InputProps['onChange'] = e => {\n setEndDateString(e.detail.value);\n };\n\n return (\n <>\n <InternalSpaceBetween size=\"s\">\n <div\n ref={elementRef}\n className={clsx(styles.calendar, {\n [styles['one-grid']]: isSingleGrid,\n })}\n >\n <CalendarHeader\n baseDate={currentMonth}\n locale={locale}\n onChangeMonth={onHeaderChangeMonthHandler}\n previousMonthLabel={i18nStrings.previousMonthAriaLabel}\n nextMonthLabel={i18nStrings.nextMonthAriaLabel}\n isSingleGrid={isSingleGrid}\n />\n\n <Grids\n isSingleGrid={isSingleGrid}\n locale={locale}\n baseDate={currentMonth}\n focusedDate={focusedDate}\n onFocusedDateChange={setFocusedDate}\n isDateEnabled={isDateEnabled}\n onSelectDate={onSelectDateHandler}\n onChangeMonth={setCurrentMonth}\n startOfWeek={normalizedStartOfWeek}\n todayAriaLabel={i18nStrings.todayAriaLabel}\n selectedStartDate={selectedStartDate}\n selectedEndDate={selectedEndDate}\n />\n </div>\n <InternalFormField constraintText={i18nStrings.dateTimeConstraintText}>\n <div className={styles['date-and-time-container']}>\n <div className={styles['date-and-time-wrapper']}>\n <InternalFormField label={i18nStrings.startDateLabel} stretch={true}>\n <InternalDateInput\n value={startDateString}\n className={styles['start-date-input']}\n onChange={onChangeStartDate}\n placeholder=\"YYYY/MM/DD\"\n />\n </InternalFormField>\n {!dateOnly && (\n <InternalFormField label={i18nStrings.startTimeLabel} stretch={true}>\n <InternalTimeInput\n value={startTimeString}\n onChange={e => setStartTimeString(e.detail.value)}\n format={timeInputFormat}\n placeholder={timeInputFormat}\n className={styles['start-time-input']}\n />\n </InternalFormField>\n )}\n </div>\n\n <div className={styles['date-and-time-wrapper']}>\n <InternalFormField label={i18nStrings.endDateLabel} stretch={true}>\n <InternalDateInput\n value={endDateString}\n className={styles['end-date-input']}\n onChange={onChangeEndDate}\n placeholder=\"YYYY/MM/DD\"\n />\n </InternalFormField>\n {!dateOnly && (\n <InternalFormField label={i18nStrings.endTimeLabel} stretch={true}>\n <InternalTimeInput\n value={endTimeString}\n onChange={e => setEndTimeString(e.detail.value)}\n format={timeInputFormat}\n placeholder={timeInputFormat}\n className={styles['end-time-input']}\n />\n </InternalFormField>\n )}\n </div>\n </div>\n </InternalFormField>\n </InternalSpaceBetween>\n <LiveRegion className={styles['calendar-aria-live']}>{announcement}</LiveRegion>\n </>\n );\n}\n"]}

package/date-range-picker/index.js CHANGED Viewed

@@ -33,7 +33,7 @@ function renderDateRange(range, placeholder, formatRelativeRange, timeOffset) {
         return (React.createElement("span", { className: styles['label-text'], "aria-disabled": true }, placeholder));
     }
     var formatted = range.type === 'relative' ? (formatRelativeRange(range)) : (React.createElement(BreakSpaces, { text: formatDateRange(range.startDate, range.endDate, timeOffset) }));
-    return (React.createElement(InternalBox, { fontWeight: "normal", display: "inline", color: "inherit" }, formatted));
+    return (React.createElement(InternalBox, { fontWeight: "normal", display: "inline", color: "inherit", variant: "span" }, formatted));
 }
 function BreakSpaces(_a) {
     var text = _a.text;