@cloudscape-design/components-themeable 3.0.777 → 3.0.779

package/lib/internal/template/date-range-picker/calendar/grids/styles.scoped.css

@@ -142,212 +142,212 @@ 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_17uwd_145:not(#\9) {
-  inline-size: var(--size-calendar-grid-width-m7rthz, 234px);
+.awsui_grid_1mfbn_9z230_145:not(#\9) {
+  inline-size: var(--size-calendar-grid-width-arud77, 234px);
   border-spacing: 0;
 }
 
-.awsui_grid-cell_1mfbn_17uwd_150:not(#\9) {
+.awsui_grid-cell_1mfbn_9z230_150:not(#\9) {
   inline-size: 14.2857142857%;
   word-break: break-word;
   text-align: center;
   font-weight: unset;
 }
 
-.awsui_day-header_1mfbn_17uwd_157:not(#\9) {
-  padding-block-start: var(--space-s-2025hl, 12px);
-  padding-block-end: var(--space-xxs-9rrxti, 4px);
+.awsui_day-header_1mfbn_9z230_157:not(#\9) {
+  padding-block-start: var(--space-s-vmutj3, 12px);
+  padding-block-end: var(--space-xxs-y2432o, 4px);
   padding-inline: 0;
-  color: var(--color-text-calendar-month-omri7j, #545b64);
-  font-size: var(--font-size-body-s-533prh, 12px);
-  line-height: var(--line-height-body-s-n0pazd, 16px);
-  letter-spacing: var(--letter-spacing-body-s-nkvets, normal);
+  color: var(--color-text-calendar-month-cv9ryf, #545b64);
+  font-size: var(--font-size-body-s-4dzx5q, 12px);
+  line-height: var(--line-height-body-s-egzl4q, 16px);
+  letter-spacing: var(--letter-spacing-body-s-cbaxyl, normal);
 }
 
-.awsui_week_1mfbn_17uwd_167:not(#\9) {
+.awsui_week_1mfbn_9z230_167:not(#\9) {
   /* used for identifying element */
 }
 
-.awsui_day_1mfbn_17uwd_157:not(#\9) {
-  border-block-end: 1px solid var(--color-border-calendar-grid-2ab4m1, #eaeded);
-  border-inline-end: 1px solid var(--color-border-calendar-grid-2ab4m1, #eaeded);
-  padding-block: var(--space-xxs-9rrxti, 4px);
+.awsui_day_1mfbn_9z230_157:not(#\9) {
+  border-block-end: 1px solid var(--color-border-calendar-grid-3f7bvh, #eaeded);
+  border-inline-end: 1px solid var(--color-border-calendar-grid-3f7bvh, #eaeded);
+  padding-block: var(--space-xxs-y2432o, 4px);
   padding-inline: 0;
-  color: var(--color-text-dropdown-item-disabled-mnz3s7, #aab7b8);
+  color: var(--color-text-dropdown-item-disabled-gk1x2u, #aab7b8);
   position: relative;
 }
-.awsui_day_1mfbn_17uwd_157:not(#\9):focus {
+.awsui_day_1mfbn_9z230_157:not(#\9):focus {
   outline: none;
 }
-.awsui_day_1mfbn_17uwd_157:not(#\9)::after {
+.awsui_day_1mfbn_9z230_157:not(#\9)::after {
   content: "";
   position: absolute;
   z-index: 1;
-  inset-block-start: calc(-1 * var(--border-item-width-0zxiwv, 1px));
+  inset-block-start: calc(-1 * var(--border-item-width-bjacxs, 1px));
   inset-block-end: -1px;
   inset-inline-start: -1px;
-  inset-inline-end: calc(-1 * var(--border-item-width-0zxiwv, 1px));
+  inset-inline-end: calc(-1 * var(--border-item-width-bjacxs, 1px));
   background-color: transparent;
 }
-body[data-awsui-focus-visible=true] .awsui_day_1mfbn_17uwd_157:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_day_1mfbn_9z230_157:not(#\9):focus {
   z-index: 2;
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_day_1mfbn_17uwd_157:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_day_1mfbn_9z230_157:not(#\9):focus {
   outline: 2px dotted transparent;
-  outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-pkb6ov, 0px) - 1px);
+  outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-xwymmd, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_day_1mfbn_17uwd_157:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_day_1mfbn_9z230_157:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
-  inset-inline-start: calc(-1 * var(--space-calendar-grid-focus-outline-gutter-pkb6ov, 0px));
-  inset-block-start: calc(-1 * var(--space-calendar-grid-focus-outline-gutter-pkb6ov, 0px));
-  inline-size: calc(100% + var(--space-calendar-grid-focus-outline-gutter-pkb6ov, 0px) + var(--space-calendar-grid-focus-outline-gutter-pkb6ov, 0px));
-  block-size: calc(100% + var(--space-calendar-grid-focus-outline-gutter-pkb6ov, 0px) + var(--space-calendar-grid-focus-outline-gutter-pkb6ov, 0px));
-  border-start-start-radius: var(--border-radius-calendar-day-focus-ring-6ckim2, 2px);
-  border-start-end-radius: var(--border-radius-calendar-day-focus-ring-6ckim2, 2px);
-  border-end-start-radius: var(--border-radius-calendar-day-focus-ring-6ckim2, 2px);
-  border-end-end-radius: var(--border-radius-calendar-day-focus-ring-6ckim2, 2px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-7jb69s, #0073bb);
-}
-.awsui_day_1mfbn_17uwd_157 > .awsui_day-inner_1mfbn_17uwd_214:not(#\9) {
+  inset-inline-start: calc(-1 * var(--space-calendar-grid-focus-outline-gutter-xwymmd, 0px));
+  inset-block-start: calc(-1 * var(--space-calendar-grid-focus-outline-gutter-xwymmd, 0px));
+  inline-size: calc(100% + var(--space-calendar-grid-focus-outline-gutter-xwymmd, 0px) + var(--space-calendar-grid-focus-outline-gutter-xwymmd, 0px));
+  block-size: calc(100% + var(--space-calendar-grid-focus-outline-gutter-xwymmd, 0px) + var(--space-calendar-grid-focus-outline-gutter-xwymmd, 0px));
+  border-start-start-radius: var(--border-radius-calendar-day-focus-ring-wmrhyj, 2px);
+  border-start-end-radius: var(--border-radius-calendar-day-focus-ring-wmrhyj, 2px);
+  border-end-start-radius: var(--border-radius-calendar-day-focus-ring-wmrhyj, 2px);
+  border-end-end-radius: var(--border-radius-calendar-day-focus-ring-wmrhyj, 2px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
+}
+.awsui_day_1mfbn_9z230_157 > .awsui_day-inner_1mfbn_9z230_214:not(#\9) {
   position: relative;
   z-index: 1;
 }
 
-.awsui_in-first-row_1mfbn_17uwd_219:not(#\9):not(.awsui_in-previous-month_1mfbn_17uwd_219) {
-  border-block-start: 1px solid var(--color-border-calendar-grid-2ab4m1, #eaeded);
+.awsui_in-first-row_1mfbn_9z230_219:not(#\9):not(.awsui_in-previous-month_1mfbn_9z230_219) {
+  border-block-start: 1px solid var(--color-border-calendar-grid-3f7bvh, #eaeded);
 }
 
-.awsui_in-previous-month_1mfbn_17uwd_219:not(#\9):not(.awsui_last-day-of-month_1mfbn_17uwd_223) {
+.awsui_in-previous-month_1mfbn_9z230_219:not(#\9):not(.awsui_last-day-of-month_1mfbn_9z230_223) {
   border-inline-end-color: transparent;
 }
 
-.awsui_in-next-month_1mfbn_17uwd_227:not(#\9) {
+.awsui_in-next-month_1mfbn_9z230_227:not(#\9) {
   border-color: transparent;
 }
 
-.awsui_in-first-column_1mfbn_17uwd_231:not(#\9) {
+.awsui_in-first-column_1mfbn_9z230_231:not(#\9) {
   border-inline-start: 1px solid transparent;
 }
-.awsui_in-first-column_1mfbn_17uwd_231.awsui_in-current-month_1mfbn_17uwd_234:not(#\9) {
-  border-inline-start: 1px solid var(--color-border-calendar-grid-2ab4m1, #eaeded);
+.awsui_in-first-column_1mfbn_9z230_231.awsui_in-current-month_1mfbn_9z230_234:not(#\9) {
+  border-inline-start: 1px solid var(--color-border-calendar-grid-3f7bvh, #eaeded);
 }
 
-.awsui_enabled_1mfbn_17uwd_238:not(#\9) {
+.awsui_enabled_1mfbn_9z230_238:not(#\9) {
   cursor: pointer;
 }
-.awsui_enabled_1mfbn_17uwd_238.awsui_in-current-month_1mfbn_17uwd_234:not(#\9) {
-  color: var(--color-text-dropdown-item-default-qbzqwe, #16191f);
+.awsui_enabled_1mfbn_9z230_238.awsui_in-current-month_1mfbn_9z230_234:not(#\9) {
+  color: var(--color-text-dropdown-item-default-o6jy8o, #16191f);
 }
-.awsui_enabled_1mfbn_17uwd_238.awsui_in-current-month_1mfbn_17uwd_234:not(#\9):not(.awsui_in-range_1mfbn_17uwd_244), .awsui_enabled_1mfbn_17uwd_238.awsui_in-current-month_1mfbn_17uwd_234:not(#\9):not(.awsui_in-range_1mfbn_17uwd_244)::after, .awsui_enabled_1mfbn_17uwd_238.awsui_in-current-month_1mfbn_17uwd_234.awsui_end-date_1mfbn_17uwd_244.awsui_start-date_1mfbn_17uwd_244:not(#\9), .awsui_enabled_1mfbn_17uwd_238.awsui_in-current-month_1mfbn_17uwd_234.awsui_end-date_1mfbn_17uwd_244.awsui_start-date_1mfbn_17uwd_244:not(#\9)::after, .awsui_enabled_1mfbn_17uwd_238.awsui_in-current-month_1mfbn_17uwd_234.awsui_no-range_1mfbn_17uwd_244:not(#\9), .awsui_enabled_1mfbn_17uwd_238.awsui_in-current-month_1mfbn_17uwd_234.awsui_no-range_1mfbn_17uwd_244:not(#\9)::after {
-  border-start-start-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-start-end-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-end-start-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-end-end-radius: var(--border-radius-item-jsz3j8, 0px);
+.awsui_enabled_1mfbn_9z230_238.awsui_in-current-month_1mfbn_9z230_234:not(#\9):not(.awsui_in-range_1mfbn_9z230_244), .awsui_enabled_1mfbn_9z230_238.awsui_in-current-month_1mfbn_9z230_234:not(#\9):not(.awsui_in-range_1mfbn_9z230_244)::after, .awsui_enabled_1mfbn_9z230_238.awsui_in-current-month_1mfbn_9z230_234.awsui_end-date_1mfbn_9z230_244.awsui_start-date_1mfbn_9z230_244:not(#\9), .awsui_enabled_1mfbn_9z230_238.awsui_in-current-month_1mfbn_9z230_234.awsui_end-date_1mfbn_9z230_244.awsui_start-date_1mfbn_9z230_244:not(#\9)::after, .awsui_enabled_1mfbn_9z230_238.awsui_in-current-month_1mfbn_9z230_234.awsui_no-range_1mfbn_9z230_244:not(#\9), .awsui_enabled_1mfbn_9z230_238.awsui_in-current-month_1mfbn_9z230_234.awsui_no-range_1mfbn_9z230_244:not(#\9)::after {
+  border-start-start-radius: var(--border-radius-item-q4wr0w, 0px);
+  border-start-end-radius: var(--border-radius-item-q4wr0w, 0px);
+  border-end-start-radius: var(--border-radius-item-q4wr0w, 0px);
+  border-end-end-radius: var(--border-radius-item-q4wr0w, 0px);
 }
-.awsui_enabled_1mfbn_17uwd_238.awsui_in-current-month_1mfbn_17uwd_234:not(#\9):hover {
-  color: var(--color-text-calendar-date-hover-5m22fz, #16191f);
-  background-color: var(--color-background-dropdown-item-hover-n95f74, #f2f3f3);
+.awsui_enabled_1mfbn_9z230_238.awsui_in-current-month_1mfbn_9z230_234:not(#\9):hover {
+  color: var(--color-text-calendar-date-hover-tw9220, #16191f);
+  background-color: var(--color-background-dropdown-item-hover-r5jqv1, #f2f3f3);
 }
-.awsui_enabled_1mfbn_17uwd_238.awsui_in-current-month_1mfbn_17uwd_234:not(#\9):hover:not(.awsui_selected_1mfbn_17uwd_254)::after {
-  border-block: var(--border-item-width-0zxiwv, 1px) solid var(--color-border-dropdown-item-hover-38gqzc, #879596);
-  border-inline: var(--border-item-width-0zxiwv, 1px) solid var(--color-border-dropdown-item-hover-38gqzc, #879596);
+.awsui_enabled_1mfbn_9z230_238.awsui_in-current-month_1mfbn_9z230_234:not(#\9):hover:not(.awsui_selected_1mfbn_9z230_254)::after {
+  border-block: var(--border-item-width-bjacxs, 1px) solid var(--color-border-dropdown-item-hover-69t7jr, #879596);
+  border-inline: var(--border-item-width-bjacxs, 1px) solid var(--color-border-dropdown-item-hover-69t7jr, #879596);
 }
 
-.awsui_today_1mfbn_17uwd_259:not(#\9):not(.awsui_in-range_1mfbn_17uwd_244) {
-  background-color: var(--color-background-calendar-current-date-5fswaq, #f2f3f3);
-  border-start-start-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-start-end-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-end-start-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-end-end-radius: var(--border-radius-item-jsz3j8, 0px);
+.awsui_today_1mfbn_9z230_259:not(#\9):not(.awsui_in-range_1mfbn_9z230_244) {
+  background-color: var(--color-background-calendar-current-date-du8mmf, #f2f3f3);
+  border-start-start-radius: var(--border-radius-item-q4wr0w, 0px);
+  border-start-end-radius: var(--border-radius-item-q4wr0w, 0px);
+  border-end-start-radius: var(--border-radius-item-q4wr0w, 0px);
+  border-end-end-radius: var(--border-radius-item-q4wr0w, 0px);
   font-weight: 700;
 }
 
-.awsui_selected_1mfbn_17uwd_254:not(#\9) {
+.awsui_selected_1mfbn_9z230_254:not(#\9) {
   border-color: transparent;
   position: relative;
   z-index: 2;
   font-weight: 700;
 }
-body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_17uwd_254:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_9z230_254:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_17uwd_254:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_9z230_254:not(#\9):focus {
   outline: 2px dotted transparent;
-  outline-offset: calc(var(--space-calendar-grid-selected-focus-outline-gutter-3hk571, 2px) - 1px);
+  outline-offset: calc(var(--space-calendar-grid-selected-focus-outline-gutter-alnmsa, 2px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_17uwd_254:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_9z230_254:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
-  inset-inline-start: calc(-1 * var(--space-calendar-grid-selected-focus-outline-gutter-3hk571, 2px));
-  inset-block-start: calc(-1 * var(--space-calendar-grid-selected-focus-outline-gutter-3hk571, 2px));
-  inline-size: calc(100% + var(--space-calendar-grid-selected-focus-outline-gutter-3hk571, 2px) + var(--space-calendar-grid-selected-focus-outline-gutter-3hk571, 2px));
-  block-size: calc(100% + var(--space-calendar-grid-selected-focus-outline-gutter-3hk571, 2px) + var(--space-calendar-grid-selected-focus-outline-gutter-3hk571, 2px));
-  border-start-start-radius: var(--border-radius-calendar-day-focus-ring-6ckim2, 2px);
-  border-start-end-radius: var(--border-radius-calendar-day-focus-ring-6ckim2, 2px);
-  border-end-start-radius: var(--border-radius-calendar-day-focus-ring-6ckim2, 2px);
-  border-end-end-radius: var(--border-radius-calendar-day-focus-ring-6ckim2, 2px);
-  box-shadow: 0 0 0 2px var(--color-border-calendar-grid-selected-focus-ring-fg8q4g, #0073bb);
-}
-body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_17uwd_254:not(#\9):focus::before {
+  inset-inline-start: calc(-1 * var(--space-calendar-grid-selected-focus-outline-gutter-alnmsa, 2px));
+  inset-block-start: calc(-1 * var(--space-calendar-grid-selected-focus-outline-gutter-alnmsa, 2px));
+  inline-size: calc(100% + var(--space-calendar-grid-selected-focus-outline-gutter-alnmsa, 2px) + var(--space-calendar-grid-selected-focus-outline-gutter-alnmsa, 2px));
+  block-size: calc(100% + var(--space-calendar-grid-selected-focus-outline-gutter-alnmsa, 2px) + var(--space-calendar-grid-selected-focus-outline-gutter-alnmsa, 2px));
+  border-start-start-radius: var(--border-radius-calendar-day-focus-ring-wmrhyj, 2px);
+  border-start-end-radius: var(--border-radius-calendar-day-focus-ring-wmrhyj, 2px);
+  border-end-start-radius: var(--border-radius-calendar-day-focus-ring-wmrhyj, 2px);
+  border-end-end-radius: var(--border-radius-calendar-day-focus-ring-wmrhyj, 2px);
+  box-shadow: 0 0 0 2px var(--color-border-calendar-grid-selected-focus-ring-faye0i, #0073bb);
+}
+body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_9z230_254:not(#\9):focus::before {
   z-index: 1;
 }
-.awsui_selected_1mfbn_17uwd_254:not(#\9)::after {
-  background-color: var(--color-background-control-checked-o6tstc, #0073bb);
-  border-block: var(--border-item-width-0zxiwv, 1px) solid var(--color-background-control-checked-o6tstc, #0073bb);
-  border-inline: var(--border-item-width-0zxiwv, 1px) solid var(--color-background-control-checked-o6tstc, #0073bb);
+.awsui_selected_1mfbn_9z230_254:not(#\9)::after {
+  background-color: var(--color-background-control-checked-aeun6h, #0073bb);
+  border-block: var(--border-item-width-bjacxs, 1px) solid var(--color-background-control-checked-aeun6h, #0073bb);
+  border-inline: var(--border-item-width-bjacxs, 1px) solid var(--color-background-control-checked-aeun6h, #0073bb);
   z-index: 0;
 }
-.awsui_selected_1mfbn_17uwd_254.awsui_start-date_1mfbn_17uwd_244:not(#\9), .awsui_selected_1mfbn_17uwd_254.awsui_start-date_1mfbn_17uwd_244:not(#\9)::after, .awsui_selected_1mfbn_17uwd_254.awsui_range-start-date_1mfbn_17uwd_304:not(#\9), .awsui_selected_1mfbn_17uwd_254.awsui_range-start-date_1mfbn_17uwd_304:not(#\9)::after {
-  border-start-start-radius: var(--border-radius-item-jsz3j8, 0px);
+.awsui_selected_1mfbn_9z230_254.awsui_start-date_1mfbn_9z230_244:not(#\9), .awsui_selected_1mfbn_9z230_254.awsui_start-date_1mfbn_9z230_244:not(#\9)::after, .awsui_selected_1mfbn_9z230_254.awsui_range-start-date_1mfbn_9z230_304:not(#\9), .awsui_selected_1mfbn_9z230_254.awsui_range-start-date_1mfbn_9z230_304:not(#\9)::after {
+  border-start-start-radius: var(--border-radius-item-q4wr0w, 0px);
 }
-.awsui_selected_1mfbn_17uwd_254.awsui_start-date_1mfbn_17uwd_244.awsui_in-range-border-bottom_1mfbn_17uwd_307:not(#\9), .awsui_selected_1mfbn_17uwd_254.awsui_start-date_1mfbn_17uwd_244.awsui_in-range-border-bottom_1mfbn_17uwd_307:not(#\9)::after, .awsui_selected_1mfbn_17uwd_254.awsui_range-start-date_1mfbn_17uwd_304.awsui_in-range-border-bottom_1mfbn_17uwd_307:not(#\9), .awsui_selected_1mfbn_17uwd_254.awsui_range-start-date_1mfbn_17uwd_304.awsui_in-range-border-bottom_1mfbn_17uwd_307:not(#\9)::after {
-  border-end-start-radius: var(--border-radius-item-jsz3j8, 0px);
+.awsui_selected_1mfbn_9z230_254.awsui_start-date_1mfbn_9z230_244.awsui_in-range-border-bottom_1mfbn_9z230_307:not(#\9), .awsui_selected_1mfbn_9z230_254.awsui_start-date_1mfbn_9z230_244.awsui_in-range-border-bottom_1mfbn_9z230_307:not(#\9)::after, .awsui_selected_1mfbn_9z230_254.awsui_range-start-date_1mfbn_9z230_304.awsui_in-range-border-bottom_1mfbn_9z230_307:not(#\9), .awsui_selected_1mfbn_9z230_254.awsui_range-start-date_1mfbn_9z230_304.awsui_in-range-border-bottom_1mfbn_9z230_307:not(#\9)::after {
+  border-end-start-radius: var(--border-radius-item-q4wr0w, 0px);
 }
-.awsui_selected_1mfbn_17uwd_254.awsui_end-date_1mfbn_17uwd_244:not(#\9), .awsui_selected_1mfbn_17uwd_254.awsui_end-date_1mfbn_17uwd_244:not(#\9)::after, .awsui_selected_1mfbn_17uwd_254.awsui_range-end-date_1mfbn_17uwd_310:not(#\9), .awsui_selected_1mfbn_17uwd_254.awsui_range-end-date_1mfbn_17uwd_310:not(#\9)::after {
-  border-end-end-radius: var(--border-radius-item-jsz3j8, 0px);
+.awsui_selected_1mfbn_9z230_254.awsui_end-date_1mfbn_9z230_244:not(#\9), .awsui_selected_1mfbn_9z230_254.awsui_end-date_1mfbn_9z230_244:not(#\9)::after, .awsui_selected_1mfbn_9z230_254.awsui_range-end-date_1mfbn_9z230_310:not(#\9), .awsui_selected_1mfbn_9z230_254.awsui_range-end-date_1mfbn_9z230_310:not(#\9)::after {
+  border-end-end-radius: var(--border-radius-item-q4wr0w, 0px);
 }
-.awsui_selected_1mfbn_17uwd_254.awsui_end-date_1mfbn_17uwd_244.awsui_in-range-border-top_1mfbn_17uwd_313:not(#\9), .awsui_selected_1mfbn_17uwd_254.awsui_end-date_1mfbn_17uwd_244.awsui_in-range-border-top_1mfbn_17uwd_313:not(#\9)::after, .awsui_selected_1mfbn_17uwd_254.awsui_range-end-date_1mfbn_17uwd_310.awsui_in-range-border-top_1mfbn_17uwd_313:not(#\9), .awsui_selected_1mfbn_17uwd_254.awsui_range-end-date_1mfbn_17uwd_310.awsui_in-range-border-top_1mfbn_17uwd_313:not(#\9)::after {
-  border-start-end-radius: var(--border-radius-item-jsz3j8, 0px);
+.awsui_selected_1mfbn_9z230_254.awsui_end-date_1mfbn_9z230_244.awsui_in-range-border-top_1mfbn_9z230_313:not(#\9), .awsui_selected_1mfbn_9z230_254.awsui_end-date_1mfbn_9z230_244.awsui_in-range-border-top_1mfbn_9z230_313:not(#\9)::after, .awsui_selected_1mfbn_9z230_254.awsui_range-end-date_1mfbn_9z230_310.awsui_in-range-border-top_1mfbn_9z230_313:not(#\9), .awsui_selected_1mfbn_9z230_254.awsui_range-end-date_1mfbn_9z230_310.awsui_in-range-border-top_1mfbn_9z230_313:not(#\9)::after {
+  border-start-end-radius: var(--border-radius-item-q4wr0w, 0px);
 }
-.awsui_selected_1mfbn_17uwd_254 > .awsui_day-inner_1mfbn_17uwd_214:not(#\9) {
-  color: var(--color-background-control-default-nfjmqs, #ffffff);
+.awsui_selected_1mfbn_9z230_254 > .awsui_day-inner_1mfbn_9z230_214:not(#\9) {
+  color: var(--color-background-control-default-mfefru, #ffffff);
   position: relative;
   z-index: 2;
 }
 
-.awsui_in-range_1mfbn_17uwd_244:not(#\9) {
-  background-color: var(--color-background-dropdown-item-selected-wpab75, #f1faff);
+.awsui_in-range_1mfbn_9z230_244:not(#\9) {
+  background-color: var(--color-background-dropdown-item-selected-i187hy, #f1faff);
   font-weight: 700;
 }
-.awsui_in-range_1mfbn_17uwd_244.awsui_in-range-border-block-start_1mfbn_17uwd_326:not(#\9)::after {
-  border-block-start: var(--border-item-width-0zxiwv, 1px) solid var(--color-background-control-checked-o6tstc, #0073bb);
+.awsui_in-range_1mfbn_9z230_244.awsui_in-range-border-block-start_1mfbn_9z230_326:not(#\9)::after {
+  border-block-start: var(--border-item-width-bjacxs, 1px) solid var(--color-background-control-checked-aeun6h, #0073bb);
 }
-.awsui_in-range_1mfbn_17uwd_244.awsui_in-range-border-inline-end_1mfbn_17uwd_329:not(#\9)::after {
-  border-inline-end: var(--border-item-width-0zxiwv, 1px) solid var(--color-background-control-checked-o6tstc, #0073bb);
+.awsui_in-range_1mfbn_9z230_244.awsui_in-range-border-inline-end_1mfbn_9z230_329:not(#\9)::after {
+  border-inline-end: var(--border-item-width-bjacxs, 1px) solid var(--color-background-control-checked-aeun6h, #0073bb);
 }
-.awsui_in-range_1mfbn_17uwd_244.awsui_in-range-border-block-end_1mfbn_17uwd_332:not(#\9)::after {
-  border-block-end: var(--border-item-width-0zxiwv, 1px) solid var(--color-background-control-checked-o6tstc, #0073bb);
+.awsui_in-range_1mfbn_9z230_244.awsui_in-range-border-block-end_1mfbn_9z230_332:not(#\9)::after {
+  border-block-end: var(--border-item-width-bjacxs, 1px) solid var(--color-background-control-checked-aeun6h, #0073bb);
 }
-.awsui_in-range_1mfbn_17uwd_244.awsui_in-range-border-inline-start_1mfbn_17uwd_335:not(#\9)::after {
-  border-inline-start: var(--border-item-width-0zxiwv, 1px) solid var(--color-background-control-checked-o6tstc, #0073bb);
+.awsui_in-range_1mfbn_9z230_244.awsui_in-range-border-inline-start_1mfbn_9z230_335:not(#\9)::after {
+  border-inline-start: var(--border-item-width-bjacxs, 1px) solid var(--color-background-control-checked-aeun6h, #0073bb);
 }
-.awsui_in-range_1mfbn_17uwd_244.awsui_in-range-border-block-start_1mfbn_17uwd_326.awsui_in-range-border-inline-end_1mfbn_17uwd_329:not(#\9), .awsui_in-range_1mfbn_17uwd_244.awsui_in-range-border-block-start_1mfbn_17uwd_326.awsui_in-range-border-inline-end_1mfbn_17uwd_329:not(#\9)::after {
-  border-start-end-radius: var(--border-radius-item-jsz3j8, 0px);
+.awsui_in-range_1mfbn_9z230_244.awsui_in-range-border-block-start_1mfbn_9z230_326.awsui_in-range-border-inline-end_1mfbn_9z230_329:not(#\9), .awsui_in-range_1mfbn_9z230_244.awsui_in-range-border-block-start_1mfbn_9z230_326.awsui_in-range-border-inline-end_1mfbn_9z230_329:not(#\9)::after {
+  border-start-end-radius: var(--border-radius-item-q4wr0w, 0px);
 }
-.awsui_in-range_1mfbn_17uwd_244.awsui_in-range-border-block-end_1mfbn_17uwd_332.awsui_in-range-border-inline-end_1mfbn_17uwd_329:not(#\9), .awsui_in-range_1mfbn_17uwd_244.awsui_in-range-border-block-end_1mfbn_17uwd_332.awsui_in-range-border-inline-end_1mfbn_17uwd_329:not(#\9)::after {
-  border-end-end-radius: var(--border-radius-item-jsz3j8, 0px);
+.awsui_in-range_1mfbn_9z230_244.awsui_in-range-border-block-end_1mfbn_9z230_332.awsui_in-range-border-inline-end_1mfbn_9z230_329:not(#\9), .awsui_in-range_1mfbn_9z230_244.awsui_in-range-border-block-end_1mfbn_9z230_332.awsui_in-range-border-inline-end_1mfbn_9z230_329:not(#\9)::after {
+  border-end-end-radius: var(--border-radius-item-q4wr0w, 0px);
 }
-.awsui_in-range_1mfbn_17uwd_244.awsui_in-range-border-block-end_1mfbn_17uwd_332.awsui_in-range-border-inline-start_1mfbn_17uwd_335:not(#\9), .awsui_in-range_1mfbn_17uwd_244.awsui_in-range-border-block-end_1mfbn_17uwd_332.awsui_in-range-border-inline-start_1mfbn_17uwd_335:not(#\9)::after {
-  border-end-start-radius: var(--border-radius-item-jsz3j8, 0px);
+.awsui_in-range_1mfbn_9z230_244.awsui_in-range-border-block-end_1mfbn_9z230_332.awsui_in-range-border-inline-start_1mfbn_9z230_335:not(#\9), .awsui_in-range_1mfbn_9z230_244.awsui_in-range-border-block-end_1mfbn_9z230_332.awsui_in-range-border-inline-start_1mfbn_9z230_335:not(#\9)::after {
+  border-end-start-radius: var(--border-radius-item-q4wr0w, 0px);
 }
-.awsui_in-range_1mfbn_17uwd_244.awsui_in-range-border-block-start_1mfbn_17uwd_326.awsui_in-range-border-inline-start_1mfbn_17uwd_335:not(#\9), .awsui_in-range_1mfbn_17uwd_244.awsui_in-range-border-block-start_1mfbn_17uwd_326.awsui_in-range-border-inline-start_1mfbn_17uwd_335:not(#\9)::after {
-  border-start-start-radius: var(--border-radius-item-jsz3j8, 0px);
+.awsui_in-range_1mfbn_9z230_244.awsui_in-range-border-block-start_1mfbn_9z230_326.awsui_in-range-border-inline-start_1mfbn_9z230_335:not(#\9), .awsui_in-range_1mfbn_9z230_244.awsui_in-range-border-block-start_1mfbn_9z230_326.awsui_in-range-border-inline-start_1mfbn_9z230_335:not(#\9)::after {
+  border-start-start-radius: var(--border-radius-item-q4wr0w, 0px);
 }
 
-.awsui_disabled-reason-tooltip_1mfbn_17uwd_351:not(#\9) {
+.awsui_disabled-reason-tooltip_1mfbn_9z230_351:not(#\9) {
   /* used in test-utils or tests */
 }

package/lib/internal/template/date-range-picker/calendar/grids/styles.selectors.js

@@ -2,33 +2,33 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "grid": "awsui_grid_1mfbn_17uwd_145",
-  "grid-cell": "awsui_grid-cell_1mfbn_17uwd_150",
-  "day-header": "awsui_day-header_1mfbn_17uwd_157",
-  "week": "awsui_week_1mfbn_17uwd_167",
-  "day": "awsui_day_1mfbn_17uwd_157",
-  "day-inner": "awsui_day-inner_1mfbn_17uwd_214",
-  "in-first-row": "awsui_in-first-row_1mfbn_17uwd_219",
-  "in-previous-month": "awsui_in-previous-month_1mfbn_17uwd_219",
-  "last-day-of-month": "awsui_last-day-of-month_1mfbn_17uwd_223",
-  "in-next-month": "awsui_in-next-month_1mfbn_17uwd_227",
-  "in-first-column": "awsui_in-first-column_1mfbn_17uwd_231",
-  "in-current-month": "awsui_in-current-month_1mfbn_17uwd_234",
-  "enabled": "awsui_enabled_1mfbn_17uwd_238",
-  "in-range": "awsui_in-range_1mfbn_17uwd_244",
-  "end-date": "awsui_end-date_1mfbn_17uwd_244",
-  "start-date": "awsui_start-date_1mfbn_17uwd_244",
-  "no-range": "awsui_no-range_1mfbn_17uwd_244",
-  "selected": "awsui_selected_1mfbn_17uwd_254",
-  "today": "awsui_today_1mfbn_17uwd_259",
-  "range-start-date": "awsui_range-start-date_1mfbn_17uwd_304",
-  "in-range-border-bottom": "awsui_in-range-border-bottom_1mfbn_17uwd_307",
-  "range-end-date": "awsui_range-end-date_1mfbn_17uwd_310",
-  "in-range-border-top": "awsui_in-range-border-top_1mfbn_17uwd_313",
-  "in-range-border-block-start": "awsui_in-range-border-block-start_1mfbn_17uwd_326",
-  "in-range-border-inline-end": "awsui_in-range-border-inline-end_1mfbn_17uwd_329",
-  "in-range-border-block-end": "awsui_in-range-border-block-end_1mfbn_17uwd_332",
-  "in-range-border-inline-start": "awsui_in-range-border-inline-start_1mfbn_17uwd_335",
-  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_1mfbn_17uwd_351"
+  "grid": "awsui_grid_1mfbn_9z230_145",
+  "grid-cell": "awsui_grid-cell_1mfbn_9z230_150",
+  "day-header": "awsui_day-header_1mfbn_9z230_157",
+  "week": "awsui_week_1mfbn_9z230_167",
+  "day": "awsui_day_1mfbn_9z230_157",
+  "day-inner": "awsui_day-inner_1mfbn_9z230_214",
+  "in-first-row": "awsui_in-first-row_1mfbn_9z230_219",
+  "in-previous-month": "awsui_in-previous-month_1mfbn_9z230_219",
+  "last-day-of-month": "awsui_last-day-of-month_1mfbn_9z230_223",
+  "in-next-month": "awsui_in-next-month_1mfbn_9z230_227",
+  "in-first-column": "awsui_in-first-column_1mfbn_9z230_231",
+  "in-current-month": "awsui_in-current-month_1mfbn_9z230_234",
+  "enabled": "awsui_enabled_1mfbn_9z230_238",
+  "in-range": "awsui_in-range_1mfbn_9z230_244",
+  "end-date": "awsui_end-date_1mfbn_9z230_244",
+  "start-date": "awsui_start-date_1mfbn_9z230_244",
+  "no-range": "awsui_no-range_1mfbn_9z230_244",
+  "selected": "awsui_selected_1mfbn_9z230_254",
+  "today": "awsui_today_1mfbn_9z230_259",
+  "range-start-date": "awsui_range-start-date_1mfbn_9z230_304",
+  "in-range-border-bottom": "awsui_in-range-border-bottom_1mfbn_9z230_307",
+  "range-end-date": "awsui_range-end-date_1mfbn_9z230_310",
+  "in-range-border-top": "awsui_in-range-border-top_1mfbn_9z230_313",
+  "in-range-border-block-start": "awsui_in-range-border-block-start_1mfbn_9z230_326",
+  "in-range-border-inline-end": "awsui_in-range-border-inline-end_1mfbn_9z230_329",
+  "in-range-border-block-end": "awsui_in-range-border-block-end_1mfbn_9z230_332",
+  "in-range-border-inline-start": "awsui_in-range-border-inline-start_1mfbn_9z230_335",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_1mfbn_9z230_351"
 };
   

package/lib/internal/template/date-range-picker/dropdown.d.ts

@@ -1,16 +1,12 @@
 /// <reference types="react" />
 import { DateRangePickerProps } from './interfaces';
 export declare const VALID_RANGE: DateRangePickerProps.ValidRangeResult;
-export interface DateRangePickerDropdownProps extends Pick<Required<DateRangePickerProps>, 'locale' | 'isDateEnabled' | 'dateDisabledReason' | 'isValidRange' | 'value' | 'relativeOptions' | 'showClearButton' | 'dateOnly' | 'timeInputFormat' | 'rangeSelectorMode'> {
+export interface DateRangePickerDropdownProps extends Pick<Required<DateRangePickerProps>, 'locale' | 'isDateEnabled' | 'dateDisabledReason' | 'isValidRange' | 'value' | 'relativeOptions' | 'showClearButton' | 'dateOnly' | 'timeInputFormat' | 'rangeSelectorMode'>, Pick<DateRangePickerProps, 'startOfWeek' | 'getTimeOffset' | 'timeOffset' | 'ariaLabelledby' | 'ariaDescribedby' | 'i18nStrings'> {
     onClear: () => void;
     onApply: (value: null | DateRangePickerProps.Value) => DateRangePickerProps.ValidationResult;
-    startOfWeek: number | undefined;
     onDropdownClose: () => void;
     isSingleGrid: boolean;
-    i18nStrings?: DateRangePickerProps.I18nStrings;
-    ariaLabelledby?: string;
-    ariaDescribedby?: string;
     customAbsoluteRangeControl: DateRangePickerProps.AbsoluteRangeControl | undefined;
 }
-export declare function DateRangePickerDropdown({ locale, startOfWeek, isDateEnabled, dateDisabledReason, isValidRange, value, onClear: clearValue, onApply: applyValue, onDropdownClose, relativeOptions, showClearButton, isSingleGrid, i18nStrings, dateOnly, timeInputFormat, rangeSelectorMode, ariaLabelledby, ariaDescribedby, customAbsoluteRangeControl, }: DateRangePickerDropdownProps): JSX.Element;
+export declare function DateRangePickerDropdown({ locale, startOfWeek, isDateEnabled, dateDisabledReason, isValidRange, value, onClear: clearValue, onApply: applyValue, getTimeOffset, timeOffset, onDropdownClose, relativeOptions, showClearButton, isSingleGrid, i18nStrings, dateOnly, timeInputFormat, rangeSelectorMode, ariaLabelledby, ariaDescribedby, customAbsoluteRangeControl, }: DateRangePickerDropdownProps): JSX.Element;
 //# sourceMappingURL=dropdown.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/date-range-picker/dropdown.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAOpD,eAAO,MAAM,WAAW,EAAE,oBAAoB,CAAC,gBAAkC,CAAC;AAElF,MAAM,WAAW,4BACf,SAAQ,IAAI,CACV,QAAQ,CAAC,oBAAoB,CAAC,EAC5B,QAAQ,GACR,eAAe,GACf,oBAAoB,GACpB,cAAc,GACd,OAAO,GACP,iBAAiB,GACjB,iBAAiB,GACjB,UAAU,GACV,iBAAiB,GACjB,mBAAmB,CACtB;IACD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,oBAAoB,CAAC,KAAK,KAAK,oBAAoB,CAAC,gBAAgB,CAAC;IAC7F,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,oBAAoB,CAAC,WAAW,CAAC;IAE/C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,0BAA0B,EAAE,oBAAoB,CAAC,oBAAoB,GAAG,SAAS,CAAC;CACnF;AAED,wBAAgB,uBAAuB,CAAC,EACtC,MAAW,EACX,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,KAAK,EACL,OAAO,EAAE,UAAU,EACnB,OAAO,EAAE,UAAU,EACnB,eAAe,EACf,eAAe,EACf,eAAe,EACf,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,0BAA0B,GAC3B,EAAE,4BAA4B,eA8L9B"}
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/date-range-picker/dropdown.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAQpD,eAAO,MAAM,WAAW,EAAE,oBAAoB,CAAC,gBAAkC,CAAC;AAElF,MAAM,WAAW,4BACf,SAAQ,IAAI,CACR,QAAQ,CAAC,oBAAoB,CAAC,EAC5B,QAAQ,GACR,eAAe,GACf,oBAAoB,GACpB,cAAc,GACd,OAAO,GACP,iBAAiB,GACjB,iBAAiB,GACjB,UAAU,GACV,iBAAiB,GACjB,mBAAmB,CACtB,EACD,IAAI,CACF,oBAAoB,EACpB,aAAa,GAAG,eAAe,GAAG,YAAY,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,aAAa,CACtG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,oBAAoB,CAAC,KAAK,KAAK,oBAAoB,CAAC,gBAAgB,CAAC;IAC7F,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,EAAE,OAAO,CAAC;IACtB,0BAA0B,EAAE,oBAAoB,CAAC,oBAAoB,GAAG,SAAS,CAAC;CACnF;AAED,wBAAgB,uBAAuB,CAAC,EACtC,MAAW,EACX,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,KAAK,EACL,OAAO,EAAE,UAAU,EACnB,OAAO,EAAE,UAAU,EACnB,aAAa,EACb,UAAU,EACV,eAAe,EACf,eAAe,EACf,eAAe,EACf,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,0BAA0B,GAC3B,EAAE,4BAA4B,eAoM9B"}

package/lib/internal/template/date-range-picker/dropdown.js

@@ -12,10 +12,11 @@ import InternalSpaceBetween from '../space-between/internal';
 import Calendar from './calendar';
 import ModeSwitcher from './mode-switcher';
 import RelativeRangePicker from './relative-range';
-import { getDefaultMode, joinAbsoluteValue, splitAbsoluteValue } from './utils';
+import { normalizeTimeOffset } from './time-offset';
+import { formatValue, getDefaultMode, joinAbsoluteValue, splitAbsoluteValue } from './utils';
 import styles from './styles.css.js';
 export const VALID_RANGE = { valid: true };
-export function DateRangePickerDropdown({ locale = '', startOfWeek, isDateEnabled, dateDisabledReason, isValidRange, value, onClear: clearValue, onApply: applyValue, onDropdownClose, relativeOptions, showClearButton, isSingleGrid, i18nStrings, dateOnly, timeInputFormat, rangeSelectorMode, ariaLabelledby, ariaDescribedby, customAbsoluteRangeControl, }) {
+export function DateRangePickerDropdown({ locale = '', startOfWeek, isDateEnabled, dateDisabledReason, isValidRange, value, onClear: clearValue, onApply: applyValue, getTimeOffset, timeOffset, onDropdownClose, relativeOptions, showClearButton, isSingleGrid, i18nStrings, dateOnly, timeInputFormat, rangeSelectorMode, ariaLabelledby, ariaDescribedby, customAbsoluteRangeControl, }) {
     const i18n = useInternalI18n('date-range-picker');
     const [rangeSelectionMode, setRangeSelectionMode] = useState(getDefaultMode(value, relativeOptions, rangeSelectorMode));
     const [selectedAbsoluteRange, setSelectedAbsoluteRange] = useState(() => splitAbsoluteValue((value === null || value === void 0 ? void 0 : value.type) === 'absolute' ? value : null));
@@ -47,7 +48,11 @@ export function DateRangePickerDropdown({ locale = '', startOfWeek, isDateEnable
     useEffect(() => {
         if (applyClicked) {
             const visibleRange = rangeSelectionMode === 'relative' ? selectedRelativeRange : joinAbsoluteValue(selectedAbsoluteRange);
-            const newValidationResult = isValidRange(visibleRange);
+            const formattedRange = formatValue(visibleRange, {
+                dateOnly,
+                timeOffset: normalizeTimeOffset(visibleRange, getTimeOffset, timeOffset),
+            });
+            const newValidationResult = isValidRange(formattedRange);
             setValidationResult(newValidationResult || VALID_RANGE);
         }
     }, [
@@ -57,6 +62,9 @@ export function DateRangePickerDropdown({ locale = '', startOfWeek, isDateEnable
         selectedRelativeRange,
         selectedAbsoluteRange,
         setValidationResult,
+        dateOnly,
+        getTimeOffset,
+        timeOffset,
     ]);
     useEffect(() => { var _a; return (_a = scrollableContainerRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, [scrollableContainerRef]);
     return (React.createElement(React.Fragment, null,

package/lib/internal/template/date-range-picker/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../src/date-range-picker/dropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport InternalAlert from '../alert/internal';\nimport InternalBox from '../box/internal';\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport FocusLock from '../internal/components/focus-lock';\nimport LiveRegion from '../internal/components/live-region';\nimport InternalSpaceBetween from '../space-between/internal';\nimport Calendar from './calendar';\nimport { DateRangePickerProps } from './interfaces';\nimport ModeSwitcher from './mode-switcher';\nimport RelativeRangePicker from './relative-range';\nimport { getDefaultMode, joinAbsoluteValue, splitAbsoluteValue } from './utils';\n\nimport styles from './styles.css.js';\n\nexport const VALID_RANGE: DateRangePickerProps.ValidRangeResult = { valid: true };\n\nexport interface DateRangePickerDropdownProps\n  extends Pick<\n    Required<DateRangePickerProps>,\n    | 'locale'\n    | 'isDateEnabled'\n    | 'dateDisabledReason'\n    | 'isValidRange'\n    | 'value'\n    | 'relativeOptions'\n    | 'showClearButton'\n    | 'dateOnly'\n    | 'timeInputFormat'\n    | 'rangeSelectorMode'\n  > {\n  onClear: () => void;\n  onApply: (value: null | DateRangePickerProps.Value) => DateRangePickerProps.ValidationResult;\n  startOfWeek: number | undefined;\n  onDropdownClose: () => void;\n  isSingleGrid: boolean;\n  i18nStrings?: DateRangePickerProps.I18nStrings;\n\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n  customAbsoluteRangeControl: DateRangePickerProps.AbsoluteRangeControl | undefined;\n}\n\nexport function DateRangePickerDropdown({\n  locale = '',\n  startOfWeek,\n  isDateEnabled,\n  dateDisabledReason,\n  isValidRange,\n  value,\n  onClear: clearValue,\n  onApply: applyValue,\n  onDropdownClose,\n  relativeOptions,\n  showClearButton,\n  isSingleGrid,\n  i18nStrings,\n  dateOnly,\n  timeInputFormat,\n  rangeSelectorMode,\n  ariaLabelledby,\n  ariaDescribedby,\n  customAbsoluteRangeControl,\n}: DateRangePickerDropdownProps) {\n  const i18n = useInternalI18n('date-range-picker');\n\n  const [rangeSelectionMode, setRangeSelectionMode] = useState<'absolute' | 'relative'>(\n    getDefaultMode(value, relativeOptions, rangeSelectorMode)\n  );\n\n  const [selectedAbsoluteRange, setSelectedAbsoluteRange] = useState<DateRangePickerProps.PendingAbsoluteValue>(() =>\n    splitAbsoluteValue(value?.type === 'absolute' ? value : null)\n  );\n\n  const [selectedRelativeRange, setSelectedRelativeRange] = useState<DateRangePickerProps.RelativeValue | null>(\n    value?.type === 'relative' ? value : null\n  );\n\n  const scrollableContainerRef = useRef<HTMLDivElement | null>(null);\n  const applyButtonRef = useRef<ButtonProps.Ref>(null);\n\n  const [applyClicked, setApplyClicked] = useState<boolean>(false);\n\n  const [validationResult, setValidationResult] = useState<\n    DateRangePickerProps.ValidRangeResult | DateRangePickerProps.InvalidRangeResult\n  >(VALID_RANGE);\n\n  const closeDropdown = () => {\n    setApplyClicked(false);\n    onDropdownClose();\n  };\n\n  const onClear = () => {\n    closeDropdown();\n    clearValue();\n  };\n\n  const onApply = () => {\n    const newValue =\n      rangeSelectionMode === 'relative' ? selectedRelativeRange : joinAbsoluteValue(selectedAbsoluteRange);\n    const newValidationResult = applyValue(newValue);\n    if (newValidationResult.valid === false) {\n      setApplyClicked(true);\n      setValidationResult(newValidationResult);\n    } else {\n      setApplyClicked(false);\n      closeDropdown();\n    }\n  };\n\n  useEffect(() => {\n    if (applyClicked) {\n      const visibleRange =\n        rangeSelectionMode === 'relative' ? selectedRelativeRange : joinAbsoluteValue(selectedAbsoluteRange);\n\n      const newValidationResult = isValidRange(visibleRange);\n      setValidationResult(newValidationResult || VALID_RANGE);\n    }\n  }, [\n    applyClicked,\n    isValidRange,\n    rangeSelectionMode,\n    selectedRelativeRange,\n    selectedAbsoluteRange,\n    setValidationResult,\n  ]);\n\n  useEffect(() => scrollableContainerRef.current?.focus(), [scrollableContainerRef]);\n\n  return (\n    <>\n      <FocusLock className={styles['focus-lock']} autoFocus={true}>\n        <div\n          ref={scrollableContainerRef}\n          className={styles.dropdown}\n          tabIndex={0}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label={i18nStrings?.ariaLabel}\n          aria-labelledby={ariaLabelledby ?? i18nStrings?.ariaLabelledby}\n          aria-describedby={ariaDescribedby ?? i18nStrings?.ariaDescribedby}\n        >\n          <div\n            className={clsx(styles['dropdown-content'], {\n              [styles['one-grid']]: isSingleGrid,\n            })}\n          >\n            <InternalSpaceBetween size=\"l\">\n              <InternalBox padding={{ top: 'm', horizontal: 'l' }}>\n                <InternalSpaceBetween direction=\"vertical\" size=\"s\">\n                  {rangeSelectorMode === 'default' && (\n                    <ModeSwitcher\n                      mode={rangeSelectionMode}\n                      onChange={(mode: 'absolute' | 'relative') => {\n                        setRangeSelectionMode(mode);\n                        setApplyClicked(false);\n                        setValidationResult(VALID_RANGE);\n                      }}\n                      i18nStrings={i18nStrings}\n                    />\n                  )}\n\n                  {rangeSelectionMode === 'absolute' && (\n                    <Calendar\n                      value={selectedAbsoluteRange}\n                      setValue={setSelectedAbsoluteRange}\n                      locale={locale}\n                      startOfWeek={startOfWeek}\n                      isDateEnabled={isDateEnabled}\n                      dateDisabledReason={dateDisabledReason}\n                      i18nStrings={i18nStrings}\n                      dateOnly={dateOnly}\n                      timeInputFormat={timeInputFormat}\n                      customAbsoluteRangeControl={customAbsoluteRangeControl}\n                    />\n                  )}\n\n                  {rangeSelectionMode === 'relative' && (\n                    <RelativeRangePicker\n                      isSingleGrid={isSingleGrid}\n                      options={relativeOptions}\n                      dateOnly={dateOnly}\n                      initialSelection={selectedRelativeRange}\n                      onChange={range => setSelectedRelativeRange(range)}\n                      i18nStrings={i18nStrings}\n                    />\n                  )}\n                </InternalSpaceBetween>\n\n                <InternalBox\n                  className={styles['validation-section']}\n                  margin={!validationResult.valid ? { top: 's' } : undefined}\n                >\n                  {!validationResult.valid && (\n                    <>\n                      <InternalAlert\n                        type=\"error\"\n                        statusIconAriaLabel={i18n('i18nStrings.errorIconAriaLabel', i18nStrings?.errorIconAriaLabel)}\n                      >\n                        <span className={styles['validation-error']}>{validationResult.errorMessage}</span>\n                      </InternalAlert>\n                      <LiveRegion>{validationResult.errorMessage}</LiveRegion>\n                    </>\n                  )}\n                </InternalBox>\n              </InternalBox>\n\n              <div\n                className={clsx(styles.footer, {\n                  [styles['one-grid']]: isSingleGrid,\n                  [styles['has-clear-button']]: showClearButton,\n                })}\n              >\n                {showClearButton && (\n                  <div className={styles['footer-button-wrapper']}>\n                    <InternalButton\n                      onClick={onClear}\n                      className={styles['clear-button']}\n                      variant=\"link\"\n                      formAction=\"none\"\n                    >\n                      {i18n('i18nStrings.clearButtonLabel', i18nStrings?.clearButtonLabel)}\n                    </InternalButton>\n                  </div>\n                )}\n                <div className={styles['footer-button-wrapper']}>\n                  <InternalSpaceBetween size=\"xs\" direction=\"horizontal\">\n                    <InternalButton\n                      onClick={closeDropdown}\n                      className={styles['cancel-button']}\n                      variant=\"link\"\n                      formAction=\"none\"\n                    >\n                      {i18n('i18nStrings.cancelButtonLabel', i18nStrings?.cancelButtonLabel)}\n                    </InternalButton>\n\n                    <InternalButton\n                      onClick={onApply}\n                      className={styles['apply-button']}\n                      ref={applyButtonRef}\n                      formAction=\"none\"\n                    >\n                      {i18n('i18nStrings.applyButtonLabel', i18nStrings?.applyButtonLabel)}\n                    </InternalButton>\n                  </InternalSpaceBetween>\n                </div>\n              </div>\n            </InternalSpaceBetween>\n          </div>\n        </div>\n      </FocusLock>\n    </>\n  );\n}\n"]}
+{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../src/date-range-picker/dropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport InternalAlert from '../alert/internal';\nimport InternalBox from '../box/internal';\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport FocusLock from '../internal/components/focus-lock';\nimport LiveRegion from '../internal/components/live-region';\nimport InternalSpaceBetween from '../space-between/internal';\nimport Calendar from './calendar';\nimport { DateRangePickerProps } from './interfaces';\nimport ModeSwitcher from './mode-switcher';\nimport RelativeRangePicker from './relative-range';\nimport { normalizeTimeOffset } from './time-offset';\nimport { formatValue, getDefaultMode, joinAbsoluteValue, splitAbsoluteValue } from './utils';\n\nimport styles from './styles.css.js';\n\nexport const VALID_RANGE: DateRangePickerProps.ValidRangeResult = { valid: true };\n\nexport interface DateRangePickerDropdownProps\n  extends Pick<\n      Required<DateRangePickerProps>,\n      | 'locale'\n      | 'isDateEnabled'\n      | 'dateDisabledReason'\n      | 'isValidRange'\n      | 'value'\n      | 'relativeOptions'\n      | 'showClearButton'\n      | 'dateOnly'\n      | 'timeInputFormat'\n      | 'rangeSelectorMode'\n    >,\n    Pick<\n      DateRangePickerProps,\n      'startOfWeek' | 'getTimeOffset' | 'timeOffset' | 'ariaLabelledby' | 'ariaDescribedby' | 'i18nStrings'\n    > {\n  onClear: () => void;\n  onApply: (value: null | DateRangePickerProps.Value) => DateRangePickerProps.ValidationResult;\n  onDropdownClose: () => void;\n  isSingleGrid: boolean;\n  customAbsoluteRangeControl: DateRangePickerProps.AbsoluteRangeControl | undefined;\n}\n\nexport function DateRangePickerDropdown({\n  locale = '',\n  startOfWeek,\n  isDateEnabled,\n  dateDisabledReason,\n  isValidRange,\n  value,\n  onClear: clearValue,\n  onApply: applyValue,\n  getTimeOffset,\n  timeOffset,\n  onDropdownClose,\n  relativeOptions,\n  showClearButton,\n  isSingleGrid,\n  i18nStrings,\n  dateOnly,\n  timeInputFormat,\n  rangeSelectorMode,\n  ariaLabelledby,\n  ariaDescribedby,\n  customAbsoluteRangeControl,\n}: DateRangePickerDropdownProps) {\n  const i18n = useInternalI18n('date-range-picker');\n\n  const [rangeSelectionMode, setRangeSelectionMode] = useState<'absolute' | 'relative'>(\n    getDefaultMode(value, relativeOptions, rangeSelectorMode)\n  );\n\n  const [selectedAbsoluteRange, setSelectedAbsoluteRange] = useState<DateRangePickerProps.PendingAbsoluteValue>(() =>\n    splitAbsoluteValue(value?.type === 'absolute' ? value : null)\n  );\n\n  const [selectedRelativeRange, setSelectedRelativeRange] = useState<DateRangePickerProps.RelativeValue | null>(\n    value?.type === 'relative' ? value : null\n  );\n\n  const scrollableContainerRef = useRef<HTMLDivElement | null>(null);\n  const applyButtonRef = useRef<ButtonProps.Ref>(null);\n\n  const [applyClicked, setApplyClicked] = useState<boolean>(false);\n\n  const [validationResult, setValidationResult] = useState<\n    DateRangePickerProps.ValidRangeResult | DateRangePickerProps.InvalidRangeResult\n  >(VALID_RANGE);\n\n  const closeDropdown = () => {\n    setApplyClicked(false);\n    onDropdownClose();\n  };\n\n  const onClear = () => {\n    closeDropdown();\n    clearValue();\n  };\n\n  const onApply = () => {\n    const newValue =\n      rangeSelectionMode === 'relative' ? selectedRelativeRange : joinAbsoluteValue(selectedAbsoluteRange);\n    const newValidationResult = applyValue(newValue);\n    if (newValidationResult.valid === false) {\n      setApplyClicked(true);\n      setValidationResult(newValidationResult);\n    } else {\n      setApplyClicked(false);\n      closeDropdown();\n    }\n  };\n\n  useEffect(() => {\n    if (applyClicked) {\n      const visibleRange =\n        rangeSelectionMode === 'relative' ? selectedRelativeRange : joinAbsoluteValue(selectedAbsoluteRange);\n      const formattedRange = formatValue(visibleRange, {\n        dateOnly,\n        timeOffset: normalizeTimeOffset(visibleRange, getTimeOffset, timeOffset),\n      });\n      const newValidationResult = isValidRange(formattedRange);\n      setValidationResult(newValidationResult || VALID_RANGE);\n    }\n  }, [\n    applyClicked,\n    isValidRange,\n    rangeSelectionMode,\n    selectedRelativeRange,\n    selectedAbsoluteRange,\n    setValidationResult,\n    dateOnly,\n    getTimeOffset,\n    timeOffset,\n  ]);\n\n  useEffect(() => scrollableContainerRef.current?.focus(), [scrollableContainerRef]);\n\n  return (\n    <>\n      <FocusLock className={styles['focus-lock']} autoFocus={true}>\n        <div\n          ref={scrollableContainerRef}\n          className={styles.dropdown}\n          tabIndex={0}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label={i18nStrings?.ariaLabel}\n          aria-labelledby={ariaLabelledby ?? i18nStrings?.ariaLabelledby}\n          aria-describedby={ariaDescribedby ?? i18nStrings?.ariaDescribedby}\n        >\n          <div\n            className={clsx(styles['dropdown-content'], {\n              [styles['one-grid']]: isSingleGrid,\n            })}\n          >\n            <InternalSpaceBetween size=\"l\">\n              <InternalBox padding={{ top: 'm', horizontal: 'l' }}>\n                <InternalSpaceBetween direction=\"vertical\" size=\"s\">\n                  {rangeSelectorMode === 'default' && (\n                    <ModeSwitcher\n                      mode={rangeSelectionMode}\n                      onChange={(mode: 'absolute' | 'relative') => {\n                        setRangeSelectionMode(mode);\n                        setApplyClicked(false);\n                        setValidationResult(VALID_RANGE);\n                      }}\n                      i18nStrings={i18nStrings}\n                    />\n                  )}\n\n                  {rangeSelectionMode === 'absolute' && (\n                    <Calendar\n                      value={selectedAbsoluteRange}\n                      setValue={setSelectedAbsoluteRange}\n                      locale={locale}\n                      startOfWeek={startOfWeek}\n                      isDateEnabled={isDateEnabled}\n                      dateDisabledReason={dateDisabledReason}\n                      i18nStrings={i18nStrings}\n                      dateOnly={dateOnly}\n                      timeInputFormat={timeInputFormat}\n                      customAbsoluteRangeControl={customAbsoluteRangeControl}\n                    />\n                  )}\n\n                  {rangeSelectionMode === 'relative' && (\n                    <RelativeRangePicker\n                      isSingleGrid={isSingleGrid}\n                      options={relativeOptions}\n                      dateOnly={dateOnly}\n                      initialSelection={selectedRelativeRange}\n                      onChange={range => setSelectedRelativeRange(range)}\n                      i18nStrings={i18nStrings}\n                    />\n                  )}\n                </InternalSpaceBetween>\n\n                <InternalBox\n                  className={styles['validation-section']}\n                  margin={!validationResult.valid ? { top: 's' } : undefined}\n                >\n                  {!validationResult.valid && (\n                    <>\n                      <InternalAlert\n                        type=\"error\"\n                        statusIconAriaLabel={i18n('i18nStrings.errorIconAriaLabel', i18nStrings?.errorIconAriaLabel)}\n                      >\n                        <span className={styles['validation-error']}>{validationResult.errorMessage}</span>\n                      </InternalAlert>\n                      <LiveRegion>{validationResult.errorMessage}</LiveRegion>\n                    </>\n                  )}\n                </InternalBox>\n              </InternalBox>\n\n              <div\n                className={clsx(styles.footer, {\n                  [styles['one-grid']]: isSingleGrid,\n                  [styles['has-clear-button']]: showClearButton,\n                })}\n              >\n                {showClearButton && (\n                  <div className={styles['footer-button-wrapper']}>\n                    <InternalButton\n                      onClick={onClear}\n                      className={styles['clear-button']}\n                      variant=\"link\"\n                      formAction=\"none\"\n                    >\n                      {i18n('i18nStrings.clearButtonLabel', i18nStrings?.clearButtonLabel)}\n                    </InternalButton>\n                  </div>\n                )}\n                <div className={styles['footer-button-wrapper']}>\n                  <InternalSpaceBetween size=\"xs\" direction=\"horizontal\">\n                    <InternalButton\n                      onClick={closeDropdown}\n                      className={styles['cancel-button']}\n                      variant=\"link\"\n                      formAction=\"none\"\n                    >\n                      {i18n('i18nStrings.cancelButtonLabel', i18nStrings?.cancelButtonLabel)}\n                    </InternalButton>\n\n                    <InternalButton\n                      onClick={onApply}\n                      className={styles['apply-button']}\n                      ref={applyButtonRef}\n                      formAction=\"none\"\n                    >\n                      {i18n('i18nStrings.applyButtonLabel', i18nStrings?.applyButtonLabel)}\n                    </InternalButton>\n                  </InternalSpaceBetween>\n                </div>\n              </div>\n            </InternalSpaceBetween>\n          </div>\n        </div>\n      </FocusLock>\n    </>\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-range-picker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAC;AA6BhE,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAMpD,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAuEhC,QAAA,MAAM,eAAe,uGA8PpB,CAAC;AAGF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-range-picker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAC;AA6BhE,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAMpD,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAuEhC,QAAA,MAAM,eAAe,uGAgQpB,CAAC;AAGF,eAAe,eAAe,CAAC"}

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

@@ -106,7 +106,11 @@ const DateRangePicker = React.forwardRef((_a, ref) => {
         fireNonCancelableEvent(onChange, { value: null });
     };
     const onApply = (newValue) => {
-        const validationResult = isValidRange(newValue);
+        const formattedValue = formatValue(newValue, {
+            dateOnly,
+            timeOffset: normalizeTimeOffset(newValue, getTimeOffset, timeOffset),
+        });
+        const validationResult = isValidRange(formattedValue);
         if ((validationResult === null || validationResult === void 0 ? void 0 : validationResult.valid) === false) {
             return validationResult;
         }
@@ -119,12 +123,7 @@ const DateRangePicker = React.forwardRef((_a, ref) => {
                 }
             }
         }
-        fireNonCancelableEvent(onChange, {
-            value: formatValue(newValue, {
-                dateOnly,
-                timeOffset: normalizeTimeOffset(newValue, getTimeOffset, timeOffset),
-            }),
-        });
+        fireNonCancelableEvent(onChange, { value: formattedValue });
         return validationResult || { valid: true };
     };
     const prevDateOnly = usePrevious(dateOnly);
@@ -171,7 +170,7 @@ const DateRangePicker = React.forwardRef((_a, ref) => {
     const mergedRef = useMergeRefs(rootRef, __internalRootRef);
     return (React.createElement("div", Object.assign({}, baseProps, { ref: mergedRef, className: clsx(baseProps.className, styles.root, absoluteFormat === 'long-localized' && !dateOnly && styles.wide), onKeyDown: onWrapperKeyDownHandler }),
         React.createElement(Dropdown, { stretchWidth: true, stretchHeight: true, open: isDropDownOpen, onDropdownClose: () => closeDropdown(), trigger: trigger, stretchToTriggerWidth: false, expandToViewport: expandToViewport, dropdownId: dropdownId },
-            React.createElement(ResetContextsForModal, null, isDropDownOpen && (React.createElement(DateRangePickerDropdown, { startOfWeek: startOfWeek, locale: normalizedLocale, isSingleGrid: isSingleGrid, onDropdownClose: () => closeDropdown(true), value: value, showClearButton: showClearButton, isDateEnabled: isDateEnabled, dateDisabledReason: dateDisabledReason, i18nStrings: i18nStrings, onClear: onClear, onApply: onApply, relativeOptions: relativeOptions, isValidRange: isValidRange, dateOnly: dateOnly, timeInputFormat: timeInputFormat, rangeSelectorMode: rangeSelectorMode, ariaLabelledby: ariaLabelledby, ariaDescribedby: ariaDescribedby, customAbsoluteRangeControl: customAbsoluteRangeControl }))))));
+            React.createElement(ResetContextsForModal, null, isDropDownOpen && (React.createElement(DateRangePickerDropdown, { startOfWeek: startOfWeek, locale: normalizedLocale, isSingleGrid: isSingleGrid, onDropdownClose: () => closeDropdown(true), value: value, showClearButton: showClearButton, isDateEnabled: isDateEnabled, dateDisabledReason: dateDisabledReason, i18nStrings: i18nStrings, onClear: onClear, onApply: onApply, getTimeOffset: getTimeOffset, timeOffset: timeOffset, relativeOptions: relativeOptions, isValidRange: isValidRange, dateOnly: dateOnly, timeInputFormat: timeInputFormat, rangeSelectorMode: rangeSelectorMode, ariaLabelledby: ariaLabelledby, ariaDescribedby: ariaDescribedby, customAbsoluteRangeControl: customAbsoluteRangeControl }))))));
 });
 applyDisplayName(DateRangePicker, 'DateRangePicker');
 export default DateRangePicker;