@cloudscape-design/components 3.0.59 → 3.0.61

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 (50) hide show
  1. package/attribute-editor/styles.scoped.css +4 -1
  2. package/breadcrumb-group/item/styles.scoped.css +2 -0
  3. package/calendar/grid/day/index.d.ts +2 -2
  4. package/calendar/grid/day/index.d.ts.map +1 -1
  5. package/calendar/grid/day/index.js +5 -4
  6. package/calendar/grid/day/index.js.map +1 -1
  7. package/calendar/grid/index.d.ts.map +1 -1
  8. package/calendar/grid/index.js.map +1 -1
  9. package/calendar/styles.css.js +20 -20
  10. package/calendar/styles.scoped.css +69 -41
  11. package/calendar/styles.selectors.js +20 -20
  12. package/date-input/internal.js +1 -1
  13. package/date-input/internal.js.map +1 -1
  14. package/date-range-picker/calendar/grids/day/styles.css.js +21 -21
  15. package/date-range-picker/calendar/grids/day/styles.scoped.css +41 -41
  16. package/date-range-picker/calendar/grids/day/styles.selectors.js +21 -21
  17. package/date-range-picker/calendar/index.js +23 -27
  18. package/date-range-picker/calendar/index.js.map +1 -1
  19. package/date-range-picker/styles.css.js +40 -41
  20. package/date-range-picker/styles.scoped.css +52 -53
  21. package/date-range-picker/styles.selectors.js +40 -41
  22. package/flashbar/flash.d.ts.map +1 -1
  23. package/flashbar/flash.js +2 -2
  24. package/flashbar/flash.js.map +1 -1
  25. package/flashbar/interfaces.d.ts +2 -0
  26. package/flashbar/interfaces.d.ts.map +1 -1
  27. package/flashbar/interfaces.js.map +1 -1
  28. package/help-panel/styles.scoped.css +2 -0
  29. package/input/internal.js +1 -1
  30. package/input/internal.js.map +1 -1
  31. package/internal/base-component/styles.scoped.css +0 -8
  32. package/internal/environment.js +1 -1
  33. package/link/styles.scoped.css +18 -1
  34. package/package.json +1 -1
  35. package/property-filter/interfaces.d.ts +1 -5
  36. package/property-filter/interfaces.d.ts.map +1 -1
  37. package/property-filter/interfaces.js.map +1 -1
  38. package/property-filter/styles.css.js +25 -30
  39. package/property-filter/styles.scoped.css +28 -56
  40. package/property-filter/styles.selectors.js +25 -30
  41. package/property-filter/token-editor.d.ts.map +1 -1
  42. package/property-filter/token-editor.js +13 -28
  43. package/property-filter/token-editor.js.map +1 -1
  44. package/property-filter/token.d.ts.map +1 -1
  45. package/property-filter/token.js.map +1 -1
  46. package/tag-editor/styles.scoped.css +2 -0
  47. package/text-content/styles.scoped.css +6 -1
  48. package/textarea/index.js +1 -1
  49. package/textarea/index.js.map +1 -1
  50. package/token-group/styles.scoped.css +2 -0
