@cloudscape-design/components 3.0.0

package/date-range-picker/relative-range/index.js

@@ -0,0 +1,106 @@
+import { __spreadArray } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import clsx from 'clsx';
+import React, { forwardRef, useImperativeHandle, useRef, useState } from 'react';
+import InternalBox from '../../box/internal';
+import InternalFormField from '../../form-field/internal';
+import InternalInput from '../../input/internal';
+import InternalRadioGroup from '../../radio-group/internal';
+import InternalSelect from '../../select/internal';
+import InternalSpaceBetween from '../../space-between/internal';
+import styles from './styles.css.js';
+var dayUnits = ['day', 'week', 'month', 'year'];
+var units = __spreadArray(['second', 'minute', 'hour'], dayUnits, true);
+var CUSTOM_OPTION_SELECT_KEY = 'awsui-internal-custom-duration-key';
+export default forwardRef(RelativeRangePicker);
+function RelativeRangePicker(_a, ref) {
+    var _b, _c;
+    var _d;
+    var dateOnly = _a.dateOnly, _e = _a.options, clientOptions = _e === void 0 ? [] : _e, initialRange = _a.initialSelection, onChangeRangeSize = _a.onChange, i18nStrings = _a.i18nStrings, isSingleGrid = _a.isSingleGrid;
+    var radioOptions = clientOptions.map(function (option) { return ({
+        value: option.key,
+        label: i18nStrings.formatRelativeRange(option)
+    }); });
+    radioOptions.push({
+        value: CUSTOM_OPTION_SELECT_KEY,
+        label: i18nStrings.customRelativeRangeOptionLabel,
+        description: i18nStrings.customRelativeRangeOptionDescription
+    });
+    var _f = useState(function () {
+        var _a;
+        if (initialRange && !initialRange.key) {
+            return CUSTOM_OPTION_SELECT_KEY;
+        }
+        return (_a = initialRange === null || initialRange === void 0 ? void 0 : initialRange.key) !== null && _a !== void 0 ? _a : null;
+    }), selectedRadio = _f[0], setSelectedRadio = _f[1];
+    var _g = useState(function () {
+        if (initialRange) {
+            return initialRange.amount;
+        }
+        // NaN represents an empty duration
+        return NaN;
+    }), customDuration = _g[0], setCustomDuration = _g[1];
+    var initialCustomTimeUnit = dateOnly ? 'day' : 'minute';
+    var _h = useState((_d = initialRange === null || initialRange === void 0 ? void 0 : initialRange.unit) !== null && _d !== void 0 ? _d : initialCustomTimeUnit), customUnitOfTime = _h[0], setCustomUnitOfTime = _h[1];
+    var showRadioControl = clientOptions.length > 0;
+    var showCustomControls = clientOptions.length === 0 || selectedRadio === CUSTOM_OPTION_SELECT_KEY;
+    var elementRef = useRef(null);
+    useImperativeHandle(ref, function () { return ({
+        focus: function () {
+            var _a;
+            if (elementRef.current) {
+                (_a = elementRef.current.querySelector('input')) === null || _a === void 0 ? void 0 : _a.focus();
+            }
+        }
+    }); });
+    return (React.createElement("div", { ref: elementRef },
+        React.createElement(InternalSpaceBetween, { size: "xs", direction: "vertical" },
+            showRadioControl && (React.createElement(InternalFormField, { label: i18nStrings.relativeRangeSelectionHeading },
+                React.createElement(InternalRadioGroup, { className: styles['relative-range-radio-group'], onChange: function (_a) {
+                        var detail = _a.detail;
+                        setSelectedRadio(detail.value);
+                        if (detail.value === CUSTOM_OPTION_SELECT_KEY) {
+                            setCustomDuration(NaN);
+                            setCustomUnitOfTime(initialCustomTimeUnit);
+                            onChangeRangeSize({
+                                amount: NaN,
+                                unit: initialCustomTimeUnit,
+                                type: 'relative'
+                            });
+                        }
+                        else {
+                            var option = clientOptions.filter(function (o) { return o.key === detail.value; })[0];
+                            onChangeRangeSize(option);
+                        }
+                    }, value: selectedRadio, items: radioOptions }))),
+            showCustomControls && (React.createElement(InternalSpaceBetween, { direction: "vertical", size: "xs" },
+                !showRadioControl && (React.createElement(InternalBox, { fontSize: "body-m", color: "text-body-secondary" }, i18nStrings.customRelativeRangeOptionDescription)),
+                React.createElement("div", { className: clsx(styles['custom-range'], (_b = {},
+                        _b[styles['custom-range--no-padding']] = !showRadioControl,
+                        _b)) },
+                    React.createElement("div", { className: clsx(styles['custom-range-form-controls'], (_c = {},
+                            _c[styles.vertical] = isSingleGrid,
+                            _c)) },
+                        React.createElement("div", { className: styles['custom-range-duration'] },
+                            React.createElement(InternalFormField, { label: i18nStrings.customRelativeRangeDurationLabel },
+                                React.createElement(InternalInput, { type: "number", className: styles['custom-range-duration-input'], value: isNaN(customDuration) || customDuration === 0 ? '' : customDuration === null || customDuration === void 0 ? void 0 : customDuration.toString(), onChange: function (e) {
+                                        var amount = Number(e.detail.value);
+                                        setCustomDuration(amount);
+                                        onChangeRangeSize({ amount: amount, unit: customUnitOfTime, type: 'relative' });
+                                    }, placeholder: i18nStrings.customRelativeRangeDurationPlaceholder }))),
+                        React.createElement("div", { className: styles['custom-range-unit'] },
+                            React.createElement(InternalFormField, { label: i18nStrings.customRelativeRangeUnitLabel },
+                                React.createElement(InternalSelect, { className: styles['custom-range-unit-select'], selectedOption: {
+                                        value: customUnitOfTime,
+                                        label: i18nStrings.formatUnit(customUnitOfTime, customDuration)
+                                    }, onChange: function (e) {
+                                        var unit = e.detail.selectedOption.value;
+                                        setCustomUnitOfTime(unit);
+                                        onChangeRangeSize({ amount: customDuration, unit: unit, type: 'relative' });
+                                    }, options: (dateOnly ? dayUnits : units).map(function (unit) { return ({
+                                        value: unit,
+                                        label: i18nStrings.formatUnit(unit, customDuration)
+                                    }); }), renderHighlightedAriaLive: function (option) { return option.label || option.value || ''; } }))))))))));
+}
+//# sourceMappingURL=index.js.map

