@cloudscape-design/components-themeable 3.0.536 → 3.0.538

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["date-picker/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, { Ref, useCallback, useRef, useState } from 'react';\nimport styles from './styles.css.js';\nimport { DatePickerProps } from './interfaces';\nimport InternalCalendar from '../calendar/internal';\nimport { normalizeLocale } from '../internal/utils/locale';\nimport { getDateLabel, renderMonthAndYear } from '../calendar/utils/intl';\nimport { InputProps } from '../input/interfaces';\nimport { KeyCode } from '../internal/keycode';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport Dropdown from '../internal/components/dropdown';\nimport InternalDateInput from '../date-input/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name.js';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport { useFocusTracker } from '../internal/hooks/use-focus-tracker.js';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport FocusLock from '../internal/components/focus-lock';\nimport { parseDate } from '../internal/utils/date-time';\nimport LiveRegion from '../internal/components/live-region';\nimport { useFormFieldContext } from '../contexts/form-field.js';\nimport { useLocale } from '../i18n/context.js';\n\nexport { DatePickerProps };\n\nconst DatePicker = React.forwardRef(\n  (\n    {\n      locale = '',\n      startOfWeek,\n      isDateEnabled,\n      nextMonthAriaLabel,\n      previousMonthAriaLabel,\n      todayAriaLabel,\n      placeholder = '',\n      value = '',\n      readOnly = false,\n      disabled = false,\n      onBlur,\n      autoFocus = false,\n      onChange,\n      onFocus,\n      name,\n      ariaLabel,\n      ariaRequired,\n      controlId,\n      invalid,\n      openCalendarAriaLabel,\n      expandToViewport,\n      ...restProps\n    }: DatePickerProps,\n    ref: Ref<DatePickerProps.Ref>\n  ) => {\n    const { __internalRootRef } = useBaseComponent('DatePicker');\n    checkControlled('DatePicker', 'value', value, 'onChange', onChange);\n\n    const contextLocale = useLocale();\n    const normalizedLocale = normalizeLocale('DatePicker', locale || contextLocale);\n\n    const baseProps = getBaseProps(restProps);\n    const [isDropDownOpen, setIsDropDownOpen] = useState<boolean>(false);\n    const { ariaLabelledby, ariaDescribedby } = useFormFieldContext(restProps);\n\n    const internalInputRef = useRef<HTMLInputElement>(null);\n    const buttonRef = useRef<ButtonProps.Ref>(null);\n    useForwardFocus(ref, internalInputRef);\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    const dropdownId = useUniqueId('calender');\n    const calendarDescriptionId = useUniqueId('calendar-description-');\n    const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n\n    useFocusTracker({ rootRef, onBlur, onFocus });\n\n    const onDropdownCloseHandler = useCallback(() => setIsDropDownOpen(false), [setIsDropDownOpen]);\n\n    const onButtonClickHandler = () => {\n      if (!isDropDownOpen) {\n        setIsDropDownOpen(true);\n      }\n    };\n\n    const onWrapperKeyDownHandler = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.keyCode === KeyCode.escape && isDropDownOpen) {\n        event.stopPropagation();\n        buttonRef.current?.focus();\n        setIsDropDownOpen(false);\n      }\n    };\n\n    const onInputChangeHandler: InputProps['onChange'] = event => {\n      fireNonCancelableEvent(onChange, { value: event.detail.value });\n    };\n\n    const onInputBlurHandler: InputProps['onBlur'] = () => {\n      if (!isDropDownOpen) {\n        setIsDropDownOpen(false);\n      }\n    };\n\n    // Set displayed date to value if defined or to current date otherwise.\n    const parsedValue = value && value.length >= 4 ? parseDate(value) : null;\n    const baseDate = parsedValue || new Date();\n\n    const trigger = (\n      <div className={styles['date-picker-trigger']}>\n        <div className={styles['date-picker-input']}>\n          <InternalDateInput\n            name={name}\n            invalid={invalid}\n            controlId={controlId}\n            ariaLabelledby={ariaLabelledby}\n            ariaDescribedby={ariaDescribedby}\n            ariaLabel={ariaLabel}\n            ariaRequired={ariaRequired}\n            value={value}\n            disabled={disabled}\n            readOnly={readOnly}\n            onChange={onInputChangeHandler}\n            onBlur={onInputBlurHandler}\n            placeholder={placeholder}\n            ref={internalInputRef}\n            autoFocus={autoFocus}\n            onFocus={onDropdownCloseHandler}\n          />\n        </div>\n        <div>\n          <InternalButton\n            iconName=\"calendar\"\n            className={styles['open-calendar-button']}\n            onClick={onButtonClickHandler}\n            ref={buttonRef}\n            ariaLabel={\n              openCalendarAriaLabel &&\n              openCalendarAriaLabel(value.length === 10 ? getDateLabel(normalizedLocale, parsedValue!) : null)\n            }\n            disabled={disabled || readOnly}\n            formAction=\"none\"\n          />\n        </div>\n      </div>\n    );\n\n    baseProps.className = clsx(baseProps.className, styles.root, styles['date-picker-container']);\n\n    const handleMouseDown = (event: React.MouseEvent) => {\n      // prevent currently focused element from losing it\n      event.preventDefault();\n    };\n\n    return (\n      <div {...baseProps} ref={mergedRef} onKeyDown={!disabled && !readOnly ? onWrapperKeyDownHandler : undefined}>\n        {disabled || readOnly ? (\n          trigger\n        ) : (\n          <Dropdown\n            stretchWidth={true}\n            stretchHeight={true}\n            open={isDropDownOpen}\n            onDropdownClose={onDropdownCloseHandler}\n            onMouseDown={handleMouseDown}\n            trigger={trigger}\n            expandToViewport={expandToViewport}\n            scrollable={false}\n            dropdownId={dropdownId}\n          >\n            {isDropDownOpen && (\n              <FocusLock className={styles['focus-lock']} autoFocus={true}>\n                <div tabIndex={0} className={styles.calendar} role=\"dialog\" aria-modal=\"true\">\n                  <InternalCalendar\n                    value={value}\n                    onChange={e => {\n                      fireNonCancelableEvent(onChange, e.detail);\n                      buttonRef?.current?.focus();\n                      setIsDropDownOpen(false);\n                    }}\n                    locale={normalizedLocale}\n                    startOfWeek={startOfWeek}\n                    ariaDescribedby={calendarDescriptionId}\n                    ariaLabel={ariaLabel}\n                    ariaLabelledby={ariaLabelledby}\n                    isDateEnabled={isDateEnabled}\n                    todayAriaLabel={todayAriaLabel}\n                    nextMonthAriaLabel={nextMonthAriaLabel}\n                    previousMonthAriaLabel={previousMonthAriaLabel}\n                  />\n                  <LiveRegion id={calendarDescriptionId}>{renderMonthAndYear(normalizedLocale, baseDate)}</LiveRegion>\n                </div>\n              </FocusLock>\n            )}\n          </Dropdown>\n        )}\n      </div>\n    );\n  }\n);\n\napplyDisplayName(DatePicker, 'DatePicker');\nexport default DatePicker;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["date-picker/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, { Ref, useCallback, useRef, useState } from 'react';\nimport styles from './styles.css.js';\nimport { DatePickerProps } from './interfaces';\nimport InternalCalendar from '../calendar/internal';\nimport { normalizeLocale } from '../internal/utils/locale';\nimport { getDateLabel, renderMonthAndYear } from '../calendar/utils/intl';\nimport { InputProps } from '../input/interfaces';\nimport { KeyCode } from '../internal/keycode';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport Dropdown from '../internal/components/dropdown';\nimport InternalDateInput from '../date-input/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name.js';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport { useFocusTracker } from '../internal/hooks/use-focus-tracker.js';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport FocusLock from '../internal/components/focus-lock';\nimport { parseDate } from '../internal/utils/date-time';\nimport LiveRegion from '../internal/components/live-region';\nimport { useFormFieldContext } from '../contexts/form-field.js';\nimport { useLocale } from '../i18n/context.js';\n\nexport { DatePickerProps };\n\nconst DatePicker = React.forwardRef(\n  (\n    {\n      locale = '',\n      startOfWeek,\n      isDateEnabled,\n      nextMonthAriaLabel,\n      previousMonthAriaLabel,\n      todayAriaLabel,\n      i18nStrings,\n      placeholder = '',\n      value = '',\n      readOnly = false,\n      disabled = false,\n      onBlur,\n      autoFocus = false,\n      onChange,\n      onFocus,\n      name,\n      ariaLabel,\n      ariaRequired,\n      controlId,\n      invalid,\n      openCalendarAriaLabel,\n      expandToViewport,\n      ...restProps\n    }: DatePickerProps,\n    ref: Ref<DatePickerProps.Ref>\n  ) => {\n    const { __internalRootRef } = useBaseComponent('DatePicker');\n    checkControlled('DatePicker', 'value', value, 'onChange', onChange);\n\n    const contextLocale = useLocale();\n    const normalizedLocale = normalizeLocale('DatePicker', locale || contextLocale);\n\n    const baseProps = getBaseProps(restProps);\n    const [isDropDownOpen, setIsDropDownOpen] = useState<boolean>(false);\n    const { ariaLabelledby, ariaDescribedby } = useFormFieldContext(restProps);\n\n    const internalInputRef = useRef<HTMLInputElement>(null);\n    const buttonRef = useRef<ButtonProps.Ref>(null);\n    useForwardFocus(ref, internalInputRef);\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    const dropdownId = useUniqueId('calender');\n    const calendarDescriptionId = useUniqueId('calendar-description-');\n    const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n\n    useFocusTracker({ rootRef, onBlur, onFocus });\n\n    const onDropdownCloseHandler = useCallback(() => setIsDropDownOpen(false), [setIsDropDownOpen]);\n\n    const onButtonClickHandler = () => {\n      if (!isDropDownOpen) {\n        setIsDropDownOpen(true);\n      }\n    };\n\n    const onWrapperKeyDownHandler = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.keyCode === KeyCode.escape && isDropDownOpen) {\n        event.stopPropagation();\n        buttonRef.current?.focus();\n        setIsDropDownOpen(false);\n      }\n    };\n\n    const onInputChangeHandler: InputProps['onChange'] = event => {\n      fireNonCancelableEvent(onChange, { value: event.detail.value });\n    };\n\n    const onInputBlurHandler: InputProps['onBlur'] = () => {\n      if (!isDropDownOpen) {\n        setIsDropDownOpen(false);\n      }\n    };\n\n    // Set displayed date to value if defined or to current date otherwise.\n    const parsedValue = value && value.length >= 4 ? parseDate(value) : null;\n    const baseDate = parsedValue || new Date();\n\n    const trigger = (\n      <div className={styles['date-picker-trigger']}>\n        <div className={styles['date-picker-input']}>\n          <InternalDateInput\n            name={name}\n            invalid={invalid}\n            controlId={controlId}\n            ariaLabelledby={ariaLabelledby}\n            ariaDescribedby={ariaDescribedby}\n            ariaLabel={ariaLabel}\n            ariaRequired={ariaRequired}\n            value={value}\n            disabled={disabled}\n            readOnly={readOnly}\n            onChange={onInputChangeHandler}\n            onBlur={onInputBlurHandler}\n            placeholder={placeholder}\n            ref={internalInputRef}\n            autoFocus={autoFocus}\n            onFocus={onDropdownCloseHandler}\n          />\n        </div>\n        <div>\n          <InternalButton\n            iconName=\"calendar\"\n            className={styles['open-calendar-button']}\n            onClick={onButtonClickHandler}\n            ref={buttonRef}\n            ariaLabel={\n              openCalendarAriaLabel &&\n              openCalendarAriaLabel(value.length === 10 ? getDateLabel(normalizedLocale, parsedValue!) : null)\n            }\n            disabled={disabled || readOnly}\n            formAction=\"none\"\n          />\n        </div>\n      </div>\n    );\n\n    baseProps.className = clsx(baseProps.className, styles.root, styles['date-picker-container']);\n\n    const handleMouseDown = (event: React.MouseEvent) => {\n      // prevent currently focused element from losing it\n      event.preventDefault();\n    };\n\n    return (\n      <div {...baseProps} ref={mergedRef} onKeyDown={!disabled && !readOnly ? onWrapperKeyDownHandler : undefined}>\n        {disabled || readOnly ? (\n          trigger\n        ) : (\n          <Dropdown\n            stretchWidth={true}\n            stretchHeight={true}\n            open={isDropDownOpen}\n            onDropdownClose={onDropdownCloseHandler}\n            onMouseDown={handleMouseDown}\n            trigger={trigger}\n            expandToViewport={expandToViewport}\n            scrollable={false}\n            dropdownId={dropdownId}\n          >\n            {isDropDownOpen && (\n              <FocusLock className={styles['focus-lock']} autoFocus={true}>\n                <div tabIndex={0} className={styles.calendar} role=\"dialog\" aria-modal=\"true\">\n                  <InternalCalendar\n                    value={value}\n                    onChange={e => {\n                      fireNonCancelableEvent(onChange, e.detail);\n                      buttonRef?.current?.focus();\n                      setIsDropDownOpen(false);\n                    }}\n                    locale={normalizedLocale}\n                    startOfWeek={startOfWeek}\n                    ariaDescribedby={calendarDescriptionId}\n                    ariaLabel={ariaLabel}\n                    ariaLabelledby={ariaLabelledby}\n                    isDateEnabled={isDateEnabled}\n                    i18nStrings={{\n                      todayAriaLabel: i18nStrings?.todayAriaLabel || todayAriaLabel,\n                      nextMonthAriaLabel: i18nStrings?.nextMonthAriaLabel || nextMonthAriaLabel,\n                      previousMonthAriaLabel: i18nStrings?.previousMonthAriaLabel || previousMonthAriaLabel,\n                    }}\n                  />\n                  <LiveRegion id={calendarDescriptionId}>{renderMonthAndYear(normalizedLocale, baseDate)}</LiveRegion>\n                </div>\n              </FocusLock>\n            )}\n          </Dropdown>\n        )}\n      </div>\n    );\n  }\n);\n\napplyDisplayName(DatePicker, 'DatePicker');\nexport default DatePicker;\n"]}

package/lib/internal/template/date-picker/interfaces.d.ts

@@ -59,6 +59,12 @@ export interface DatePickerProps extends BaseComponentProps, FormFieldValidation
      * Called when input focus is removed from the UI control.
      */
     onBlur?: NonCancelableEventHandler<null>;
+    /**
+     * An object containing all the necessary localized strings required by
+     * the component.
+     * @i18n
+     */
+    i18nStrings?: DatePickerProps.I18nStrings;
 }
 export declare namespace DatePickerProps {
     interface ChangeDetail {
@@ -79,5 +85,6 @@ export declare namespace DatePickerProps {
          */
         focus(): void;
     }
+    type I18nStrings = CalendarProps.I18nStrings;
 }
 //# sourceMappingURL=interfaces.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["date-picker/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AACzF,OAAO,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AAC9E,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,MAAM,WAAW,eACf,SAAQ,kBAAkB,EACxB,+BAA+B,EAC/B,gBAAgB,EAChB,aAAa;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,eAAe,CAAC,qBAAqB,CAAC;IAE9D;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAE1C;;OAEG;IACH,MAAM,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;CAC1C;AAED,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,YAAY;QAC3B;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;KACf;IAED,UAAiB,qBAAqB;QACpC,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC;KACvB;IAED,UAAiB,qBAAqB;QACpC,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC;KACvC;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;CACF"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["date-picker/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AACzF,OAAO,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AAC9E,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,MAAM,WAAW,eACf,SAAQ,kBAAkB,EACxB,+BAA+B,EAC/B,gBAAgB,EAChB,aAAa;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,eAAe,CAAC,qBAAqB,CAAC;IAE9D;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAE1C;;OAEG;IACH,MAAM,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAEzC;;;;OAIG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC;CAC3C;AAED,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,YAAY;QAC3B;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;KACf;IAED,UAAiB,qBAAqB;QACpC,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC;KACvB;IAED,UAAiB,qBAAqB;QACpC,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC;KACvC;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;IAED,KAAY,WAAW,GAAG,aAAa,CAAC,WAAW,CAAC;CACrD"}

package/lib/internal/template/date-picker/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["date-picker/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\nimport { ExpandToViewport } from '../internal/components/dropdown/interfaces';\nimport { NonCancelableEventHandler } from '../internal/events';\nimport { CalendarProps } from '../calendar/interfaces';\n\nexport interface DatePickerProps\n  extends BaseComponentProps,\n    FormFieldValidationControlProps,\n    ExpandToViewport,\n    CalendarProps {\n  /**\n   * Specifies the placeholder text rendered when the value is an empty string.\n   */\n  placeholder?: string;\n\n  /**\n   * Specifies a function that generates the `aria-label` for the 'open calendar' button. The `selectedDate` parameter is\n   * a human-readable localised string representing the current value of the input.\n   * (for example, ``selectedDate => 'Choose Date' + (selectedDate ? `, selected date is ${selectedDate}` : '')``)\n   */\n  openCalendarAriaLabel?: DatePickerProps.OpenCalendarAriaLabel;\n\n  /**\n   * Specifies the name of the control used in HTML forms.\n   */\n  name?: string;\n\n  /**\n   * Specifies if the control is disabled, which prevents the\n   * user from modifying the value and prevents the value from\n   * being included in a form submission. A disabled control can't\n   * receive focus.\n   */\n  disabled?: boolean;\n\n  /**\n   * Specifies if the control is read only, which prevents the\n   * user from modifying the value but includes it in a form\n   * submission. A read-only control can receive focus.\n   *\n   * Do not use read-only inputs outside of a form.\n   */\n  readOnly?: boolean;\n\n  /**\n   * Indicates whether the control should be focused as\n   * soon as the page loads, which enables the user to\n   * start typing without having to manually focus the control. Don't\n   * use this option on pages where the control may be\n   * scrolled out of the viewport.\n   */\n  autoFocus?: boolean;\n\n  /**\n   * Adds an `aria-label` to the native control.\n   *\n   * Use this if you don't have a visible label for this control.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Specifies whether to add `aria-required` to the native control.\n   */\n  ariaRequired?: boolean;\n\n  /**\n   * Called when input focus is moved to the UI control.\n   */\n  onFocus?: NonCancelableEventHandler<null>;\n\n  /**\n   * Called when input focus is removed from the UI control.\n   */\n  onBlur?: NonCancelableEventHandler<null>;\n}\n\nexport namespace DatePickerProps {\n  export interface ChangeDetail {\n    /**\n     * The new value of this date-picker.\n     */\n    value: string;\n  }\n\n  export interface IsDateEnabledFunction {\n    (date: Date): boolean;\n  }\n\n  export interface OpenCalendarAriaLabel {\n    (selectedDate: string | null): string;\n  }\n\n  export interface Ref {\n    /**\n     * Sets the browser focus on the UI control\n     */\n    focus(): void;\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["date-picker/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\nimport { ExpandToViewport } from '../internal/components/dropdown/interfaces';\nimport { NonCancelableEventHandler } from '../internal/events';\nimport { CalendarProps } from '../calendar/interfaces';\n\nexport interface DatePickerProps\n  extends BaseComponentProps,\n    FormFieldValidationControlProps,\n    ExpandToViewport,\n    CalendarProps {\n  /**\n   * Specifies the placeholder text rendered when the value is an empty string.\n   */\n  placeholder?: string;\n\n  /**\n   * Specifies a function that generates the `aria-label` for the 'open calendar' button. The `selectedDate` parameter is\n   * a human-readable localised string representing the current value of the input.\n   * (for example, ``selectedDate => 'Choose Date' + (selectedDate ? `, selected date is ${selectedDate}` : '')``)\n   */\n  openCalendarAriaLabel?: DatePickerProps.OpenCalendarAriaLabel;\n\n  /**\n   * Specifies the name of the control used in HTML forms.\n   */\n  name?: string;\n\n  /**\n   * Specifies if the control is disabled, which prevents the\n   * user from modifying the value and prevents the value from\n   * being included in a form submission. A disabled control can't\n   * receive focus.\n   */\n  disabled?: boolean;\n\n  /**\n   * Specifies if the control is read only, which prevents the\n   * user from modifying the value but includes it in a form\n   * submission. A read-only control can receive focus.\n   *\n   * Do not use read-only inputs outside of a form.\n   */\n  readOnly?: boolean;\n\n  /**\n   * Indicates whether the control should be focused as\n   * soon as the page loads, which enables the user to\n   * start typing without having to manually focus the control. Don't\n   * use this option on pages where the control may be\n   * scrolled out of the viewport.\n   */\n  autoFocus?: boolean;\n\n  /**\n   * Adds an `aria-label` to the native control.\n   *\n   * Use this if you don't have a visible label for this control.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Specifies whether to add `aria-required` to the native control.\n   */\n  ariaRequired?: boolean;\n\n  /**\n   * Called when input focus is moved to the UI control.\n   */\n  onFocus?: NonCancelableEventHandler<null>;\n\n  /**\n   * Called when input focus is removed from the UI control.\n   */\n  onBlur?: NonCancelableEventHandler<null>;\n\n  /**\n   * An object containing all the necessary localized strings required by\n   * the component.\n   * @i18n\n   */\n  i18nStrings?: DatePickerProps.I18nStrings;\n}\n\nexport namespace DatePickerProps {\n  export interface ChangeDetail {\n    /**\n     * The new value of this date-picker.\n     */\n    value: string;\n  }\n\n  export interface IsDateEnabledFunction {\n    (date: Date): boolean;\n  }\n\n  export interface OpenCalendarAriaLabel {\n    (selectedDate: string | null): string;\n  }\n\n  export interface Ref {\n    /**\n     * Sets the browser focus on the UI control\n     */\n    focus(): void;\n  }\n\n  export type I18nStrings = CalendarProps.I18nStrings;\n}\n"]}

package/lib/internal/template/date-picker/styles.css.js

@@ -1,12 +1,12 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_145pa_1dahn_93",
-  "focus-lock": "awsui_focus-lock_145pa_1dahn_128",
-  "calendar": "awsui_calendar_145pa_1dahn_132",
-  "date-picker-container": "awsui_date-picker-container_145pa_1dahn_148",
-  "date-picker-trigger": "awsui_date-picker-trigger_145pa_1dahn_153",
-  "date-picker-input": "awsui_date-picker-input_145pa_1dahn_157",
-  "open-calendar-button": "awsui_open-calendar-button_145pa_1dahn_162"
+  "root": "awsui_root_145pa_1pwk7_93",
+  "focus-lock": "awsui_focus-lock_145pa_1pwk7_128",
+  "calendar": "awsui_calendar_145pa_1pwk7_132",
+  "date-picker-container": "awsui_date-picker-container_145pa_1pwk7_148",
+  "date-picker-trigger": "awsui_date-picker-trigger_145pa_1pwk7_153",
+  "date-picker-input": "awsui_date-picker-input_145pa_1pwk7_157",
+  "open-calendar-button": "awsui_open-calendar-button_145pa_1pwk7_162"
 };
   

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

@@ -90,7 +90,7 @@ 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_root_145pa_1dahn_93:not(#\9) {
+.awsui_root_145pa_1pwk7_93:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -126,17 +126,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_focus-lock_145pa_1dahn_128:not(#\9) {
+.awsui_focus-lock_145pa_1pwk7_128:not(#\9) {
   display: contents;
 }
 
-.awsui_calendar_145pa_1dahn_132:not(#\9) {
+.awsui_calendar_145pa_1pwk7_132:not(#\9) {
   overflow: auto;
 }
-.awsui_calendar_145pa_1dahn_132:not(#\9):focus {
+.awsui_calendar_145pa_1pwk7_132:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_calendar_145pa_1dahn_132:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_calendar_145pa_1pwk7_132:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-start-start-radius: var(--border-radius-dropdown-cw0ldi, 0px);
@@ -146,20 +146,20 @@ body[data-awsui-focus-visible=true] .awsui_calendar_145pa_1dahn_132:not(#\9):foc
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
 
-.awsui_date-picker-container_145pa_1dahn_148:not(#\9) {
+.awsui_date-picker-container_145pa_1pwk7_148:not(#\9) {
   position: relative;
-  max-width: 234px;
+  max-inline-size: 234px;
 }
 
-.awsui_date-picker-trigger_145pa_1dahn_153:not(#\9) {
+.awsui_date-picker-trigger_145pa_1pwk7_153:not(#\9) {
   display: flex;
 }
 
-.awsui_date-picker-input_145pa_1dahn_157:not(#\9) {
-  padding-right: var(--space-xs-xf5ch3, 8px);
-  width: 100%;
+.awsui_date-picker-input_145pa_1pwk7_157:not(#\9) {
+  padding-inline-end: var(--space-xs-xf5ch3, 8px);
+  inline-size: 100%;
 }
 
-.awsui_open-calendar-button_145pa_1dahn_162:not(#\9) {
+.awsui_open-calendar-button_145pa_1pwk7_162:not(#\9) {
   /* used in test-utils */
 }

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

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_145pa_1dahn_93",
-  "focus-lock": "awsui_focus-lock_145pa_1dahn_128",
-  "calendar": "awsui_calendar_145pa_1dahn_132",
-  "date-picker-container": "awsui_date-picker-container_145pa_1dahn_148",
-  "date-picker-trigger": "awsui_date-picker-trigger_145pa_1dahn_153",
-  "date-picker-input": "awsui_date-picker-input_145pa_1dahn_157",
-  "open-calendar-button": "awsui_open-calendar-button_145pa_1dahn_162"
+  "root": "awsui_root_145pa_1pwk7_93",
+  "focus-lock": "awsui_focus-lock_145pa_1pwk7_128",
+  "calendar": "awsui_calendar_145pa_1pwk7_132",
+  "date-picker-container": "awsui_date-picker-container_145pa_1pwk7_148",
+  "date-picker-trigger": "awsui_date-picker-trigger_145pa_1pwk7_153",
+  "date-picker-input": "awsui_date-picker-input_145pa_1pwk7_157",
+  "open-calendar-button": "awsui_open-calendar-button_145pa_1pwk7_162"
 };
   

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

@@ -1,30 +1,30 @@
 
     import './styles.scoped.css';
     export default {
-  "grid": "awsui_grid_1mfbn_19g8z_97",
-  "grid-cell": "awsui_grid-cell_1mfbn_19g8z_102",
-  "day-header": "awsui_day-header_1mfbn_19g8z_109",
-  "week": "awsui_week_1mfbn_19g8z_117",
-  "day": "awsui_day_1mfbn_19g8z_109",
-  "day-inner": "awsui_day-inner_1mfbn_19g8z_163",
-  "in-first-row": "awsui_in-first-row_1mfbn_19g8z_168",
-  "in-previous-month": "awsui_in-previous-month_1mfbn_19g8z_168",
-  "last-day-of-month": "awsui_last-day-of-month_1mfbn_19g8z_172",
-  "in-next-month": "awsui_in-next-month_1mfbn_19g8z_176",
-  "in-first-column": "awsui_in-first-column_1mfbn_19g8z_180",
-  "in-current-month": "awsui_in-current-month_1mfbn_19g8z_183",
-  "enabled": "awsui_enabled_1mfbn_19g8z_187",
-  "in-range": "awsui_in-range_1mfbn_19g8z_193",
-  "end-date": "awsui_end-date_1mfbn_19g8z_193",
-  "start-date": "awsui_start-date_1mfbn_19g8z_193",
-  "no-range": "awsui_no-range_1mfbn_19g8z_193",
-  "selected": "awsui_selected_1mfbn_19g8z_200",
-  "today": "awsui_today_1mfbn_19g8z_204",
-  "range-start-date": "awsui_range-start-date_1mfbn_19g8z_245",
-  "in-range-border-bottom": "awsui_in-range-border-bottom_1mfbn_19g8z_248",
-  "range-end-date": "awsui_range-end-date_1mfbn_19g8z_251",
-  "in-range-border-top": "awsui_in-range-border-top_1mfbn_19g8z_254",
-  "in-range-border-right": "awsui_in-range-border-right_1mfbn_19g8z_270",
-  "in-range-border-left": "awsui_in-range-border-left_1mfbn_19g8z_276"
+  "grid": "awsui_grid_1mfbn_vqgy8_97",
+  "grid-cell": "awsui_grid-cell_1mfbn_vqgy8_102",
+  "day-header": "awsui_day-header_1mfbn_vqgy8_109",
+  "week": "awsui_week_1mfbn_vqgy8_119",
+  "day": "awsui_day_1mfbn_vqgy8_109",
+  "day-inner": "awsui_day-inner_1mfbn_vqgy8_166",
+  "in-first-row": "awsui_in-first-row_1mfbn_vqgy8_171",
+  "in-previous-month": "awsui_in-previous-month_1mfbn_vqgy8_171",
+  "last-day-of-month": "awsui_last-day-of-month_1mfbn_vqgy8_175",
+  "in-next-month": "awsui_in-next-month_1mfbn_vqgy8_179",
+  "in-first-column": "awsui_in-first-column_1mfbn_vqgy8_183",
+  "in-current-month": "awsui_in-current-month_1mfbn_vqgy8_186",
+  "enabled": "awsui_enabled_1mfbn_vqgy8_190",
+  "in-range": "awsui_in-range_1mfbn_vqgy8_196",
+  "end-date": "awsui_end-date_1mfbn_vqgy8_196",
+  "start-date": "awsui_start-date_1mfbn_vqgy8_196",
+  "no-range": "awsui_no-range_1mfbn_vqgy8_196",
+  "selected": "awsui_selected_1mfbn_vqgy8_206",
+  "today": "awsui_today_1mfbn_vqgy8_211",
+  "range-start-date": "awsui_range-start-date_1mfbn_vqgy8_256",
+  "in-range-border-bottom": "awsui_in-range-border-bottom_1mfbn_vqgy8_259",
+  "range-end-date": "awsui_range-end-date_1mfbn_vqgy8_262",
+  "in-range-border-top": "awsui_in-range-border-top_1mfbn_vqgy8_265",
+  "in-range-border-right": "awsui_in-range-border-right_1mfbn_vqgy8_281",
+  "in-range-border-left": "awsui_in-range-border-left_1mfbn_vqgy8_287"
 };
   

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

@@ -94,59 +94,62 @@ 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_19g8z_97:not(#\9) {
-  width: var(--size-calendar-grid-width-m7rthz, 234px);
+.awsui_grid_1mfbn_vqgy8_97:not(#\9) {
+  inline-size: var(--size-calendar-grid-width-m7rthz, 234px);
   border-spacing: 0;
 }
 
-.awsui_grid-cell_1mfbn_19g8z_102:not(#\9) {
-  width: 14.2857142857%;
+.awsui_grid-cell_1mfbn_vqgy8_102:not(#\9) {
+  inline-size: 14.2857142857%;
   word-break: break-word;
   text-align: center;
   font-weight: unset;
 }
 
-.awsui_day-header_1mfbn_19g8z_109:not(#\9) {
-  padding: var(--space-s-2025hl, 12px) 0 var(--space-xxs-9rrxti, 4px);
+.awsui_day-header_1mfbn_vqgy8_109:not(#\9) {
+  padding-block-start: var(--space-s-2025hl, 12px);
+  padding-block-end: var(--space-xxs-9rrxti, 4px);
+  padding-inline: 0;
   color: var(--color-text-calendar-month-u6kvu0, #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);
 }
 
-.awsui_week_1mfbn_19g8z_117:not(#\9) {
+.awsui_week_1mfbn_vqgy8_119:not(#\9) {
   /* used for identifying element */
 }
 
-.awsui_day_1mfbn_19g8z_109:not(#\9) {
-  border-bottom: 1px solid var(--color-border-calendar-grid-2ab4m1, #eaeded);
-  border-right: 1px solid var(--color-border-calendar-grid-2ab4m1, #eaeded);
-  padding: var(--space-xxs-9rrxti, 4px) 0;
+.awsui_day_1mfbn_vqgy8_109: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);
+  padding-inline: 0;
   color: var(--color-text-dropdown-item-disabled-nf1b1j, #aab7b8);
   position: relative;
 }
-.awsui_day_1mfbn_19g8z_109:not(#\9):focus {
+.awsui_day_1mfbn_vqgy8_109:not(#\9):focus {
   outline: none;
 }
-.awsui_day_1mfbn_19g8z_109:not(#\9)::after {
+.awsui_day_1mfbn_vqgy8_109:not(#\9)::after {
   content: "";
   position: absolute;
   z-index: 1;
-  top: calc(-1 * var(--border-item-width-0zxiwv, 1px));
-  left: -1px;
-  bottom: -1px;
-  right: calc(-1 * var(--border-item-width-0zxiwv, 1px));
+  inset-block-start: calc(-1 * var(--border-item-width-0zxiwv, 1px));
+  inset-block-end: -1px;
+  inset-inline-start: -1px;
+  inset-inline-end: calc(-1 * var(--border-item-width-0zxiwv, 1px));
   background-color: transparent;
 }
-body[data-awsui-focus-visible=true] .awsui_day_1mfbn_19g8z_109:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_day_1mfbn_vqgy8_109:not(#\9):focus {
   z-index: 2;
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_day_1mfbn_19g8z_109:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_day_1mfbn_vqgy8_109:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-pkb6ov, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_day_1mfbn_19g8z_109:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_day_1mfbn_vqgy8_109:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -160,67 +163,74 @@ body[data-awsui-focus-visible=true] .awsui_day_1mfbn_19g8z_109:not(#\9):focus::b
   border-end-end-radius: var(--border-radius-calendar-day-focus-ring-6ckim2, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_day_1mfbn_19g8z_109 > .awsui_day-inner_1mfbn_19g8z_163:not(#\9) {
+.awsui_day_1mfbn_vqgy8_109 > .awsui_day-inner_1mfbn_vqgy8_166:not(#\9) {
   position: relative;
   z-index: 1;
 }
 
-.awsui_in-first-row_1mfbn_19g8z_168:not(#\9):not(.awsui_in-previous-month_1mfbn_19g8z_168) {
-  border-top: 1px solid var(--color-border-calendar-grid-2ab4m1, #eaeded);
+.awsui_in-first-row_1mfbn_vqgy8_171:not(#\9):not(.awsui_in-previous-month_1mfbn_vqgy8_171) {
+  border-block-start: 1px solid var(--color-border-calendar-grid-2ab4m1, #eaeded);
 }
 
-.awsui_in-previous-month_1mfbn_19g8z_168:not(#\9):not(.awsui_last-day-of-month_1mfbn_19g8z_172) {
-  border-right-color: transparent;
+.awsui_in-previous-month_1mfbn_vqgy8_171:not(#\9):not(.awsui_last-day-of-month_1mfbn_vqgy8_175) {
+  border-inline-end-color: transparent;
 }
 
-.awsui_in-next-month_1mfbn_19g8z_176:not(#\9) {
+.awsui_in-next-month_1mfbn_vqgy8_179:not(#\9) {
   border-color: transparent;
 }
 
-.awsui_in-first-column_1mfbn_19g8z_180:not(#\9) {
-  border-left: 1px solid transparent;
+.awsui_in-first-column_1mfbn_vqgy8_183:not(#\9) {
+  border-inline-start: 1px solid transparent;
 }
-.awsui_in-first-column_1mfbn_19g8z_180.awsui_in-current-month_1mfbn_19g8z_183:not(#\9) {
-  border-left: 1px solid var(--color-border-calendar-grid-2ab4m1, #eaeded);
+.awsui_in-first-column_1mfbn_vqgy8_183.awsui_in-current-month_1mfbn_vqgy8_186:not(#\9) {
+  border-inline-start: 1px solid var(--color-border-calendar-grid-2ab4m1, #eaeded);
 }
 
-.awsui_enabled_1mfbn_19g8z_187:not(#\9) {
+.awsui_enabled_1mfbn_vqgy8_190:not(#\9) {
   cursor: pointer;
 }
-.awsui_enabled_1mfbn_19g8z_187.awsui_in-current-month_1mfbn_19g8z_183:not(#\9) {
+.awsui_enabled_1mfbn_vqgy8_190.awsui_in-current-month_1mfbn_vqgy8_186:not(#\9) {
   color: var(--color-text-dropdown-item-default-d4af6n, #16191f);
 }
-.awsui_enabled_1mfbn_19g8z_187.awsui_in-current-month_1mfbn_19g8z_183:not(#\9):not(.awsui_in-range_1mfbn_19g8z_193), .awsui_enabled_1mfbn_19g8z_187.awsui_in-current-month_1mfbn_19g8z_183:not(#\9):not(.awsui_in-range_1mfbn_19g8z_193)::after, .awsui_enabled_1mfbn_19g8z_187.awsui_in-current-month_1mfbn_19g8z_183.awsui_end-date_1mfbn_19g8z_193.awsui_start-date_1mfbn_19g8z_193:not(#\9), .awsui_enabled_1mfbn_19g8z_187.awsui_in-current-month_1mfbn_19g8z_183.awsui_end-date_1mfbn_19g8z_193.awsui_start-date_1mfbn_19g8z_193:not(#\9)::after, .awsui_enabled_1mfbn_19g8z_187.awsui_in-current-month_1mfbn_19g8z_183.awsui_no-range_1mfbn_19g8z_193:not(#\9), .awsui_enabled_1mfbn_19g8z_187.awsui_in-current-month_1mfbn_19g8z_183.awsui_no-range_1mfbn_19g8z_193:not(#\9)::after {
-  border-radius: var(--border-radius-item-jsz3j8, 0px);
+.awsui_enabled_1mfbn_vqgy8_190.awsui_in-current-month_1mfbn_vqgy8_186:not(#\9):not(.awsui_in-range_1mfbn_vqgy8_196), .awsui_enabled_1mfbn_vqgy8_190.awsui_in-current-month_1mfbn_vqgy8_186:not(#\9):not(.awsui_in-range_1mfbn_vqgy8_196)::after, .awsui_enabled_1mfbn_vqgy8_190.awsui_in-current-month_1mfbn_vqgy8_186.awsui_end-date_1mfbn_vqgy8_196.awsui_start-date_1mfbn_vqgy8_196:not(#\9), .awsui_enabled_1mfbn_vqgy8_190.awsui_in-current-month_1mfbn_vqgy8_186.awsui_end-date_1mfbn_vqgy8_196.awsui_start-date_1mfbn_vqgy8_196:not(#\9)::after, .awsui_enabled_1mfbn_vqgy8_190.awsui_in-current-month_1mfbn_vqgy8_186.awsui_no-range_1mfbn_vqgy8_196:not(#\9), .awsui_enabled_1mfbn_vqgy8_190.awsui_in-current-month_1mfbn_vqgy8_186.awsui_no-range_1mfbn_vqgy8_196: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_19g8z_187.awsui_in-current-month_1mfbn_19g8z_183:not(#\9):hover {
+.awsui_enabled_1mfbn_vqgy8_190.awsui_in-current-month_1mfbn_vqgy8_186:not(#\9):hover {
   color: var(--color-text-calendar-day-hover-vvw9ks, #16191f);
   background-color: var(--color-background-dropdown-item-hover-i8ac7r, #f2f3f3);
 }
-.awsui_enabled_1mfbn_19g8z_187.awsui_in-current-month_1mfbn_19g8z_183:not(#\9):hover:not(.awsui_selected_1mfbn_19g8z_200)::after {
-  border: var(--border-item-width-0zxiwv, 1px) solid var(--color-border-dropdown-item-hover-gqjku2, #879596);
+.awsui_enabled_1mfbn_vqgy8_190.awsui_in-current-month_1mfbn_vqgy8_186:not(#\9):hover:not(.awsui_selected_1mfbn_vqgy8_206)::after {
+  border-block: var(--border-item-width-0zxiwv, 1px) solid var(--color-border-dropdown-item-hover-gqjku2, #879596);
+  border-inline: var(--border-item-width-0zxiwv, 1px) solid var(--color-border-dropdown-item-hover-gqjku2, #879596);
 }
 
-.awsui_today_1mfbn_19g8z_204:not(#\9):not(.awsui_in-range_1mfbn_19g8z_193) {
+.awsui_today_1mfbn_vqgy8_211:not(#\9):not(.awsui_in-range_1mfbn_vqgy8_196) {
   background-color: var(--color-background-calendar-today-a3tqxx, #f2f3f3);
-  border-radius: var(--border-radius-item-jsz3j8, 0px);
+  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);
   font-weight: 700;
 }
 
-.awsui_selected_1mfbn_19g8z_200:not(#\9) {
+.awsui_selected_1mfbn_vqgy8_206:not(#\9) {
   border-color: transparent;
   position: relative;
   z-index: 2;
   font-weight: 700;
 }
-body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_19g8z_200:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_vqgy8_206:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_19g8z_200:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_vqgy8_206:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-calendar-grid-selected-focus-outline-gutter-3hk571, 2px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_19g8z_200:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_vqgy8_206:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -234,57 +244,58 @@ body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_19g8z_200:not(#\9):foc
   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-hhlvy8, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_19g8z_200:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_vqgy8_206:not(#\9):focus::before {
   z-index: 1;
 }
-.awsui_selected_1mfbn_19g8z_200:not(#\9)::after {
+.awsui_selected_1mfbn_vqgy8_206:not(#\9)::after {
   background-color: var(--color-background-control-checked-pvanxo, #0073bb);
-  border: var(--border-item-width-0zxiwv, 1px) solid var(--color-background-control-checked-pvanxo, #0073bb);
+  border-block: var(--border-item-width-0zxiwv, 1px) solid var(--color-background-control-checked-pvanxo, #0073bb);
+  border-inline: var(--border-item-width-0zxiwv, 1px) solid var(--color-background-control-checked-pvanxo, #0073bb);
   z-index: 0;
 }
-.awsui_selected_1mfbn_19g8z_200.awsui_start-date_1mfbn_19g8z_193:not(#\9), .awsui_selected_1mfbn_19g8z_200.awsui_start-date_1mfbn_19g8z_193:not(#\9)::after, .awsui_selected_1mfbn_19g8z_200.awsui_range-start-date_1mfbn_19g8z_245:not(#\9), .awsui_selected_1mfbn_19g8z_200.awsui_range-start-date_1mfbn_19g8z_245:not(#\9)::after {
+.awsui_selected_1mfbn_vqgy8_206.awsui_start-date_1mfbn_vqgy8_196:not(#\9), .awsui_selected_1mfbn_vqgy8_206.awsui_start-date_1mfbn_vqgy8_196:not(#\9)::after, .awsui_selected_1mfbn_vqgy8_206.awsui_range-start-date_1mfbn_vqgy8_256:not(#\9), .awsui_selected_1mfbn_vqgy8_206.awsui_range-start-date_1mfbn_vqgy8_256:not(#\9)::after {
   border-top-left-radius: var(--border-radius-item-jsz3j8, 0px);
 }
-.awsui_selected_1mfbn_19g8z_200.awsui_start-date_1mfbn_19g8z_193.awsui_in-range-border-bottom_1mfbn_19g8z_248:not(#\9), .awsui_selected_1mfbn_19g8z_200.awsui_start-date_1mfbn_19g8z_193.awsui_in-range-border-bottom_1mfbn_19g8z_248:not(#\9)::after, .awsui_selected_1mfbn_19g8z_200.awsui_range-start-date_1mfbn_19g8z_245.awsui_in-range-border-bottom_1mfbn_19g8z_248:not(#\9), .awsui_selected_1mfbn_19g8z_200.awsui_range-start-date_1mfbn_19g8z_245.awsui_in-range-border-bottom_1mfbn_19g8z_248:not(#\9)::after {
+.awsui_selected_1mfbn_vqgy8_206.awsui_start-date_1mfbn_vqgy8_196.awsui_in-range-border-bottom_1mfbn_vqgy8_259:not(#\9), .awsui_selected_1mfbn_vqgy8_206.awsui_start-date_1mfbn_vqgy8_196.awsui_in-range-border-bottom_1mfbn_vqgy8_259:not(#\9)::after, .awsui_selected_1mfbn_vqgy8_206.awsui_range-start-date_1mfbn_vqgy8_256.awsui_in-range-border-bottom_1mfbn_vqgy8_259:not(#\9), .awsui_selected_1mfbn_vqgy8_206.awsui_range-start-date_1mfbn_vqgy8_256.awsui_in-range-border-bottom_1mfbn_vqgy8_259:not(#\9)::after {
   border-bottom-left-radius: var(--border-radius-item-jsz3j8, 0px);
 }
-.awsui_selected_1mfbn_19g8z_200.awsui_end-date_1mfbn_19g8z_193:not(#\9), .awsui_selected_1mfbn_19g8z_200.awsui_end-date_1mfbn_19g8z_193:not(#\9)::after, .awsui_selected_1mfbn_19g8z_200.awsui_range-end-date_1mfbn_19g8z_251:not(#\9), .awsui_selected_1mfbn_19g8z_200.awsui_range-end-date_1mfbn_19g8z_251:not(#\9)::after {
+.awsui_selected_1mfbn_vqgy8_206.awsui_end-date_1mfbn_vqgy8_196:not(#\9), .awsui_selected_1mfbn_vqgy8_206.awsui_end-date_1mfbn_vqgy8_196:not(#\9)::after, .awsui_selected_1mfbn_vqgy8_206.awsui_range-end-date_1mfbn_vqgy8_262:not(#\9), .awsui_selected_1mfbn_vqgy8_206.awsui_range-end-date_1mfbn_vqgy8_262:not(#\9)::after {
   border-bottom-right-radius: var(--border-radius-item-jsz3j8, 0px);
 }
-.awsui_selected_1mfbn_19g8z_200.awsui_end-date_1mfbn_19g8z_193.awsui_in-range-border-top_1mfbn_19g8z_254:not(#\9), .awsui_selected_1mfbn_19g8z_200.awsui_end-date_1mfbn_19g8z_193.awsui_in-range-border-top_1mfbn_19g8z_254:not(#\9)::after, .awsui_selected_1mfbn_19g8z_200.awsui_range-end-date_1mfbn_19g8z_251.awsui_in-range-border-top_1mfbn_19g8z_254:not(#\9), .awsui_selected_1mfbn_19g8z_200.awsui_range-end-date_1mfbn_19g8z_251.awsui_in-range-border-top_1mfbn_19g8z_254:not(#\9)::after {
+.awsui_selected_1mfbn_vqgy8_206.awsui_end-date_1mfbn_vqgy8_196.awsui_in-range-border-top_1mfbn_vqgy8_265:not(#\9), .awsui_selected_1mfbn_vqgy8_206.awsui_end-date_1mfbn_vqgy8_196.awsui_in-range-border-top_1mfbn_vqgy8_265:not(#\9)::after, .awsui_selected_1mfbn_vqgy8_206.awsui_range-end-date_1mfbn_vqgy8_262.awsui_in-range-border-top_1mfbn_vqgy8_265:not(#\9), .awsui_selected_1mfbn_vqgy8_206.awsui_range-end-date_1mfbn_vqgy8_262.awsui_in-range-border-top_1mfbn_vqgy8_265:not(#\9)::after {
   border-top-right-radius: var(--border-radius-item-jsz3j8, 0px);
 }
-.awsui_selected_1mfbn_19g8z_200 > .awsui_day-inner_1mfbn_19g8z_163:not(#\9) {
+.awsui_selected_1mfbn_vqgy8_206 > .awsui_day-inner_1mfbn_vqgy8_166:not(#\9) {
   color: var(--color-background-control-default-n6yadr, #ffffff);
   position: relative;
   z-index: 2;
 }
 
-.awsui_in-range_1mfbn_19g8z_193:not(#\9) {
+.awsui_in-range_1mfbn_vqgy8_196:not(#\9) {
   background-color: var(--color-background-dropdown-item-selected-u5p3gx, #f1faff);
   font-weight: 700;
 }
-.awsui_in-range_1mfbn_19g8z_193.awsui_in-range-border-top_1mfbn_19g8z_254:not(#\9)::after {
+.awsui_in-range_1mfbn_vqgy8_196.awsui_in-range-border-top_1mfbn_vqgy8_265:not(#\9)::after {
   border-top: var(--border-item-width-0zxiwv, 1px) solid var(--color-background-control-checked-pvanxo, #0073bb);
 }
-.awsui_in-range_1mfbn_19g8z_193.awsui_in-range-border-right_1mfbn_19g8z_270:not(#\9)::after {
+.awsui_in-range_1mfbn_vqgy8_196.awsui_in-range-border-right_1mfbn_vqgy8_281:not(#\9)::after {
   border-right: var(--border-item-width-0zxiwv, 1px) solid var(--color-background-control-checked-pvanxo, #0073bb);
 }
-.awsui_in-range_1mfbn_19g8z_193.awsui_in-range-border-bottom_1mfbn_19g8z_248:not(#\9)::after {
+.awsui_in-range_1mfbn_vqgy8_196.awsui_in-range-border-bottom_1mfbn_vqgy8_259:not(#\9)::after {
   border-bottom: var(--border-item-width-0zxiwv, 1px) solid var(--color-background-control-checked-pvanxo, #0073bb);
 }
-.awsui_in-range_1mfbn_19g8z_193.awsui_in-range-border-left_1mfbn_19g8z_276:not(#\9)::after {
+.awsui_in-range_1mfbn_vqgy8_196.awsui_in-range-border-left_1mfbn_vqgy8_287:not(#\9)::after {
   border-left: var(--border-item-width-0zxiwv, 1px) solid var(--color-background-control-checked-pvanxo, #0073bb);
 }
-.awsui_in-range_1mfbn_19g8z_193.awsui_in-range-border-top_1mfbn_19g8z_254.awsui_in-range-border-right_1mfbn_19g8z_270:not(#\9), .awsui_in-range_1mfbn_19g8z_193.awsui_in-range-border-top_1mfbn_19g8z_254.awsui_in-range-border-right_1mfbn_19g8z_270:not(#\9)::after {
+.awsui_in-range_1mfbn_vqgy8_196.awsui_in-range-border-top_1mfbn_vqgy8_265.awsui_in-range-border-right_1mfbn_vqgy8_281:not(#\9), .awsui_in-range_1mfbn_vqgy8_196.awsui_in-range-border-top_1mfbn_vqgy8_265.awsui_in-range-border-right_1mfbn_vqgy8_281:not(#\9)::after {
   border-top-right-radius: var(--border-radius-item-jsz3j8, 0px);
 }
-.awsui_in-range_1mfbn_19g8z_193.awsui_in-range-border-bottom_1mfbn_19g8z_248.awsui_in-range-border-right_1mfbn_19g8z_270:not(#\9), .awsui_in-range_1mfbn_19g8z_193.awsui_in-range-border-bottom_1mfbn_19g8z_248.awsui_in-range-border-right_1mfbn_19g8z_270:not(#\9)::after {
+.awsui_in-range_1mfbn_vqgy8_196.awsui_in-range-border-bottom_1mfbn_vqgy8_259.awsui_in-range-border-right_1mfbn_vqgy8_281:not(#\9), .awsui_in-range_1mfbn_vqgy8_196.awsui_in-range-border-bottom_1mfbn_vqgy8_259.awsui_in-range-border-right_1mfbn_vqgy8_281:not(#\9)::after {
   border-bottom-right-radius: var(--border-radius-item-jsz3j8, 0px);
 }
-.awsui_in-range_1mfbn_19g8z_193.awsui_in-range-border-bottom_1mfbn_19g8z_248.awsui_in-range-border-left_1mfbn_19g8z_276:not(#\9), .awsui_in-range_1mfbn_19g8z_193.awsui_in-range-border-bottom_1mfbn_19g8z_248.awsui_in-range-border-left_1mfbn_19g8z_276:not(#\9)::after {
+.awsui_in-range_1mfbn_vqgy8_196.awsui_in-range-border-bottom_1mfbn_vqgy8_259.awsui_in-range-border-left_1mfbn_vqgy8_287:not(#\9), .awsui_in-range_1mfbn_vqgy8_196.awsui_in-range-border-bottom_1mfbn_vqgy8_259.awsui_in-range-border-left_1mfbn_vqgy8_287:not(#\9)::after {
   border-bottom-left-radius: var(--border-radius-item-jsz3j8, 0px);
 }
-.awsui_in-range_1mfbn_19g8z_193.awsui_in-range-border-top_1mfbn_19g8z_254.awsui_in-range-border-left_1mfbn_19g8z_276:not(#\9), .awsui_in-range_1mfbn_19g8z_193.awsui_in-range-border-top_1mfbn_19g8z_254.awsui_in-range-border-left_1mfbn_19g8z_276:not(#\9)::after {
+.awsui_in-range_1mfbn_vqgy8_196.awsui_in-range-border-top_1mfbn_vqgy8_265.awsui_in-range-border-left_1mfbn_vqgy8_287:not(#\9), .awsui_in-range_1mfbn_vqgy8_196.awsui_in-range-border-top_1mfbn_vqgy8_265.awsui_in-range-border-left_1mfbn_vqgy8_287:not(#\9)::after {
   border-top-left-radius: var(--border-radius-item-jsz3j8, 0px);
 }

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

@@ -2,30 +2,30 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "grid": "awsui_grid_1mfbn_19g8z_97",
-  "grid-cell": "awsui_grid-cell_1mfbn_19g8z_102",
-  "day-header": "awsui_day-header_1mfbn_19g8z_109",
-  "week": "awsui_week_1mfbn_19g8z_117",
-  "day": "awsui_day_1mfbn_19g8z_109",
-  "day-inner": "awsui_day-inner_1mfbn_19g8z_163",
-  "in-first-row": "awsui_in-first-row_1mfbn_19g8z_168",
-  "in-previous-month": "awsui_in-previous-month_1mfbn_19g8z_168",
-  "last-day-of-month": "awsui_last-day-of-month_1mfbn_19g8z_172",
-  "in-next-month": "awsui_in-next-month_1mfbn_19g8z_176",
-  "in-first-column": "awsui_in-first-column_1mfbn_19g8z_180",
-  "in-current-month": "awsui_in-current-month_1mfbn_19g8z_183",
-  "enabled": "awsui_enabled_1mfbn_19g8z_187",
-  "in-range": "awsui_in-range_1mfbn_19g8z_193",
-  "end-date": "awsui_end-date_1mfbn_19g8z_193",
-  "start-date": "awsui_start-date_1mfbn_19g8z_193",
-  "no-range": "awsui_no-range_1mfbn_19g8z_193",
-  "selected": "awsui_selected_1mfbn_19g8z_200",
-  "today": "awsui_today_1mfbn_19g8z_204",
-  "range-start-date": "awsui_range-start-date_1mfbn_19g8z_245",
-  "in-range-border-bottom": "awsui_in-range-border-bottom_1mfbn_19g8z_248",
-  "range-end-date": "awsui_range-end-date_1mfbn_19g8z_251",
-  "in-range-border-top": "awsui_in-range-border-top_1mfbn_19g8z_254",
-  "in-range-border-right": "awsui_in-range-border-right_1mfbn_19g8z_270",
-  "in-range-border-left": "awsui_in-range-border-left_1mfbn_19g8z_276"
+  "grid": "awsui_grid_1mfbn_vqgy8_97",
+  "grid-cell": "awsui_grid-cell_1mfbn_vqgy8_102",
+  "day-header": "awsui_day-header_1mfbn_vqgy8_109",
+  "week": "awsui_week_1mfbn_vqgy8_119",
+  "day": "awsui_day_1mfbn_vqgy8_109",
+  "day-inner": "awsui_day-inner_1mfbn_vqgy8_166",
+  "in-first-row": "awsui_in-first-row_1mfbn_vqgy8_171",
+  "in-previous-month": "awsui_in-previous-month_1mfbn_vqgy8_171",
+  "last-day-of-month": "awsui_last-day-of-month_1mfbn_vqgy8_175",
+  "in-next-month": "awsui_in-next-month_1mfbn_vqgy8_179",
+  "in-first-column": "awsui_in-first-column_1mfbn_vqgy8_183",
+  "in-current-month": "awsui_in-current-month_1mfbn_vqgy8_186",
+  "enabled": "awsui_enabled_1mfbn_vqgy8_190",
+  "in-range": "awsui_in-range_1mfbn_vqgy8_196",
+  "end-date": "awsui_end-date_1mfbn_vqgy8_196",
+  "start-date": "awsui_start-date_1mfbn_vqgy8_196",
+  "no-range": "awsui_no-range_1mfbn_vqgy8_196",
+  "selected": "awsui_selected_1mfbn_vqgy8_206",
+  "today": "awsui_today_1mfbn_vqgy8_211",
+  "range-start-date": "awsui_range-start-date_1mfbn_vqgy8_256",
+  "in-range-border-bottom": "awsui_in-range-border-bottom_1mfbn_vqgy8_259",
+  "range-end-date": "awsui_range-end-date_1mfbn_vqgy8_262",
+  "in-range-border-top": "awsui_in-range-border-top_1mfbn_vqgy8_265",
+  "in-range-border-right": "awsui_in-range-border-right_1mfbn_vqgy8_281",
+  "in-range-border-left": "awsui_in-range-border-left_1mfbn_vqgy8_287"
 };