package/date-range-picker/calendar/grids/day/styles.scoped.css CHANGED
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_day_vci2l_19xqz_93:not(#\9) {
93
+ .awsui_day_vci2l_y5fby_93:not(#\9) {
94
94
  flex: 1 1 0%;
95
95
  width: 0;
96
96
  word-break: break-word;
@@ -101,10 +101,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
101
101
  color: var(--color-text-dropdown-item-disabled-varol7, #9ba7b6);
102
102
  position: relative;
103
103
  }
104
- .awsui_day_vci2l_19xqz_93:not(#\9):focus {
104
+ .awsui_day_vci2l_y5fby_93:not(#\9):focus {
105
105
  outline: none;
106
106
  }
107
- .awsui_day_vci2l_19xqz_93:not(#\9)::after {
107
+ .awsui_day_vci2l_y5fby_93:not(#\9)::after {
108
108
  content: "";
109
109
  position: absolute;
110
110
  z-index: 1;
@@ -114,19 +114,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
114
114
  right: calc(-1 * var(--border-item-width-qbbbsa, 2px));
115
115
  background-color: transparent;
116
116
  }
117
- .awsui_day_vci2l_19xqz_93 > .awsui_day-inner_vci2l_19xqz_117:not(#\9) {
118
- position: relative;
119
- z-index: 1;
120
- }
121
- .awsui_day_vci2l_19xqz_93[data-awsui-focus-visible=true]:not(#\9):focus {
117
+ .awsui_day_vci2l_y5fby_93[data-awsui-focus-visible=true]:not(#\9):focus {
122
118
  z-index: 2;
123
119
  position: relative;
124
120
  }
125
- .awsui_day_vci2l_19xqz_93[data-awsui-focus-visible=true]:not(#\9):focus {
121
+ .awsui_day_vci2l_y5fby_93[data-awsui-focus-visible=true]:not(#\9):focus {
126
122
  outline: 2px dotted transparent;
127
123
  outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-v3dwvl, -5px) - 1px);
128
124
  }
129
- .awsui_day_vci2l_19xqz_93[data-awsui-focus-visible=true]:not(#\9):focus::before {
125
+ .awsui_day_vci2l_y5fby_93[data-awsui-focus-visible=true]:not(#\9):focus::before {
130
126
  content: " ";
131
127
  display: block;
132
128
  position: absolute;
@@ -137,61 +133,65 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
137
133
  border-radius: var(--border-radius-calendar-day-focus-ring-a8mlqd, 3px);
138
134
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
139
135
  }
136
+ .awsui_day_vci2l_y5fby_93 > .awsui_day-inner_vci2l_y5fby_136:not(#\9) {
137
+ position: relative;
138
+ z-index: 1;
139
+ }
140
140
 
141
- .awsui_in-first-row_vci2l_19xqz_141:not(#\9):not(.awsui_in-previous-month_vci2l_19xqz_141) {
141
+ .awsui_in-first-row_vci2l_y5fby_141:not(#\9):not(.awsui_in-previous-month_vci2l_y5fby_141) {
142
142
  border-top: 1px solid var(--color-border-calendar-grid-sshunw, transparent);
143
143
  }
144
144
 
145
- .awsui_in-previous-month_vci2l_19xqz_141:not(#\9):not(.awsui_last-day-of-month_vci2l_19xqz_145) {
145
+ .awsui_in-previous-month_vci2l_y5fby_141:not(#\9):not(.awsui_last-day-of-month_vci2l_y5fby_145) {
146
146
  border-right-color: transparent;
147
147
  }
148
148
 
149
- .awsui_in-next-month_vci2l_19xqz_149:not(#\9) {
149
+ .awsui_in-next-month_vci2l_y5fby_149:not(#\9) {
150
150
  border-color: transparent;
151
151
  }
152
152
 
153
- .awsui_in-first-column_vci2l_19xqz_153:not(#\9) {
153
+ .awsui_in-first-column_vci2l_y5fby_153:not(#\9) {
154
154
  border-left: 1px solid transparent;
155
155
  }
156
- .awsui_in-first-column_vci2l_19xqz_153.awsui_in-current-month_vci2l_19xqz_156:not(#\9) {
156
+ .awsui_in-first-column_vci2l_y5fby_153.awsui_in-current-month_vci2l_y5fby_156:not(#\9) {
157
157
  border-left: 1px solid var(--color-border-calendar-grid-sshunw, transparent);
158
158
  }
159
159
 
160
- .awsui_enabled_vci2l_19xqz_160:not(#\9) {
160
+ .awsui_enabled_vci2l_y5fby_160:not(#\9) {
161
161
  cursor: pointer;
162
162
  }
163
- .awsui_enabled_vci2l_19xqz_160.awsui_in-current-month_vci2l_19xqz_156:not(#\9) {
163
+ .awsui_enabled_vci2l_y5fby_160.awsui_in-current-month_vci2l_y5fby_156:not(#\9) {
164
164
  color: var(--color-text-dropdown-item-default-7tg9p2, #000716);
165
165
  }
166
- .awsui_enabled_vci2l_19xqz_160.awsui_in-current-month_vci2l_19xqz_156:not(#\9):not(.awsui_in-range_vci2l_19xqz_166), .awsui_enabled_vci2l_19xqz_160.awsui_in-current-month_vci2l_19xqz_156:not(#\9):not(.awsui_in-range_vci2l_19xqz_166)::after, .awsui_enabled_vci2l_19xqz_160.awsui_in-current-month_vci2l_19xqz_156.awsui_end-date_vci2l_19xqz_166.awsui_start-date_vci2l_19xqz_166:not(#\9), .awsui_enabled_vci2l_19xqz_160.awsui_in-current-month_vci2l_19xqz_156.awsui_end-date_vci2l_19xqz_166.awsui_start-date_vci2l_19xqz_166:not(#\9)::after, .awsui_enabled_vci2l_19xqz_160.awsui_in-current-month_vci2l_19xqz_156.awsui_no-range_vci2l_19xqz_166:not(#\9), .awsui_enabled_vci2l_19xqz_160.awsui_in-current-month_vci2l_19xqz_156.awsui_no-range_vci2l_19xqz_166:not(#\9)::after {
166
+ .awsui_enabled_vci2l_y5fby_160.awsui_in-current-month_vci2l_y5fby_156:not(#\9):not(.awsui_in-range_vci2l_y5fby_166), .awsui_enabled_vci2l_y5fby_160.awsui_in-current-month_vci2l_y5fby_156:not(#\9):not(.awsui_in-range_vci2l_y5fby_166)::after, .awsui_enabled_vci2l_y5fby_160.awsui_in-current-month_vci2l_y5fby_156.awsui_end-date_vci2l_y5fby_166.awsui_start-date_vci2l_y5fby_166:not(#\9), .awsui_enabled_vci2l_y5fby_160.awsui_in-current-month_vci2l_y5fby_156.awsui_end-date_vci2l_y5fby_166.awsui_start-date_vci2l_y5fby_166:not(#\9)::after, .awsui_enabled_vci2l_y5fby_160.awsui_in-current-month_vci2l_y5fby_156.awsui_no-range_vci2l_y5fby_166:not(#\9), .awsui_enabled_vci2l_y5fby_160.awsui_in-current-month_vci2l_y5fby_156.awsui_no-range_vci2l_y5fby_166:not(#\9)::after {
167
167
  border-radius: var(--border-radius-item-u2ibpi, 8px);
168
168
  }
169
- .awsui_enabled_vci2l_19xqz_160.awsui_in-current-month_vci2l_19xqz_156:not(#\9):hover {
169
+ .awsui_enabled_vci2l_y5fby_160.awsui_in-current-month_vci2l_y5fby_156:not(#\9):hover {
170
170
  color: var(--color-text-calendar-day-hover-graajh, #000716);
171
171
  background-color: var(--color-background-dropdown-item-hover-mqsxkv, #f4f4f4);
172
172
  }
173
- .awsui_enabled_vci2l_19xqz_160.awsui_in-current-month_vci2l_19xqz_156:not(#\9):hover:not(.awsui_selected_vci2l_19xqz_173)::after {
173
+ .awsui_enabled_vci2l_y5fby_160.awsui_in-current-month_vci2l_y5fby_156:not(#\9):hover:not(.awsui_selected_vci2l_y5fby_173)::after {
174
174
  border: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-dropdown-item-hover-tyzq9m, #7d8998);
175
175
  }
176
176
 
177
- .awsui_today_vci2l_19xqz_177:not(#\9):not(.awsui_in-range_vci2l_19xqz_166) {
177
+ .awsui_today_vci2l_y5fby_177:not(#\9):not(.awsui_in-range_vci2l_y5fby_166) {
178
178
  background-color: var(--color-background-calendar-today-762czq, #f4f4f4);
179
179
  border-radius: var(--border-radius-item-u2ibpi, 8px);
180
180
  }
181
181
 
182
- .awsui_selected_vci2l_19xqz_173:not(#\9) {
182
+ .awsui_selected_vci2l_y5fby_173:not(#\9) {
183
183
  border-color: transparent;
184
184
  position: relative;
185
185
  z-index: 2;
186
186
  }
187
- .awsui_selected_vci2l_19xqz_173[data-awsui-focus-visible=true]:not(#\9):focus {
187
+ .awsui_selected_vci2l_y5fby_173[data-awsui-focus-visible=true]:not(#\9):focus {
188
188
  position: relative;
189
189
  }
190
- .awsui_selected_vci2l_19xqz_173[data-awsui-focus-visible=true]:not(#\9):focus {
190
+ .awsui_selected_vci2l_y5fby_173[data-awsui-focus-visible=true]:not(#\9):focus {
191
191
  outline: 2px dotted transparent;
192
192
  outline-offset: calc(var(--space-calendar-grid-selected-focus-outline-gutter-gqgjqz, -5px) - 1px);
193
193
  }
194
- .awsui_selected_vci2l_19xqz_173[data-awsui-focus-visible=true]:not(#\9):focus::before {
194
+ .awsui_selected_vci2l_y5fby_173[data-awsui-focus-visible=true]:not(#\9):focus::before {
195
195
  content: " ";
196
196
  display: block;
197
197
  position: absolute;
@@ -202,56 +202,56 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
202
202
  border-radius: var(--border-radius-calendar-day-focus-ring-a8mlqd, 3px);
203
203
  box-shadow: 0 0 0 2px var(--color-border-calendar-grid-selected-focus-ring-cxqa0s, #fbfbfb);
204
204
  }
205
- .awsui_selected_vci2l_19xqz_173[data-awsui-focus-visible=true]:not(#\9):focus::before {
205
+ .awsui_selected_vci2l_y5fby_173[data-awsui-focus-visible=true]:not(#\9):focus::before {
206
206
  z-index: 1;
207
207
  }
208
- .awsui_selected_vci2l_19xqz_173:not(#\9)::after {
208
+ .awsui_selected_vci2l_y5fby_173:not(#\9)::after {
209
209
  background-color: var(--color-background-control-checked-9admlu, #0972d3);
210
210
  border: var(--border-item-width-qbbbsa, 2px) solid var(--color-background-control-checked-9admlu, #0972d3);
211
211
  z-index: 0;
212
212
  }
213
- .awsui_selected_vci2l_19xqz_173.awsui_start-date_vci2l_19xqz_166:not(#\9), .awsui_selected_vci2l_19xqz_173.awsui_start-date_vci2l_19xqz_166:not(#\9)::after, .awsui_selected_vci2l_19xqz_173.awsui_range-start-date_vci2l_19xqz_213:not(#\9), .awsui_selected_vci2l_19xqz_173.awsui_range-start-date_vci2l_19xqz_213:not(#\9)::after {
213
+ .awsui_selected_vci2l_y5fby_173.awsui_start-date_vci2l_y5fby_166:not(#\9), .awsui_selected_vci2l_y5fby_173.awsui_start-date_vci2l_y5fby_166:not(#\9)::after, .awsui_selected_vci2l_y5fby_173.awsui_range-start-date_vci2l_y5fby_213:not(#\9), .awsui_selected_vci2l_y5fby_173.awsui_range-start-date_vci2l_y5fby_213:not(#\9)::after {
214
214
  border-top-left-radius: var(--border-radius-item-u2ibpi, 8px);
215
215
  }
216
- .awsui_selected_vci2l_19xqz_173.awsui_start-date_vci2l_19xqz_166.awsui_in-range-border-bottom_vci2l_19xqz_216:not(#\9), .awsui_selected_vci2l_19xqz_173.awsui_start-date_vci2l_19xqz_166.awsui_in-range-border-bottom_vci2l_19xqz_216:not(#\9)::after, .awsui_selected_vci2l_19xqz_173.awsui_range-start-date_vci2l_19xqz_213.awsui_in-range-border-bottom_vci2l_19xqz_216:not(#\9), .awsui_selected_vci2l_19xqz_173.awsui_range-start-date_vci2l_19xqz_213.awsui_in-range-border-bottom_vci2l_19xqz_216:not(#\9)::after {
216
+ .awsui_selected_vci2l_y5fby_173.awsui_start-date_vci2l_y5fby_166.awsui_in-range-border-bottom_vci2l_y5fby_216:not(#\9), .awsui_selected_vci2l_y5fby_173.awsui_start-date_vci2l_y5fby_166.awsui_in-range-border-bottom_vci2l_y5fby_216:not(#\9)::after, .awsui_selected_vci2l_y5fby_173.awsui_range-start-date_vci2l_y5fby_213.awsui_in-range-border-bottom_vci2l_y5fby_216:not(#\9), .awsui_selected_vci2l_y5fby_173.awsui_range-start-date_vci2l_y5fby_213.awsui_in-range-border-bottom_vci2l_y5fby_216:not(#\9)::after {
217
217
  border-bottom-left-radius: var(--border-radius-item-u2ibpi, 8px);
218
218
  }
219
- .awsui_selected_vci2l_19xqz_173.awsui_end-date_vci2l_19xqz_166:not(#\9), .awsui_selected_vci2l_19xqz_173.awsui_end-date_vci2l_19xqz_166:not(#\9)::after, .awsui_selected_vci2l_19xqz_173.awsui_range-end-date_vci2l_19xqz_219:not(#\9), .awsui_selected_vci2l_19xqz_173.awsui_range-end-date_vci2l_19xqz_219:not(#\9)::after {
219
+ .awsui_selected_vci2l_y5fby_173.awsui_end-date_vci2l_y5fby_166:not(#\9), .awsui_selected_vci2l_y5fby_173.awsui_end-date_vci2l_y5fby_166:not(#\9)::after, .awsui_selected_vci2l_y5fby_173.awsui_range-end-date_vci2l_y5fby_219:not(#\9), .awsui_selected_vci2l_y5fby_173.awsui_range-end-date_vci2l_y5fby_219:not(#\9)::after {
220
220
  border-bottom-right-radius: var(--border-radius-item-u2ibpi, 8px);
221
221
  }
222
- .awsui_selected_vci2l_19xqz_173.awsui_end-date_vci2l_19xqz_166.awsui_in-range-border-top_vci2l_19xqz_222:not(#\9), .awsui_selected_vci2l_19xqz_173.awsui_end-date_vci2l_19xqz_166.awsui_in-range-border-top_vci2l_19xqz_222:not(#\9)::after, .awsui_selected_vci2l_19xqz_173.awsui_range-end-date_vci2l_19xqz_219.awsui_in-range-border-top_vci2l_19xqz_222:not(#\9), .awsui_selected_vci2l_19xqz_173.awsui_range-end-date_vci2l_19xqz_219.awsui_in-range-border-top_vci2l_19xqz_222:not(#\9)::after {
222
+ .awsui_selected_vci2l_y5fby_173.awsui_end-date_vci2l_y5fby_166.awsui_in-range-border-top_vci2l_y5fby_222:not(#\9), .awsui_selected_vci2l_y5fby_173.awsui_end-date_vci2l_y5fby_166.awsui_in-range-border-top_vci2l_y5fby_222:not(#\9)::after, .awsui_selected_vci2l_y5fby_173.awsui_range-end-date_vci2l_y5fby_219.awsui_in-range-border-top_vci2l_y5fby_222:not(#\9), .awsui_selected_vci2l_y5fby_173.awsui_range-end-date_vci2l_y5fby_219.awsui_in-range-border-top_vci2l_y5fby_222:not(#\9)::after {
223
223
  border-top-right-radius: var(--border-radius-item-u2ibpi, 8px);
224
224
  }
225
- .awsui_selected_vci2l_19xqz_173 > .awsui_day-inner_vci2l_19xqz_117:not(#\9) {
225
+ .awsui_selected_vci2l_y5fby_173 > .awsui_day-inner_vci2l_y5fby_136:not(#\9) {
226
226
  color: var(--color-background-control-default-4pa05r, #ffffff);
227
227
  position: relative;
228
228
  z-index: 2;
229
229
  }
230
230
 
231
- .awsui_in-range_vci2l_19xqz_166:not(#\9) {
231
+ .awsui_in-range_vci2l_y5fby_166:not(#\9) {
232
232
  background-color: var(--color-background-dropdown-item-selected-8l4mpk, #f2f8fd);
233
233
  }
234
- .awsui_in-range_vci2l_19xqz_166.awsui_in-range-border-top_vci2l_19xqz_222:not(#\9)::after {
234
+ .awsui_in-range_vci2l_y5fby_166.awsui_in-range-border-top_vci2l_y5fby_222:not(#\9)::after {
235
235
  border-top: var(--border-item-width-qbbbsa, 2px) solid var(--color-background-control-checked-9admlu, #0972d3);
236
236
  }
237
- .awsui_in-range_vci2l_19xqz_166.awsui_in-range-border-right_vci2l_19xqz_237:not(#\9)::after {
237
+ .awsui_in-range_vci2l_y5fby_166.awsui_in-range-border-right_vci2l_y5fby_237:not(#\9)::after {
238
238
  border-right: var(--border-item-width-qbbbsa, 2px) solid var(--color-background-control-checked-9admlu, #0972d3);
239
239
  }
240
- .awsui_in-range_vci2l_19xqz_166.awsui_in-range-border-bottom_vci2l_19xqz_216:not(#\9)::after {
240
+ .awsui_in-range_vci2l_y5fby_166.awsui_in-range-border-bottom_vci2l_y5fby_216:not(#\9)::after {
241
241
  border-bottom: var(--border-item-width-qbbbsa, 2px) solid var(--color-background-control-checked-9admlu, #0972d3);
242
242
  }
243
- .awsui_in-range_vci2l_19xqz_166.awsui_in-range-border-left_vci2l_19xqz_243:not(#\9)::after {
243
+ .awsui_in-range_vci2l_y5fby_166.awsui_in-range-border-left_vci2l_y5fby_243:not(#\9)::after {
244
244
  border-left: var(--border-item-width-qbbbsa, 2px) solid var(--color-background-control-checked-9admlu, #0972d3);
245
245
  }
246
- .awsui_in-range_vci2l_19xqz_166.awsui_in-range-border-top_vci2l_19xqz_222.awsui_in-range-border-right_vci2l_19xqz_237:not(#\9), .awsui_in-range_vci2l_19xqz_166.awsui_in-range-border-top_vci2l_19xqz_222.awsui_in-range-border-right_vci2l_19xqz_237:not(#\9)::after {
246
+ .awsui_in-range_vci2l_y5fby_166.awsui_in-range-border-top_vci2l_y5fby_222.awsui_in-range-border-right_vci2l_y5fby_237:not(#\9), .awsui_in-range_vci2l_y5fby_166.awsui_in-range-border-top_vci2l_y5fby_222.awsui_in-range-border-right_vci2l_y5fby_237:not(#\9)::after {
247
247
  border-top-right-radius: var(--border-radius-item-u2ibpi, 8px);
248
248
  }
249
- .awsui_in-range_vci2l_19xqz_166.awsui_in-range-border-bottom_vci2l_19xqz_216.awsui_in-range-border-right_vci2l_19xqz_237:not(#\9), .awsui_in-range_vci2l_19xqz_166.awsui_in-range-border-bottom_vci2l_19xqz_216.awsui_in-range-border-right_vci2l_19xqz_237:not(#\9)::after {
249
+ .awsui_in-range_vci2l_y5fby_166.awsui_in-range-border-bottom_vci2l_y5fby_216.awsui_in-range-border-right_vci2l_y5fby_237:not(#\9), .awsui_in-range_vci2l_y5fby_166.awsui_in-range-border-bottom_vci2l_y5fby_216.awsui_in-range-border-right_vci2l_y5fby_237:not(#\9)::after {
250
250
  border-bottom-right-radius: var(--border-radius-item-u2ibpi, 8px);
251
251
  }
252
- .awsui_in-range_vci2l_19xqz_166.awsui_in-range-border-bottom_vci2l_19xqz_216.awsui_in-range-border-left_vci2l_19xqz_243:not(#\9), .awsui_in-range_vci2l_19xqz_166.awsui_in-range-border-bottom_vci2l_19xqz_216.awsui_in-range-border-left_vci2l_19xqz_243:not(#\9)::after {
252
+ .awsui_in-range_vci2l_y5fby_166.awsui_in-range-border-bottom_vci2l_y5fby_216.awsui_in-range-border-left_vci2l_y5fby_243:not(#\9), .awsui_in-range_vci2l_y5fby_166.awsui_in-range-border-bottom_vci2l_y5fby_216.awsui_in-range-border-left_vci2l_y5fby_243:not(#\9)::after {
253
253
  border-bottom-left-radius: var(--border-radius-item-u2ibpi, 8px);
254
254
  }
255
- .awsui_in-range_vci2l_19xqz_166.awsui_in-range-border-top_vci2l_19xqz_222.awsui_in-range-border-left_vci2l_19xqz_243:not(#\9), .awsui_in-range_vci2l_19xqz_166.awsui_in-range-border-top_vci2l_19xqz_222.awsui_in-range-border-left_vci2l_19xqz_243:not(#\9)::after {
255
+ .awsui_in-range_vci2l_y5fby_166.awsui_in-range-border-top_vci2l_y5fby_222.awsui_in-range-border-left_vci2l_y5fby_243:not(#\9), .awsui_in-range_vci2l_y5fby_166.awsui_in-range-border-top_vci2l_y5fby_222.awsui_in-range-border-left_vci2l_y5fby_243:not(#\9)::after {
256
256
  border-top-left-radius: var(--border-radius-item-u2ibpi, 8px);
257
257
  }
package/date-range-picker/calendar/grids/day/styles.selectors.js CHANGED
@@ -2,26 +2,26 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "day": "awsui_day_vci2l_19xqz_93",
6
- "day-inner": "awsui_day-inner_vci2l_19xqz_117",
7
- "in-first-row": "awsui_in-first-row_vci2l_19xqz_141",
8
- "in-previous-month": "awsui_in-previous-month_vci2l_19xqz_141",
9
- "last-day-of-month": "awsui_last-day-of-month_vci2l_19xqz_145",
10
- "in-next-month": "awsui_in-next-month_vci2l_19xqz_149",
11
- "in-first-column": "awsui_in-first-column_vci2l_19xqz_153",
12
- "in-current-month": "awsui_in-current-month_vci2l_19xqz_156",
13
- "enabled": "awsui_enabled_vci2l_19xqz_160",
14
- "in-range": "awsui_in-range_vci2l_19xqz_166",
15
- "end-date": "awsui_end-date_vci2l_19xqz_166",
16
- "start-date": "awsui_start-date_vci2l_19xqz_166",
17
- "no-range": "awsui_no-range_vci2l_19xqz_166",
18
- "selected": "awsui_selected_vci2l_19xqz_173",
19
- "today": "awsui_today_vci2l_19xqz_177",
20
- "range-start-date": "awsui_range-start-date_vci2l_19xqz_213",
21
- "in-range-border-bottom": "awsui_in-range-border-bottom_vci2l_19xqz_216",
22
- "range-end-date": "awsui_range-end-date_vci2l_19xqz_219",
23
- "in-range-border-top": "awsui_in-range-border-top_vci2l_19xqz_222",
24
- "in-range-border-right": "awsui_in-range-border-right_vci2l_19xqz_237",
25
- "in-range-border-left": "awsui_in-range-border-left_vci2l_19xqz_243"
5
+ "day": "awsui_day_vci2l_y5fby_93",
6
+ "day-inner": "awsui_day-inner_vci2l_y5fby_136",
7
+ "in-first-row": "awsui_in-first-row_vci2l_y5fby_141",
8
+ "in-previous-month": "awsui_in-previous-month_vci2l_y5fby_141",
9
+ "last-day-of-month": "awsui_last-day-of-month_vci2l_y5fby_145",
10
+ "in-next-month": "awsui_in-next-month_vci2l_y5fby_149",
11
+ "in-first-column": "awsui_in-first-column_vci2l_y5fby_153",
12
+ "in-current-month": "awsui_in-current-month_vci2l_y5fby_156",
13
+ "enabled": "awsui_enabled_vci2l_y5fby_160",
14
+ "in-range": "awsui_in-range_vci2l_y5fby_166",
15
+ "end-date": "awsui_end-date_vci2l_y5fby_166",
16
+ "start-date": "awsui_start-date_vci2l_y5fby_166",
17
+ "no-range": "awsui_no-range_vci2l_y5fby_166",
18
+ "selected": "awsui_selected_vci2l_y5fby_173",
19
+ "today": "awsui_today_vci2l_y5fby_177",
20
+ "range-start-date": "awsui_range-start-date_vci2l_y5fby_213",
21
+ "in-range-border-bottom": "awsui_in-range-border-bottom_vci2l_y5fby_216",
22
+ "range-end-date": "awsui_range-end-date_vci2l_y5fby_219",
23
+ "in-range-border-top": "awsui_in-range-border-top_vci2l_y5fby_222",
24
+ "in-range-border-right": "awsui_in-range-border-right_vci2l_y5fby_237",
25
+ "in-range-border-left": "awsui_in-range-border-left_vci2l_y5fby_243"
26
26
  };
27
27
 
package/date-range-picker/calendar/index.js CHANGED
@@ -19,8 +19,8 @@ import { normalizeStartOfWeek } from '../../calendar/utils/locales';
19
19
  import { formatDate, formatTime, joinDateTime, parseDate } from '../../internal/utils/date-time';
20
20
  export default forwardRef(Calendar);
21
21
  function Calendar(_a, ref) {
22
- var _b;
23
- 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;
22
+ var _b, _c, _d;
23
+ 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;
24
24
  var elementRef = useRef(null);
25
25
  var normalizedStartOfWeek = normalizeStartOfWeek(startOfWeek, locale);
26
26
  useImperativeHandle(ref, function () { return ({
@@ -31,16 +31,16 @@ function Calendar(_a, ref) {
31
31
  }
32
32
  }
33
33
  }); });
34
- var _e = initialStartDate.split('T'), _f = _e[0], initialStartDateString = _f === void 0 ? '' : _f, _g = _e[1], initialStartTimeString = _g === void 0 ? '' : _g;
35
- var _h = initialEndDate.split('T'), _j = _h[0], initialEndDateString = _j === void 0 ? '' : _j, _k = _h[1], initialEndTimeString = _k === void 0 ? '' : _k;
36
- var _l = useState(initialStartDateString), startDateString = _l[0], setStartDateString = _l[1];
37
- var _m = useState(initialStartTimeString), startTimeString = _m[0], setStartTimeString = _m[1];
38
- var _o = useState(initialEndDateString), endDateString = _o[0], setEndDateString = _o[1];
39
- var _p = useState(initialEndTimeString), endTimeString = _p[0], setEndTimeString = _p[1];
34
+ var _g = initialStartDate.split('T'), _h = _g[0], initialStartDateString = _h === void 0 ? '' : _h, _j = _g[1], initialStartTimeString = _j === void 0 ? '' : _j;
35
+ var _k = initialEndDate.split('T'), _l = _k[0], initialEndDateString = _l === void 0 ? '' : _l, _m = _k[1], initialEndTimeString = _m === void 0 ? '' : _m;
36
+ var _o = useState(initialStartDateString), startDateString = _o[0], setStartDateString = _o[1];
37
+ var _p = useState(initialStartTimeString), startTimeString = _p[0], setStartTimeString = _p[1];
38
+ var _q = useState(initialEndDateString), endDateString = _q[0], setEndDateString = _q[1];
39
+ var _r = useState(initialEndTimeString), endTimeString = _r[0], setEndTimeString = _r[1];
40
40
  var selectedStartDate = parseDate(startDateString, true);
41
41
  var selectedEndDate = parseDate(endDateString, true);
42
- var _q = useState(''), announcement = _q[0], setAnnouncement = _q[1];
43
- var _r = useState(function () {
42
+ var _s = useState(''), announcement = _s[0], setAnnouncement = _s[1];
43
+ var _t = useState(function () {
44
44
  if (startDateString) {
45
45
  var startDate = parseDate(startDateString);
46
46
  if (isSingleGrid) {
@@ -52,8 +52,8 @@ function Calendar(_a, ref) {
52
52
  return startOfMonth(parseDate(endDateString));
53
53
  }
54
54
  return startOfMonth(Date.now());
55
- }), currentMonth = _r[0], setCurrentMonth = _r[1];
56
- var _s = useState(function () {
55
+ }), currentMonth = _t[0], setCurrentMonth = _t[1];
56
+ var _u = useState(function () {
57
57
  if (selectedStartDate) {
58
58
  if (isSameMonth(selectedStartDate, currentMonth)) {
59
59
  return selectedStartDate;
@@ -63,7 +63,7 @@ function Calendar(_a, ref) {
63
63
  }
64
64
  }
65
65
  return selectFocusedDate(selectedStartDate, currentMonth, isDateEnabled);
66
- }), focusedDate = _s[0], setFocusedDate = _s[1];
66
+ }), focusedDate = _u[0], setFocusedDate = _u[1];
67
67
  useEffect(function () {
68
68
  // This effect "synchronizes" the local state update back up to the overall DateRangePicker component
69
69
  var startDate = joinDateTime(startDateString, startTimeString);
@@ -203,20 +203,16 @@ function Calendar(_a, ref) {
203
203
  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, handleFocusMove: moveFocusHandler })),
204
204
  React.createElement(InternalSpaceBetween, { direction: "vertical", size: "xxs" },
205
205
  React.createElement(InternalSpaceBetween, { size: "xs", direction: isSingleGrid ? 'vertical' : 'horizontal' },
206
- React.createElement("div", { className: styles['date-and-time-wrapper'] },
207
- React.createElement("div", { className: styles['date-and-time-wrapper__date'] },
208
- React.createElement(InternalFormField, { label: i18nStrings.startDateLabel, stretch: true },
209
- React.createElement(InternalDateInput, { value: startDateString, className: styles['start-date-input'], onChange: onChangeStartDate, placeholder: "YYYY/MM/DD", ariaDescribedby: constrainttextId }))),
210
- !dateOnly && (React.createElement("div", { className: styles['date-and-time-wrapper__time'] },
211
- React.createElement(InternalFormField, { label: i18nStrings.startTimeLabel, stretch: true },
212
- React.createElement(InternalTimeInput, { value: startTimeString, onChange: function (e) { return setStartTimeString(e.detail.value); }, format: timeInputFormat, placeholder: timeInputFormat, className: styles['start-time-input'], ariaDescribedby: constrainttextId }))))),
213
- React.createElement("div", { className: styles['date-and-time-wrapper'] },
214
- React.createElement("div", { className: styles['date-and-time-wrapper__date'] },
215
- React.createElement(InternalFormField, { label: i18nStrings.endDateLabel, stretch: true },
216
- React.createElement(InternalDateInput, { value: endDateString, className: styles['end-date-input'], onChange: onChangeEndDate, placeholder: "YYYY/MM/DD", ariaDescribedby: constrainttextId }))),
217
- !dateOnly && (React.createElement("div", { className: styles['date-and-time-wrapper__time'] },
218
- React.createElement(InternalFormField, { label: i18nStrings.endTimeLabel, stretch: true },
219
- React.createElement(InternalTimeInput, { value: endTimeString, onChange: function (e) { return setEndTimeString(e.detail.value); }, format: timeInputFormat, placeholder: timeInputFormat, className: styles['end-time-input'], ariaDescribedby: constrainttextId })))))),
206
+ React.createElement("div", { className: clsx(styles['date-and-time-wrapper'], (_c = {}, _c[styles['date-only']] = dateOnly, _c)) },
207
+ React.createElement(InternalFormField, { label: i18nStrings.startDateLabel, stretch: true },
208
+ React.createElement(InternalDateInput, { value: startDateString, className: styles['start-date-input'], onChange: onChangeStartDate, placeholder: "YYYY/MM/DD", ariaDescribedby: constrainttextId })),
209
+ !dateOnly && (React.createElement(InternalFormField, { label: i18nStrings.startTimeLabel, stretch: true },
210
+ React.createElement(InternalTimeInput, { value: startTimeString, onChange: function (e) { return setStartTimeString(e.detail.value); }, format: timeInputFormat, placeholder: timeInputFormat, className: styles['start-time-input'], ariaDescribedby: constrainttextId })))),
211
+ React.createElement("div", { className: clsx(styles['date-and-time-wrapper'], (_d = {}, _d[styles['date-only']] = dateOnly, _d)) },
212
+ React.createElement(InternalFormField, { label: i18nStrings.endDateLabel, stretch: true },
213
+ React.createElement(InternalDateInput, { value: endDateString, className: styles['end-date-input'], onChange: onChangeEndDate, placeholder: "YYYY/MM/DD", ariaDescribedby: constrainttextId })),
214
+ !dateOnly && (React.createElement(InternalFormField, { label: i18nStrings.endTimeLabel, stretch: true },
215
+ React.createElement(InternalTimeInput, { value: endTimeString, onChange: function (e) { return setEndTimeString(e.detail.value); }, format: timeInputFormat, placeholder: timeInputFormat, className: styles['end-time-input'], ariaDescribedby: constrainttextId }))))),
220
216
  i18nStrings.dateTimeConstraintText && (React.createElement("div", { className: styles['date-and-time-constrainttext'], id: constrainttextId }, i18nStrings.dateTimeConstraintText)))),
221
217
  React.createElement(LiveRegion, null,
222
218
  React.createElement("span", { className: styles['calendar-aria-live'] }, announcement))));
package/date-range-picker/calendar/index.js.map CHANGED
@@ -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 moveFocusHandler from '../../calendar/utils/move-focus-handler';\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 { getBaseDate } from './get-base-date.js';\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';\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, 1, 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 <div\n className={clsx(styles.calendar, {\n [styles['one-grid']]: isSingleGrid,\n })}\n role=\"application\"\n ref={elementRef}\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 handleFocusMove={moveFocusHandler}\n />\n </div>\n <InternalSpaceBetween direction=\"vertical\" size=\"xxs\">\n <InternalSpaceBetween size=\"xs\" direction={isSingleGrid ? 'vertical' : 'horizontal'}>\n <div className={styles['date-and-time-wrapper']}>\n <div className={styles['date-and-time-wrapper__date']}>\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 </div>\n {!dateOnly && (\n <div className={styles['date-and-time-wrapper__time']}>\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 </div>\n )}\n </div>\n\n <div className={styles['date-and-time-wrapper']}>\n <div className={styles['date-and-time-wrapper__date']}>\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 </div>\n {!dateOnly && (\n <div className={styles['date-and-time-wrapper__time']}>\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 </div>\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>\n <span className={styles['calendar-aria-live']}>{announcement}</span>\n </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 moveFocusHandler from '../../calendar/utils/move-focus-handler';\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 { getBaseDate } from './get-base-date.js';\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';\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, 1, 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 <div\n className={clsx(styles.calendar, {\n [styles['one-grid']]: isSingleGrid,\n })}\n role=\"application\"\n ref={elementRef}\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 handleFocusMove={moveFocusHandler}\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>\n <span className={styles['calendar-aria-live']}>{announcement}</span>\n </LiveRegion>\n </>\n );\n}\n"]}
package/date-range-picker/styles.css.js CHANGED
@@ -1,46 +1,45 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "calendar": "awsui_calendar_mgja0_z4fdg_93",
5
- "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_z4fdg_1",
6
- "root": "awsui_root_mgja0_z4fdg_120",
7
- "trigger-wrapper": "awsui_trigger-wrapper_mgja0_z4fdg_132",
8
- "trigger-flexbox": "awsui_trigger-flexbox_mgja0_z4fdg_136",
9
- "one-grid": "awsui_one-grid_mgja0_z4fdg_144",
10
- "calendar-header": "awsui_calendar-header_mgja0_z4fdg_147",
11
- "calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_z4fdg_153",
12
- "calendar-header-month": "awsui_calendar-header-month_mgja0_z4fdg_153",
13
- "calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_z4fdg_173",
14
- "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_z4fdg_176",
15
- "calendar-day-names": "awsui_calendar-day-names_mgja0_z4fdg_179",
16
- "calendar-day-name": "awsui_calendar-day-name_mgja0_z4fdg_179",
17
- "calendar-week": "awsui_calendar-week_mgja0_z4fdg_194",
18
- "first-grid": "awsui_first-grid_mgja0_z4fdg_199",
19
- "second-grid": "awsui_second-grid_mgja0_z4fdg_200",
20
- "grid": "awsui_grid_mgja0_z4fdg_204",
21
- "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_z4fdg_208",
22
- "date-and-time-wrapper__date": "awsui_date-and-time-wrapper__date_mgja0_z4fdg_212",
23
- "date-and-time-wrapper__time": "awsui_date-and-time-wrapper__time_mgja0_z4fdg_215",
24
- "date-and-time-constrainttext": "awsui_date-and-time-constrainttext_mgja0_z4fdg_219",
25
- "footer": "awsui_footer_mgja0_z4fdg_226",
26
- "has-clear-button": "awsui_has-clear-button_mgja0_z4fdg_233",
27
- "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_z4fdg_240",
28
- "icon-wrapper": "awsui_icon-wrapper_mgja0_z4fdg_244",
29
- "label": "awsui_label_mgja0_z4fdg_249",
30
- "label-enabled": "awsui_label-enabled_mgja0_z4fdg_254",
31
- "label-text": "awsui_label-text_mgja0_z4fdg_258",
32
- "mode-switch": "awsui_mode-switch_mgja0_z4fdg_263",
33
- "dropdown": "awsui_dropdown_mgja0_z4fdg_267",
34
- "dropdown-content": "awsui_dropdown-content_mgja0_z4fdg_283",
35
- "start-date-input": "awsui_start-date-input_mgja0_z4fdg_292",
36
- "start-time-input": "awsui_start-time-input_mgja0_z4fdg_293",
37
- "end-date-input": "awsui_end-date-input_mgja0_z4fdg_294",
38
- "end-time-input": "awsui_end-time-input_mgja0_z4fdg_295",
39
- "validation-section": "awsui_validation-section_mgja0_z4fdg_299",
40
- "validation-error": "awsui_validation-error_mgja0_z4fdg_303",
41
- "clear-button": "awsui_clear-button_mgja0_z4fdg_307",
42
- "apply-button": "awsui_apply-button_mgja0_z4fdg_311",
43
- "cancel-button": "awsui_cancel-button_mgja0_z4fdg_315",
44
- "calendar-aria-live": "awsui_calendar-aria-live_mgja0_z4fdg_319"
4
+ "calendar": "awsui_calendar_mgja0_x71bz_93",
5
+ "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_x71bz_1",
6
+ "root": "awsui_root_mgja0_x71bz_120",
7
+ "trigger-wrapper": "awsui_trigger-wrapper_mgja0_x71bz_132",
8
+ "trigger-flexbox": "awsui_trigger-flexbox_mgja0_x71bz_136",
9
+ "one-grid": "awsui_one-grid_mgja0_x71bz_144",
10
+ "calendar-header": "awsui_calendar-header_mgja0_x71bz_147",
11
+ "calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_x71bz_153",
12
+ "calendar-header-month": "awsui_calendar-header-month_mgja0_x71bz_153",
13
+ "calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_x71bz_173",
14
+ "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_x71bz_176",
15
+ "calendar-day-names": "awsui_calendar-day-names_mgja0_x71bz_179",
16
+ "calendar-day-name": "awsui_calendar-day-name_mgja0_x71bz_179",
17
+ "calendar-week": "awsui_calendar-week_mgja0_x71bz_194",
18
+ "first-grid": "awsui_first-grid_mgja0_x71bz_199",
19
+ "second-grid": "awsui_second-grid_mgja0_x71bz_200",
20
+ "grid": "awsui_grid_mgja0_x71bz_204",
21
+ "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_x71bz_208",
22
+ "date-only": "awsui_date-only_mgja0_x71bz_212",
23
+ "date-and-time-constrainttext": "awsui_date-and-time-constrainttext_mgja0_x71bz_218",
24
+ "footer": "awsui_footer_mgja0_x71bz_225",
25
+ "has-clear-button": "awsui_has-clear-button_mgja0_x71bz_232",
26
+ "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_x71bz_239",
27
+ "icon-wrapper": "awsui_icon-wrapper_mgja0_x71bz_243",
28
+ "label": "awsui_label_mgja0_x71bz_248",
29
+ "label-enabled": "awsui_label-enabled_mgja0_x71bz_253",
30
+ "label-text": "awsui_label-text_mgja0_x71bz_257",
31
+ "mode-switch": "awsui_mode-switch_mgja0_x71bz_262",
32
+ "dropdown": "awsui_dropdown_mgja0_x71bz_266",
33
+ "dropdown-content": "awsui_dropdown-content_mgja0_x71bz_282",
34
+ "start-date-input": "awsui_start-date-input_mgja0_x71bz_291",
35
+ "start-time-input": "awsui_start-time-input_mgja0_x71bz_292",
36
+ "end-date-input": "awsui_end-date-input_mgja0_x71bz_293",
37
+ "end-time-input": "awsui_end-time-input_mgja0_x71bz_294",
38
+ "validation-section": "awsui_validation-section_mgja0_x71bz_298",
39
+ "validation-error": "awsui_validation-error_mgja0_x71bz_302",
40
+ "clear-button": "awsui_clear-button_mgja0_x71bz_306",
41
+ "apply-button": "awsui_apply-button_mgja0_x71bz_310",
42
+ "cancel-button": "awsui_cancel-button_mgja0_x71bz_314",
43
+ "calendar-aria-live": "awsui_calendar-aria-live_mgja0_x71bz_318"
45
44
  };
46
45