package/date-range-picker/relative-range/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/date-range-picker/relative-range/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 clsx from 'clsx';\nimport React, { forwardRef, useImperativeHandle, useRef, useState } from 'react';\nimport { DateRangePickerProps, Focusable } from '../interfaces';\nimport InternalBox from '../../box/internal';\nimport InternalFormField from '../../form-field/internal';\nimport InternalInput from '../../input/internal';\nimport { RadioGroupProps } from '../../radio-group/interfaces';\nimport InternalRadioGroup from '../../radio-group/internal';\nimport InternalSelect from '../../select/internal';\nimport InternalSpaceBetween from '../../space-between/internal';\nimport styles from './styles.css.js';\n\nexport interface RelativeRangePickerProps {\n  dateOnly: boolean;\n  options: ReadonlyArray<DateRangePickerProps.RelativeOption>;\n  initialSelection: DateRangePickerProps.RelativeValue | null;\n  onChange: (range: DateRangePickerProps.RelativeValue) => void;\n  i18nStrings: DateRangePickerProps.I18nStrings;\n  isSingleGrid: boolean;\n}\n\ninterface UnitSelectOption {\n  value: DateRangePickerProps.TimeUnit;\n  label: string;\n}\n\nconst dayUnits: ReadonlyArray<DateRangePickerProps.TimeUnit> = ['day', 'week', 'month', 'year'];\nconst units: ReadonlyArray<DateRangePickerProps.TimeUnit> = ['second', 'minute', 'hour', ...dayUnits];\n\nconst CUSTOM_OPTION_SELECT_KEY = 'awsui-internal-custom-duration-key';\n\nexport default forwardRef(RelativeRangePicker);\n\nfunction RelativeRangePicker(\n  {\n    dateOnly,\n    options: clientOptions = [],\n    initialSelection: initialRange,\n    onChange: onChangeRangeSize,\n    i18nStrings,\n    isSingleGrid,\n  }: RelativeRangePickerProps,\n  ref: React.Ref<Focusable>\n) {\n  const radioOptions: RadioGroupProps.RadioButtonDefinition[] = clientOptions.map(option => ({\n    value: option.key,\n    label: i18nStrings.formatRelativeRange(option),\n  }));\n  radioOptions.push({\n    value: CUSTOM_OPTION_SELECT_KEY,\n    label: i18nStrings.customRelativeRangeOptionLabel,\n    description: i18nStrings.customRelativeRangeOptionDescription,\n  });\n\n  const [selectedRadio, setSelectedRadio] = useState(() => {\n    if (initialRange && !initialRange.key) {\n      return CUSTOM_OPTION_SELECT_KEY;\n    }\n    return initialRange?.key ?? null;\n  });\n\n  const [customDuration, setCustomDuration] = useState(() => {\n    if (initialRange) {\n      return initialRange.amount;\n    }\n    // NaN represents an empty duration\n    return NaN;\n  });\n\n  const initialCustomTimeUnit = dateOnly ? 'day' : 'minute';\n  const [customUnitOfTime, setCustomUnitOfTime] = useState<DateRangePickerProps.TimeUnit>(\n    initialRange?.unit ?? initialCustomTimeUnit\n  );\n\n  const showRadioControl = clientOptions.length > 0;\n  const showCustomControls = clientOptions.length === 0 || selectedRadio === CUSTOM_OPTION_SELECT_KEY;\n\n  const elementRef = useRef<HTMLDivElement>(null);\n\n  useImperativeHandle(ref, () => ({\n    focus() {\n      if (elementRef.current) {\n        elementRef.current.querySelector('input')?.focus();\n      }\n    },\n  }));\n\n  return (\n    <div ref={elementRef}>\n      <InternalSpaceBetween size=\"xs\" direction=\"vertical\">\n        {showRadioControl && (\n          <InternalFormField label={i18nStrings.relativeRangeSelectionHeading}>\n            <InternalRadioGroup\n              className={styles['relative-range-radio-group']}\n              onChange={({ detail }) => {\n                setSelectedRadio(detail.value);\n\n                if (detail.value === CUSTOM_OPTION_SELECT_KEY) {\n                  setCustomDuration(NaN);\n                  setCustomUnitOfTime(initialCustomTimeUnit);\n                  onChangeRangeSize({\n                    amount: NaN,\n                    unit: initialCustomTimeUnit,\n                    type: 'relative',\n                  });\n                } else {\n                  const option = clientOptions.filter(o => o.key === detail.value)[0];\n                  onChangeRangeSize(option);\n                }\n              }}\n              value={selectedRadio}\n              items={radioOptions}\n            />\n          </InternalFormField>\n        )}\n\n        {showCustomControls && (\n          <InternalSpaceBetween direction=\"vertical\" size=\"xs\">\n            {!showRadioControl && (\n              <InternalBox fontSize=\"body-m\" color=\"text-body-secondary\">\n                {i18nStrings.customRelativeRangeOptionDescription}\n              </InternalBox>\n            )}\n\n            <div\n              className={clsx(styles['custom-range'], {\n                [styles['custom-range--no-padding']]: !showRadioControl,\n              })}\n            >\n              <div\n                className={clsx(styles['custom-range-form-controls'], {\n                  [styles.vertical]: isSingleGrid,\n                })}\n              >\n                <div className={styles['custom-range-duration']}>\n                  <InternalFormField label={i18nStrings.customRelativeRangeDurationLabel}>\n                    <InternalInput\n                      type=\"number\"\n                      className={styles['custom-range-duration-input']}\n                      value={isNaN(customDuration) || customDuration === 0 ? '' : customDuration?.toString()}\n                      onChange={e => {\n                        const amount = Number(e.detail.value);\n\n                        setCustomDuration(amount);\n                        onChangeRangeSize({ amount, unit: customUnitOfTime, type: 'relative' });\n                      }}\n                      placeholder={i18nStrings.customRelativeRangeDurationPlaceholder}\n                    />\n                  </InternalFormField>\n                </div>\n\n                <div className={styles['custom-range-unit']}>\n                  <InternalFormField label={i18nStrings.customRelativeRangeUnitLabel}>\n                    <InternalSelect\n                      className={styles['custom-range-unit-select']}\n                      selectedOption={\n                        {\n                          value: customUnitOfTime,\n                          label: i18nStrings.formatUnit(customUnitOfTime, customDuration),\n                        } as UnitSelectOption\n                      }\n                      onChange={e => {\n                        const { value: unit } = e.detail.selectedOption as UnitSelectOption;\n\n                        setCustomUnitOfTime(unit);\n                        onChangeRangeSize({ amount: customDuration, unit, type: 'relative' });\n                      }}\n                      options={(dateOnly ? dayUnits : units).map(unit => ({\n                        value: unit,\n                        label: i18nStrings.formatUnit(unit, customDuration),\n                      }))}\n                      renderHighlightedAriaLive={option => option.label || option.value || ''}\n                    />\n                  </InternalFormField>\n                </div>\n              </div>\n            </div>\n          </InternalSpaceBetween>\n        )}\n      </InternalSpaceBetween>\n    </div>\n  );\n}\n"]}

package/date-range-picker/relative-range/styles.css.js

@@ -0,0 +1,14 @@
+
+    import './styles.scoped.css';
+    export default {
+  "custom-range": "awsui_custom-range_16zmw_1gsct_93",
+  "custom-range--no-padding": "awsui_custom-range--no-padding_16zmw_1gsct_99",
+  "custom-range-form-controls": "awsui_custom-range-form-controls_16zmw_1gsct_103",
+  "custom-range-duration": "awsui_custom-range-duration_16zmw_1gsct_107",
+  "custom-range-unit": "awsui_custom-range-unit_16zmw_1gsct_108",
+  "vertical": "awsui_vertical_16zmw_1gsct_114",
+  "custom-range-duration-input": "awsui_custom-range-duration-input_16zmw_1gsct_125",
+  "custom-range-unit-select": "awsui_custom-range-unit-select_16zmw_1gsct_126",
+  "relative-range-radio-group": "awsui_relative-range-radio-group_16zmw_1gsct_130"
+};
+  

package/date-range-picker/relative-range/styles.scoped.css

@@ -0,0 +1,135 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* Style used for links in slots/components that are text heavy, to help links stand out among 
+surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_custom-range_16zmw_1gsct_93:not(#\9) {
+  padding-left: calc(14px + 8px);
+  padding-left: calc(14px + var(--space-xs-rsr2qu, 8px));
+  display: flex;
+  width: 80%;
+}
+
+.awsui_custom-range--no-padding_16zmw_1gsct_99:not(#\9) {
+  padding-left: 0;
+}
+
+.awsui_custom-range-form-controls_16zmw_1gsct_103:not(#\9) {
+  display: flex;
+  width: 100%;
+}
+.awsui_custom-range-form-controls_16zmw_1gsct_103 > .awsui_custom-range-duration_16zmw_1gsct_107:not(#\9),
+.awsui_custom-range-form-controls_16zmw_1gsct_103 > .awsui_custom-range-unit_16zmw_1gsct_108:not(#\9) {
+  width: 50%;
+}
+.awsui_custom-range-form-controls_16zmw_1gsct_103 > .awsui_custom-range-duration_16zmw_1gsct_107:not(#\9) {
+  margin-right: 8px;
+  margin-right: var(--space-xs-rsr2qu, 8px);
+}
+.awsui_custom-range-form-controls_16zmw_1gsct_103.awsui_vertical_16zmw_1gsct_114:not(#\9) {
+  flex-direction: column;
+}
+.awsui_custom-range-form-controls_16zmw_1gsct_103.awsui_vertical_16zmw_1gsct_114 > .awsui_custom-range-duration_16zmw_1gsct_107:not(#\9),
+.awsui_custom-range-form-controls_16zmw_1gsct_103.awsui_vertical_16zmw_1gsct_114 > .awsui_custom-range-unit_16zmw_1gsct_108:not(#\9) {
+  width: 100%;
+}
+.awsui_custom-range-form-controls_16zmw_1gsct_103.awsui_vertical_16zmw_1gsct_114 > .awsui_custom-range-unit_16zmw_1gsct_108:not(#\9) {
+  margin-top: 12px;
+  margin-top: var(--space-s-hv8c1d, 12px);
+}
+
+.awsui_custom-range-duration-input_16zmw_1gsct_125:not(#\9),
+.awsui_custom-range-unit-select_16zmw_1gsct_126:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_relative-range-radio-group_16zmw_1gsct_130:not(#\9) {
+  /* used in test-utils */
+}

package/date-range-picker/relative-range/styles.selectors.js

@@ -0,0 +1,15 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "custom-range": "awsui_custom-range_16zmw_1gsct_93",
+  "custom-range--no-padding": "awsui_custom-range--no-padding_16zmw_1gsct_99",
+  "custom-range-form-controls": "awsui_custom-range-form-controls_16zmw_1gsct_103",
+  "custom-range-duration": "awsui_custom-range-duration_16zmw_1gsct_107",
+  "custom-range-unit": "awsui_custom-range-unit_16zmw_1gsct_108",
+  "vertical": "awsui_vertical_16zmw_1gsct_114",
+  "custom-range-duration-input": "awsui_custom-range-duration-input_16zmw_1gsct_125",
+  "custom-range-unit-select": "awsui_custom-range-unit-select_16zmw_1gsct_126",
+  "relative-range-radio-group": "awsui_relative-range-radio-group_16zmw_1gsct_130"
+};
+  

package/date-range-picker/styles.css.js

@@ -0,0 +1,47 @@
+
+    import './styles.scoped.css';
+    export default {
+  "calendar": "awsui_calendar_mgja0_h6650_93",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_h6650_1",
+  "root": "awsui_root_mgja0_h6650_120",
+  "trigger-wrapper": "awsui_trigger-wrapper_mgja0_h6650_132",
+  "trigger-flexbox": "awsui_trigger-flexbox_mgja0_h6650_136",
+  "preferred-wordbreak": "awsui_preferred-wordbreak_mgja0_h6650_140",
+  "one-grid": "awsui_one-grid_mgja0_h6650_148",
+  "calendar-header": "awsui_calendar-header_mgja0_h6650_151",
+  "calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_h6650_157",
+  "calendar-header-month": "awsui_calendar-header-month_mgja0_h6650_157",
+  "calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_h6650_177",
+  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_h6650_180",
+  "calendar-day-names": "awsui_calendar-day-names_mgja0_h6650_183",
+  "calendar-day-name": "awsui_calendar-day-name_mgja0_h6650_183",
+  "calendar-week": "awsui_calendar-week_mgja0_h6650_198",
+  "first-grid": "awsui_first-grid_mgja0_h6650_203",
+  "second-grid": "awsui_second-grid_mgja0_h6650_204",
+  "grid": "awsui_grid_mgja0_h6650_208",
+  "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_h6650_212",
+  "date-and-time-wrapper__date": "awsui_date-and-time-wrapper__date_mgja0_h6650_216",
+  "date-and-time-wrapper__time": "awsui_date-and-time-wrapper__time_mgja0_h6650_219",
+  "date-and-time-constrainttext": "awsui_date-and-time-constrainttext_mgja0_h6650_223",
+  "footer": "awsui_footer_mgja0_h6650_230",
+  "has-clear-button": "awsui_has-clear-button_mgja0_h6650_237",
+  "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_h6650_244",
+  "icon-wrapper": "awsui_icon-wrapper_mgja0_h6650_248",
+  "label": "awsui_label_mgja0_h6650_253",
+  "label-enabled": "awsui_label-enabled_mgja0_h6650_258",
+  "label-text": "awsui_label-text_mgja0_h6650_262",
+  "mode-switch": "awsui_mode-switch_mgja0_h6650_267",
+  "dropdown": "awsui_dropdown_mgja0_h6650_271",
+  "dropdown-content": "awsui_dropdown-content_mgja0_h6650_287",
+  "start-date-input": "awsui_start-date-input_mgja0_h6650_296",
+  "start-time-input": "awsui_start-time-input_mgja0_h6650_297",
+  "end-date-input": "awsui_end-date-input_mgja0_h6650_298",
+  "end-time-input": "awsui_end-time-input_mgja0_h6650_299",
+  "validation-section": "awsui_validation-section_mgja0_h6650_303",
+  "validation-error": "awsui_validation-error_mgja0_h6650_307",
+  "clear-button": "awsui_clear-button_mgja0_h6650_311",
+  "apply-button": "awsui_apply-button_mgja0_h6650_315",
+  "cancel-button": "awsui_cancel-button_mgja0_h6650_319",
+  "calendar-aria-live": "awsui_calendar-aria-live_mgja0_h6650_323"
+};
+