@cloudscape-design/components 3.0.13 → 3.0.16

package/date-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/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 { getWeekStartByLocale } from 'weekstart';\nimport styles from './styles.css.js';\nimport { DatePickerProps } from './interfaces';\nimport Calendar, { DayIndex } from './calendar';\nimport { normalizeLocale } from './calendar/utils/locales';\nimport { getDateLabel } from './calendar/utils/intl';\nimport { CalendarTypes } from './calendar/definitions';\nimport { displayToIso, formatDate, isoToDisplay, memoizedDate } from './calendar/utils/date';\nimport { InputProps } from '../input/interfaces';\nimport { KeyCode } from '../internal/keycode';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport Dropdown from '../internal/components/dropdown';\nimport DateInput from '../internal/components/date-input';\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 { usePrevious } from '../internal/hooks/use-previous';\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';\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      ariaLabelledby,\n      ariaDescribedby,\n      controlId,\n      invalid,\n      openCalendarAriaLabel,\n      expandToViewport,\n      ...rest\n    }: DatePickerProps,\n    ref: Ref<DatePickerProps.Ref>\n  ) => {\n    const { __internalRootRef } = useBaseComponent('DatePicker');\n\n    const baseProps = getBaseProps(rest);\n    const [isDropDownOpen, setIsDropDownOpen] = useState<boolean>(false);\n    const normalizedLocale = normalizeLocale('DatePicker', locale ?? '');\n    const normalizedStartOfWeek = (\n      typeof startOfWeek === 'number' ? startOfWeek : getWeekStartByLocale(normalizedLocale)\n    ) as DayIndex;\n\n    const defaultSelectedDate = value.length >= 10 ? value : null;\n    const [selectedDate, setSelectedDate] = useState<string | null>(defaultSelectedDate);\n\n    const defaultDisplayedDate = value.length >= 10 ? value : formatDate(new Date());\n    const [displayedDate, setDisplayedDate] = useState<string>(defaultDisplayedDate);\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 mergedRef = useMergeRefs(rootRef, __internalRootRef);\n\n    useFocusTracker({ rootRef, onBlur, onFocus, viewportId: expandToViewport ? dropdownId : '' });\n\n    const onChangeMonthHandler = (newMonth: Date) => {\n      setDisplayedDate(formatDate(newMonth));\n    };\n\n    const onSelectDateHandler = ({ date }: CalendarTypes.DateDetail) => {\n      const formattedDate = formatDate(date);\n      buttonRef.current?.focus();\n      setIsDropDownOpen(false);\n      setSelectedDate(formattedDate);\n      setDisplayedDate(formattedDate);\n      fireNonCancelableEvent(onChange, { value: formattedDate });\n    };\n\n    const onDropdownCloseHandler = useCallback(() => {\n      setDisplayedDate(defaultDisplayedDate);\n      setIsDropDownOpen(false);\n    }, [defaultDisplayedDate]);\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        buttonRef.current?.focus();\n        setIsDropDownOpen(false);\n      }\n    };\n\n    const onInputChangeHandler: InputProps['onChange'] = event => {\n      const isoDateString = displayToIso(event.detail.value);\n      fireNonCancelableEvent(onChange, { value: isoDateString });\n    };\n\n    const onInputBlurHandler: InputProps['onBlur'] = () => {\n      if (!isDropDownOpen) {\n        setDisplayedDate(defaultDisplayedDate);\n        setIsDropDownOpen(false);\n      }\n    };\n\n    const prevValue = usePrevious(value);\n    if (prevValue !== value) {\n      if (value === '' && selectedDate !== value) {\n        setSelectedDate(value);\n      }\n      // update the displayedDate when inputValue changes in order to\n      // display the correct month when the date picker gets open again.\n      if (value.length >= 4 && displayedDate !== value) {\n        setDisplayedDate(value);\n      }\n      // set the selected date only when a full date (yyyy-mm-dd) is entered\n      if (value.length >= 10 && selectedDate !== value) {\n        setSelectedDate(value);\n      }\n    }\n\n    const DateInputElement = (\n      <div className={styles['date-picker-trigger']}>\n        <div className={styles['date-picker-input']}>\n          <DateInput\n            name={name}\n            invalid={invalid}\n            controlId={controlId}\n            ariaLabelledby={ariaLabelledby}\n            ariaDescribedby={ariaDescribedby}\n            ariaLabel={ariaLabel}\n            ariaRequired={ariaRequired}\n            value={isoToDisplay(value)}\n            autoComplete={false}\n            disableBrowserAutocorrect={true}\n            disableAutocompleteOnBlur={isDropDownOpen}\n            disabled={disabled}\n            readOnly={readOnly}\n            onChange={onInputChangeHandler}\n            onBlur={onInputBlurHandler}\n            placeholder={placeholder}\n            ref={internalInputRef}\n            autoFocus={autoFocus}\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(\n                value.length === 10 ? getDateLabel(normalizedLocale, memoizedDate('value', value)) : null\n              )\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    if (readOnly || disabled) {\n      return <div {...baseProps}>{DateInputElement}</div>;\n    }\n\n    checkControlled('DatePicker', 'value', value, 'onChange', onChange);\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={onWrapperKeyDownHandler}>\n        <Dropdown\n          stretchWidth={true}\n          stretchHeight={true}\n          open={isDropDownOpen}\n          onDropdownClose={onDropdownCloseHandler}\n          onMouseDown={handleMouseDown}\n          trigger={DateInputElement}\n          expandToViewport={expandToViewport}\n          scrollable={false}\n          dropdownId={dropdownId}\n        >\n          {isDropDownOpen && (\n            <FocusLock autoFocus={true}>\n              <Calendar\n                selectedDate={memoizedDate('value', selectedDate)}\n                displayedDate={memoizedDate('displayed', displayedDate)}\n                locale={normalizedLocale}\n                startOfWeek={normalizedStartOfWeek}\n                isDateEnabled={isDateEnabled ? isDateEnabled : () => true}\n                nextMonthLabel={nextMonthAriaLabel}\n                previousMonthLabel={previousMonthAriaLabel}\n                todayAriaLabel={todayAriaLabel}\n                onChangeMonth={onChangeMonthHandler}\n                onSelectDate={onSelectDateHandler}\n              />\n            </FocusLock>\n          )}\n        </Dropdown>\n      </div>\n    );\n  }\n);\n\napplyDisplayName(DatePicker, 'DatePicker');\nexport default DatePicker;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/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 Calendar from './calendar';\nimport { normalizeLocale } from './calendar/utils/locales';\nimport { getDateLabel } from './calendar/utils/intl';\nimport { displayToIso, isoToDisplay, memoizedDate } from './calendar/utils/date';\nimport { InputProps } from '../input/interfaces';\nimport { KeyCode } from '../internal/keycode';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport Dropdown from '../internal/components/dropdown';\nimport DateInput from '../internal/components/date-input';\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 { useDatePicker } from './use-date-picker.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      ariaLabelledby,\n      ariaDescribedby,\n      controlId,\n      invalid,\n      openCalendarAriaLabel,\n      expandToViewport,\n      ...rest\n    }: DatePickerProps,\n    ref: Ref<DatePickerProps.Ref>\n  ) => {\n    const { __internalRootRef } = useBaseComponent('DatePicker');\n\n    const {\n      defaultDisplayedDate,\n      displayedDate,\n      setDisplayedDate,\n      selectedDate,\n      onChangeMonthHandler,\n      onSelectDateHandler,\n    } = useDatePicker({\n      value,\n      onChange,\n    });\n\n    const baseProps = getBaseProps(rest);\n    const [isDropDownOpen, setIsDropDownOpen] = useState<boolean>(false);\n    const normalizedLocale = normalizeLocale('DatePicker', locale ?? '');\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 mergedRef = useMergeRefs(rootRef, __internalRootRef);\n\n    useFocusTracker({ rootRef, onBlur, onFocus, viewportId: expandToViewport ? dropdownId : '' });\n\n    const onDropdownCloseHandler = useCallback(() => {\n      setDisplayedDate(defaultDisplayedDate);\n      setIsDropDownOpen(false);\n    }, [defaultDisplayedDate, setDisplayedDate, 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        buttonRef.current?.focus();\n        setIsDropDownOpen(false);\n      }\n    };\n\n    const onInputChangeHandler: InputProps['onChange'] = event => {\n      const isoDateString = displayToIso(event.detail.value);\n      fireNonCancelableEvent(onChange, { value: isoDateString });\n    };\n\n    const onInputBlurHandler: InputProps['onBlur'] = () => {\n      if (!isDropDownOpen) {\n        setDisplayedDate(defaultDisplayedDate);\n        setIsDropDownOpen(false);\n      }\n    };\n\n    const DateInputElement = (\n      <div className={styles['date-picker-trigger']}>\n        <div className={styles['date-picker-input']}>\n          <DateInput\n            name={name}\n            invalid={invalid}\n            controlId={controlId}\n            ariaLabelledby={ariaLabelledby}\n            ariaDescribedby={ariaDescribedby}\n            ariaLabel={ariaLabel}\n            ariaRequired={ariaRequired}\n            value={isoToDisplay(value)}\n            autoComplete={false}\n            disableBrowserAutocorrect={true}\n            disableAutocompleteOnBlur={isDropDownOpen}\n            disabled={disabled}\n            readOnly={readOnly}\n            onChange={onInputChangeHandler}\n            onBlur={onInputBlurHandler}\n            placeholder={placeholder}\n            ref={internalInputRef}\n            autoFocus={autoFocus}\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(\n                value.length === 10 ? getDateLabel(normalizedLocale, memoizedDate('value', value)) : null\n              )\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    if (readOnly || disabled) {\n      return <div {...baseProps}>{DateInputElement}</div>;\n    }\n\n    checkControlled('DatePicker', 'value', value, 'onChange', onChange);\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={onWrapperKeyDownHandler}>\n        <Dropdown\n          stretchWidth={true}\n          stretchHeight={true}\n          open={isDropDownOpen}\n          onDropdownClose={onDropdownCloseHandler}\n          onMouseDown={handleMouseDown}\n          trigger={DateInputElement}\n          expandToViewport={expandToViewport}\n          scrollable={false}\n          dropdownId={dropdownId}\n        >\n          {isDropDownOpen && (\n            <FocusLock autoFocus={true}>\n              <Calendar\n                selectedDate={memoizedDate('value', selectedDate)}\n                displayedDate={memoizedDate('displayed', displayedDate)}\n                locale={normalizedLocale}\n                startOfWeek={startOfWeek}\n                isDateEnabled={isDateEnabled ? isDateEnabled : () => true}\n                nextMonthLabel={nextMonthAriaLabel}\n                previousMonthLabel={previousMonthAriaLabel}\n                todayAriaLabel={todayAriaLabel}\n                onChangeMonth={onChangeMonthHandler}\n                onSelectDate={e => {\n                  onSelectDateHandler(e);\n                  buttonRef?.current?.focus();\n                  setIsDropDownOpen(false);\n                }}\n              />\n            </FocusLock>\n          )}\n        </Dropdown>\n      </div>\n    );\n  }\n);\n\napplyDisplayName(DatePicker, 'DatePicker');\nexport default DatePicker;\n"]}

package/date-picker/interfaces.d.ts

@@ -2,15 +2,11 @@ import { BaseComponentProps } from '../internal/base-component';
 import { FormFieldValidationControlProps } from '../internal/context/form-field-context';
 import { ExpandToViewport } from '../internal/components/dropdown/interfaces';
 import { NonCancelableEventHandler } from '../internal/events';
-export interface DatePickerProps extends BaseComponentProps, FormFieldValidationControlProps, ExpandToViewport {
+export interface DatePickerBaseProps {
     /**
      * The current input value, in YYYY-MM-DD format.
      */
     value: string;
-    /**
-     * Specifies the placeholder text rendered when the value is an empty string.
-     */
-    placeholder?: string;
     /**
      * Defines whether a particular date is enabled in the calendar or not.
      * If you disable a date in the calendar, users can still enter this date using a keyboard.
@@ -43,6 +39,17 @@ export interface DatePickerProps extends BaseComponentProps, FormFieldValidation
      * Specifies an `aria-label` for the 'previous month' button.
      */
     previousMonthAriaLabel: string;
+    /**
+     * Called whenever a user changes the input value (by typing, pasting, or selecting a value).
+     * The event `detail` contains the current value of the field.
+     */
+    onChange?: NonCancelableEventHandler<DatePickerProps.ChangeDetail>;
+}
+export interface DatePickerProps extends BaseComponentProps, FormFieldValidationControlProps, ExpandToViewport, DatePickerBaseProps {
+    /**
+     * Specifies the placeholder text rendered when the value is an empty string.
+     */
+    placeholder?: string;
     /**
      * Specifies a function that generates the `aria-label` for the 'open calendar' button. The `selectedDate` parameter is
      * a human-readable localised string representing the current value of the input.
@@ -94,11 +101,6 @@ export interface DatePickerProps extends BaseComponentProps, FormFieldValidation
      * Called when input focus is removed from the UI control.
      */
     onBlur?: NonCancelableEventHandler<null>;
-    /**
-     * Called whenever a user changes the input value (by typing, pasting, or selecting a value).
-     * The event `detail` contains the current value of the field.
-     */
-    onChange?: NonCancelableEventHandler<DatePickerProps.ChangeDetail>;
 }
 export declare namespace DatePickerProps {
     interface ChangeDetail {

package/date-picker/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/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;AAE/D,MAAM,WAAW,eAAgB,SAAQ,kBAAkB,EAAE,+BAA+B,EAAE,gBAAgB;IAC5G;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC,qBAAqB,CAAC;IAEtD;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,sBAAsB,EAAE,MAAM,CAAC;IAE/B;;;;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;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;CACpE;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":"","sources":["../../../src/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;AAE/D,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC,qBAAqB,CAAC;IAEtD;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,sBAAsB,EAAE,MAAM,CAAC;IAE/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;CACpE;AAED,MAAM,WAAW,eACf,SAAQ,kBAAkB,EACxB,+BAA+B,EAC/B,gBAAgB,EAChB,mBAAmB;IACrB;;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"}

package/date-picker/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/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';\n\nexport interface DatePickerProps extends BaseComponentProps, FormFieldValidationControlProps, ExpandToViewport {\n  /**\n   * The current input value, in YYYY-MM-DD format.\n   */\n  value: string;\n\n  /**\n   * Specifies the placeholder text rendered when the value is an empty string.\n   */\n  placeholder?: string;\n\n  /**\n   * Defines whether a particular date is enabled in the calendar or not.\n   * If you disable a date in the calendar, users can still enter this date using a keyboard.\n   * We recommend that you also validate these constraints on the client-side and server-side\n   * as you would for other form elements.\n   * @param date\n   */\n  isDateEnabled?: DatePickerProps.IsDateEnabledFunction;\n\n  /**\n   * Specifies the locale to use to render month names and determine the starting day of the week.\n   * If you don't provide this, the locale is determined by the page and browser locales.\n   * Supported values and formats are listed in the\n   * [JavaScript Intl API specification](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#Locale_identification_and_negotiation).\n   */\n  locale?: string;\n\n  /**\n   * Determines the starting day of the week. The values 0-6 map to Sunday-Saturday.\n   * By default the starting day of the week is defined by the locale, but you can use this property to override it.\n   */\n  startOfWeek?: number;\n\n  /**\n   * Used as part of the `aria-label` for today's date in the calendar.\n   */\n  todayAriaLabel: string;\n\n  /**\n   * Specifies an `aria-label` for the 'next month' button.\n   */\n  nextMonthAriaLabel: string;\n\n  /**\n   * Specifies an `aria-label` for the 'previous month' button.\n   */\n  previousMonthAriaLabel: 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   * Called whenever a user changes the input value (by typing, pasting, or selecting a value).\n   * The event `detail` contains the current value of the field.\n   */\n  onChange?: NonCancelableEventHandler<DatePickerProps.ChangeDetail>;\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":"","sources":["../../../src/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';\n\nexport interface DatePickerBaseProps {\n  /**\n   * The current input value, in YYYY-MM-DD format.\n   */\n  value: string;\n\n  /**\n   * Defines whether a particular date is enabled in the calendar or not.\n   * If you disable a date in the calendar, users can still enter this date using a keyboard.\n   * We recommend that you also validate these constraints on the client-side and server-side\n   * as you would for other form elements.\n   * @param date\n   */\n  isDateEnabled?: DatePickerProps.IsDateEnabledFunction;\n\n  /**\n   * Specifies the locale to use to render month names and determine the starting day of the week.\n   * If you don't provide this, the locale is determined by the page and browser locales.\n   * Supported values and formats are listed in the\n   * [JavaScript Intl API specification](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#Locale_identification_and_negotiation).\n   */\n  locale?: string;\n\n  /**\n   * Determines the starting day of the week. The values 0-6 map to Sunday-Saturday.\n   * By default the starting day of the week is defined by the locale, but you can use this property to override it.\n   */\n  startOfWeek?: number;\n\n  /**\n   * Used as part of the `aria-label` for today's date in the calendar.\n   */\n  todayAriaLabel: string;\n\n  /**\n   * Specifies an `aria-label` for the 'next month' button.\n   */\n  nextMonthAriaLabel: string;\n\n  /**\n   * Specifies an `aria-label` for the 'previous month' button.\n   */\n  previousMonthAriaLabel: string;\n\n  /**\n   * Called whenever a user changes the input value (by typing, pasting, or selecting a value).\n   * The event `detail` contains the current value of the field.\n   */\n  onChange?: NonCancelableEventHandler<DatePickerProps.ChangeDetail>;\n}\n\nexport interface DatePickerProps\n  extends BaseComponentProps,\n    FormFieldValidationControlProps,\n    ExpandToViewport,\n    DatePickerBaseProps {\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"]}

package/date-picker/styles.css.js

@@ -1,29 +1,29 @@
 
     import './styles.scoped.css';
     export default {
-  "calendar": "awsui_calendar_145pa_12mll_93",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_145pa_12mll_1",
-  "root": "awsui_root_145pa_12mll_120",
-  "date-picker-container": "awsui_date-picker-container_145pa_12mll_131",
-  "date-picker-trigger": "awsui_date-picker-trigger_145pa_12mll_136",
-  "date-picker-input": "awsui_date-picker-input_145pa_12mll_140",
-  "open-calendar-button": "awsui_open-calendar-button_145pa_12mll_145",
-  "calendar-inner": "awsui_calendar-inner_145pa_12mll_165",
-  "calendar-header": "awsui_calendar-header_145pa_12mll_168",
-  "calendar-header-month": "awsui_calendar-header-month_145pa_12mll_173",
-  "calendar-next-month-btn": "awsui_calendar-next-month-btn_145pa_12mll_179",
-  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_145pa_12mll_182",
-  "calendar-day-names": "awsui_calendar-day-names_145pa_12mll_185",
-  "calendar-day-name": "awsui_calendar-day-name_145pa_12mll_185",
-  "calendar-dates": "awsui_calendar-dates_145pa_12mll_200",
-  "calendar-week": "awsui_calendar-week_145pa_12mll_203",
-  "calendar-day": "awsui_calendar-day_145pa_12mll_185",
-  "calendar-day-in-last-week": "awsui_calendar-day-in-last-week_145pa_12mll_222",
-  "calendar-day-focusable": "awsui_calendar-day-focusable_145pa_12mll_225",
-  "calendar-day-enabled": "awsui_calendar-day-enabled_145pa_12mll_228",
-  "calendar-day-current-month": "awsui_calendar-day-current-month_145pa_12mll_232",
-  "calendar-day-selected": "awsui_calendar-day-selected_145pa_12mll_239",
-  "calendar-day-today": "awsui_calendar-day-today_145pa_12mll_243",
-  "day-inner": "awsui_day-inner_145pa_12mll_255"
+  "calendar": "awsui_calendar_145pa_2hhg5_93",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_145pa_2hhg5_1",
+  "root": "awsui_root_145pa_2hhg5_120",
+  "date-picker-container": "awsui_date-picker-container_145pa_2hhg5_131",
+  "date-picker-trigger": "awsui_date-picker-trigger_145pa_2hhg5_136",
+  "date-picker-input": "awsui_date-picker-input_145pa_2hhg5_140",
+  "open-calendar-button": "awsui_open-calendar-button_145pa_2hhg5_145",
+  "calendar-inner": "awsui_calendar-inner_145pa_2hhg5_165",
+  "calendar-header": "awsui_calendar-header_145pa_2hhg5_168",
+  "calendar-header-month": "awsui_calendar-header-month_145pa_2hhg5_173",
+  "calendar-next-month-btn": "awsui_calendar-next-month-btn_145pa_2hhg5_179",
+  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_145pa_2hhg5_182",
+  "calendar-day-names": "awsui_calendar-day-names_145pa_2hhg5_185",
+  "calendar-day-name": "awsui_calendar-day-name_145pa_2hhg5_185",
+  "calendar-dates": "awsui_calendar-dates_145pa_2hhg5_200",
+  "calendar-week": "awsui_calendar-week_145pa_2hhg5_203",
+  "calendar-day": "awsui_calendar-day_145pa_2hhg5_185",
+  "calendar-day-in-last-week": "awsui_calendar-day-in-last-week_145pa_2hhg5_222",
+  "calendar-day-focusable": "awsui_calendar-day-focusable_145pa_2hhg5_225",
+  "calendar-day-enabled": "awsui_calendar-day-enabled_145pa_2hhg5_228",
+  "calendar-day-current-month": "awsui_calendar-day-current-month_145pa_2hhg5_232",
+  "calendar-day-selected": "awsui_calendar-day-selected_145pa_2hhg5_239",
+  "calendar-day-today": "awsui_calendar-day-today_145pa_2hhg5_243",
+  "day-inner": "awsui_day-inner_145pa_2hhg5_255"
 };
   

package/date-picker/styles.scoped.css

@@ -90,12 +90,12 @@ 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_calendar_145pa_12mll_93:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-0_145pa_12mll_1 135ms ease-out;
-  animation: awsui_awsui-motion-fade-in-0_145pa_12mll_1 var(--motion-duration-show-quick-tyaalm, 135ms) var(--motion-easing-show-quick-1fcgbv, ease-out);
+.awsui_calendar_145pa_2hhg5_93:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_145pa_2hhg5_1 135ms ease-out;
+  animation: awsui_awsui-motion-fade-in-0_145pa_2hhg5_1 var(--motion-duration-show-quick-tyaalm, 135ms) var(--motion-easing-show-quick-1fcgbv, ease-out);
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_145pa_12mll_1 {
+@keyframes awsui_awsui-motion-fade-in-0_145pa_2hhg5_1 {
   from {
     opacity: 0;
   }
@@ -104,12 +104,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_calendar_145pa_12mll_93:not(#\9) {
+  .awsui_calendar_145pa_2hhg5_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_calendar_145pa_12mll_93:not(#\9), .awsui-mode-entering .awsui_calendar_145pa_12mll_93:not(#\9) {
+.awsui-motion-disabled .awsui_calendar_145pa_2hhg5_93:not(#\9), .awsui-mode-entering .awsui_calendar_145pa_2hhg5_93:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -118,7 +118,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_12mll_120:not(#\9) {
+.awsui_root_145pa_2hhg5_120:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -134,7 +134,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-stretch: normal;
   line-height: normal;
   -webkit-hyphens: none;
-      -ms-hyphens: none;
           hyphens: none;
   letter-spacing: normal;
   list-style: disc outside none;
@@ -160,26 +159,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
 }
 
-.awsui_date-picker-container_145pa_12mll_131:not(#\9) {
+.awsui_date-picker-container_145pa_2hhg5_131:not(#\9) {
   position: relative;
   max-width: 234px;
 }
 
-.awsui_date-picker-trigger_145pa_12mll_136:not(#\9) {
+.awsui_date-picker-trigger_145pa_2hhg5_136:not(#\9) {
   display: flex;
 }
 
-.awsui_date-picker-input_145pa_12mll_140:not(#\9) {
+.awsui_date-picker-input_145pa_2hhg5_140:not(#\9) {
   padding-right: 8px;
   padding-right: var(--space-xs-rsr2qu, 8px);
   width: 100%;
 }
 
-.awsui_open-calendar-button_145pa_12mll_145:not(#\9) {
+.awsui_open-calendar-button_145pa_2hhg5_145:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_calendar_145pa_12mll_93:not(#\9) {
+.awsui_calendar_145pa_2hhg5_93:not(#\9) {
   display: block;
   width: 234px;
   overflow: auto;
@@ -198,7 +197,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-stretch: normal;
   line-height: normal;
   -webkit-hyphens: none;
-      -ms-hyphens: none;
           hyphens: none;
   letter-spacing: normal;
   list-style: disc outside none;
@@ -223,19 +221,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
   font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
 }
-.awsui_calendar_145pa_12mll_93:not(#\9):focus {
+.awsui_calendar_145pa_2hhg5_93:not(#\9):focus {
   outline: none;
 }
-.awsui_calendar-inner_145pa_12mll_165:not(#\9) {
+.awsui_calendar-inner_145pa_2hhg5_165:not(#\9) {
   margin: 8px;
   margin: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_calendar-header_145pa_12mll_168:not(#\9) {
+.awsui_calendar-header_145pa_2hhg5_168:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.awsui_calendar-header-month_145pa_12mll_173:not(#\9) {
+.awsui_calendar-header-month_145pa_2hhg5_173:not(#\9) {
   font-size: 14px;
   font-size: var(--font-body-m-size-sregvd, 14px);
   line-height: 22px;
@@ -244,17 +242,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: #000716;
   color: var(--color-text-dropdown-item-default-7tg9p2, #000716);
 }
-.awsui_calendar-next-month-btn_145pa_12mll_179:not(#\9) {
+.awsui_calendar-next-month-btn_145pa_2hhg5_179:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-prev-month-btn_145pa_12mll_182:not(#\9) {
+.awsui_calendar-prev-month-btn_145pa_2hhg5_182:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-day-names_145pa_12mll_185:not(#\9) {
+.awsui_calendar-day-names_145pa_2hhg5_185:not(#\9) {
   display: flex;
   justify-content: stretch;
 }
-.awsui_calendar-day-name_145pa_12mll_185:not(#\9) {
+.awsui_calendar-day-name_145pa_2hhg5_185:not(#\9) {
   flex: 1 1 0%;
   width: 0;
   word-break: break-word;
@@ -270,15 +268,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   letter-spacing: 0.005em;
   letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
 }
-.awsui_calendar-dates_145pa_12mll_200:not(#\9) {
+.awsui_calendar-dates_145pa_2hhg5_200:not(#\9) {
   border: 1px solid transparent;
   border: 1px solid var(--color-border-calendar-grid-sshunw, transparent);
 }
-.awsui_calendar-week_145pa_12mll_203:not(#\9) {
+.awsui_calendar-week_145pa_2hhg5_203:not(#\9) {
   display: flex;
   justify-content: stretch;
 }
-.awsui_calendar-day_145pa_12mll_185:not(#\9) {
+.awsui_calendar-day_145pa_2hhg5_185:not(#\9) {
   flex: 1 1 0%;
   width: 0;
   word-break: break-word;
@@ -288,48 +286,48 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-right: 1px solid transparent;
   border-right: 1px solid var(--color-border-calendar-grid-sshunw, transparent);
   border-radius: 8px;
-  border-radius: var(--border-calendar-grid-radius-9lpwqf, 8px);
+  border-radius: var(--border-radius-item-u2ibpi, 8px);
   padding: 4px 0;
   padding: var(--space-xxs-ynfts5, 4px) 0;
   color: #9ba7b6;
   color: var(--color-text-dropdown-item-disabled-varol7, #9ba7b6);
   position: relative;
 }
-.awsui_calendar-day_145pa_12mll_185:not(#\9):last-child {
+.awsui_calendar-day_145pa_2hhg5_185:not(#\9):last-child {
   border-right: none;
 }
-.awsui_calendar-day-in-last-week_145pa_12mll_222:not(#\9) {
+.awsui_calendar-day-in-last-week_145pa_2hhg5_222:not(#\9) {
   border-bottom: none;
 }
-.awsui_calendar-day-focusable_145pa_12mll_225:not(#\9) {
+.awsui_calendar-day-focusable_145pa_2hhg5_225:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-day-enabled_145pa_12mll_228:not(#\9) {
+.awsui_calendar-day-enabled_145pa_2hhg5_228:not(#\9) {
   cursor: pointer;
   color: #5f6b7a;
   color: var(--color-text-dropdown-item-secondary-0me7js, #5f6b7a);
 }
-.awsui_calendar-day-enabled_145pa_12mll_228.awsui_calendar-day-current-month_145pa_12mll_232:not(#\9) {
+.awsui_calendar-day-enabled_145pa_2hhg5_228.awsui_calendar-day-current-month_145pa_2hhg5_232:not(#\9) {
   color: #000716;
   color: var(--color-text-dropdown-item-default-7tg9p2, #000716);
 }
-.awsui_calendar-day-enabled_145pa_12mll_228.awsui_calendar-day-current-month_145pa_12mll_232:not(#\9):hover {
+.awsui_calendar-day-enabled_145pa_2hhg5_228.awsui_calendar-day-current-month_145pa_2hhg5_232:not(#\9):hover {
   color: #000716;
   color: var(--color-text-calendar-day-hover-graajh, #000716);
   background-color: #f4f4f4;
   background-color: var(--color-background-dropdown-item-hover-mqsxkv, #f4f4f4);
 }
-.awsui_calendar-day-enabled_145pa_12mll_228.awsui_calendar-day-current-month_145pa_12mll_232:not(#\9):hover:not(.awsui_calendar-day-selected_145pa_12mll_239)::after {
+.awsui_calendar-day-enabled_145pa_2hhg5_228.awsui_calendar-day-current-month_145pa_2hhg5_232:not(#\9):hover:not(.awsui_calendar-day-selected_145pa_2hhg5_239)::after {
   border: 2px solid #7d8998;
   border: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-dropdown-item-hover-tyzq9m, #7d8998);
   border-radius: 8px;
-  border-radius: var(--border-calendar-grid-radius-9lpwqf, 8px);
+  border-radius: var(--border-radius-item-u2ibpi, 8px);
 }
-.awsui_calendar-day-today_145pa_12mll_243:not(#\9) {
+.awsui_calendar-day-today_145pa_2hhg5_243:not(#\9) {
   background-color: #f4f4f4;
   background-color: var(--color-background-calendar-today-762czq, #f4f4f4);
 }
-.awsui_calendar-day_145pa_12mll_185:not(#\9)::after {
+.awsui_calendar-day_145pa_2hhg5_185:not(#\9)::after {
   content: "";
   position: absolute;
   top: -1px;
@@ -338,20 +336,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   right: -1px;
   background-color: transparent;
 }
-.awsui_calendar-day_145pa_12mll_185 > .awsui_day-inner_145pa_12mll_255:not(#\9) {
+.awsui_calendar-day_145pa_2hhg5_185 > .awsui_day-inner_145pa_2hhg5_255:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_calendar-day_145pa_12mll_185:not(#\9):focus {
+.awsui_calendar-day_145pa_2hhg5_185:not(#\9):focus {
   outline: none;
   position: relative;
 }
-.awsui_calendar-day_145pa_12mll_185:not(#\9):focus {
+.awsui_calendar-day_145pa_2hhg5_185:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(-5px - 1px);
   outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-v3dwvl, -5px) - 1px);
 }
-.awsui_calendar-day_145pa_12mll_185:not(#\9):focus::before {
+.awsui_calendar-day_145pa_2hhg5_185:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -364,35 +362,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   height: calc(100% + 2 * -5px);
   height: calc(100% + 2 * var(--space-calendar-grid-focus-outline-gutter-v3dwvl, -5px));
   border-radius: 3px;
-  border-radius: var(--border-calendar-grid-focus-ring-radius-8tejwi, 3px);
+  border-radius: var(--border-radius-calendar-day-focused-4la5vv, 3px);
   box-shadow: 0 0 0 2px #0972d3;
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
-.awsui_calendar-day_145pa_12mll_185:not(#\9):focus::before {
+.awsui_calendar-day_145pa_2hhg5_185:not(#\9):focus::before {
   z-index: 2;
 }
-.awsui_calendar-day-selected_145pa_12mll_239:not(#\9) {
+.awsui_calendar-day-selected_145pa_2hhg5_239:not(#\9) {
   border-color: transparent;
   position: relative;
 }
-.awsui_calendar-day-selected_145pa_12mll_239:not(#\9)::after {
+.awsui_calendar-day-selected_145pa_2hhg5_239:not(#\9)::after {
   background-color: #f2f8fd;
   background-color: var(--color-background-dropdown-item-selected-8l4mpk, #f2f8fd);
   border: 2px solid #0972d3;
   border: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-dropdown-item-selected-eahq2j, #0972d3);
   border-radius: 8px;
-  border-radius: var(--border-calendar-grid-radius-9lpwqf, 8px);
+  border-radius: var(--border-radius-item-u2ibpi, 8px);
 }
-.awsui_calendar-day-selected_145pa_12mll_239 > .awsui_day-inner_145pa_12mll_255:not(#\9) {
+.awsui_calendar-day-selected_145pa_2hhg5_239 > .awsui_day-inner_145pa_2hhg5_255:not(#\9) {
   color: #0972d3;
   color: var(--color-text-calendar-day-selected-64o9sq, #0972d3);
   position: relative;
 }
-.awsui_calendar_145pa_12mll_93[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_calendar_145pa_2hhg5_93[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-radius: 16px;
-  border-radius: var(--border-container-radius-8dqnwf, 16px);
+  border-radius: var(--border-radius-container-gh9ysk, 16px);
   box-shadow: 0 0 0 2px #0972d3;
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }

package/date-picker/styles.selectors.js

@@ -2,29 +2,29 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "calendar": "awsui_calendar_145pa_12mll_93",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_145pa_12mll_1",
-  "root": "awsui_root_145pa_12mll_120",
-  "date-picker-container": "awsui_date-picker-container_145pa_12mll_131",
-  "date-picker-trigger": "awsui_date-picker-trigger_145pa_12mll_136",
-  "date-picker-input": "awsui_date-picker-input_145pa_12mll_140",
-  "open-calendar-button": "awsui_open-calendar-button_145pa_12mll_145",
-  "calendar-inner": "awsui_calendar-inner_145pa_12mll_165",
-  "calendar-header": "awsui_calendar-header_145pa_12mll_168",
-  "calendar-header-month": "awsui_calendar-header-month_145pa_12mll_173",
-  "calendar-next-month-btn": "awsui_calendar-next-month-btn_145pa_12mll_179",
-  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_145pa_12mll_182",
-  "calendar-day-names": "awsui_calendar-day-names_145pa_12mll_185",
-  "calendar-day-name": "awsui_calendar-day-name_145pa_12mll_185",
-  "calendar-dates": "awsui_calendar-dates_145pa_12mll_200",
-  "calendar-week": "awsui_calendar-week_145pa_12mll_203",
-  "calendar-day": "awsui_calendar-day_145pa_12mll_185",
-  "calendar-day-in-last-week": "awsui_calendar-day-in-last-week_145pa_12mll_222",
-  "calendar-day-focusable": "awsui_calendar-day-focusable_145pa_12mll_225",
-  "calendar-day-enabled": "awsui_calendar-day-enabled_145pa_12mll_228",
-  "calendar-day-current-month": "awsui_calendar-day-current-month_145pa_12mll_232",
-  "calendar-day-selected": "awsui_calendar-day-selected_145pa_12mll_239",
-  "calendar-day-today": "awsui_calendar-day-today_145pa_12mll_243",
-  "day-inner": "awsui_day-inner_145pa_12mll_255"
+  "calendar": "awsui_calendar_145pa_2hhg5_93",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_145pa_2hhg5_1",
+  "root": "awsui_root_145pa_2hhg5_120",
+  "date-picker-container": "awsui_date-picker-container_145pa_2hhg5_131",
+  "date-picker-trigger": "awsui_date-picker-trigger_145pa_2hhg5_136",
+  "date-picker-input": "awsui_date-picker-input_145pa_2hhg5_140",
+  "open-calendar-button": "awsui_open-calendar-button_145pa_2hhg5_145",
+  "calendar-inner": "awsui_calendar-inner_145pa_2hhg5_165",
+  "calendar-header": "awsui_calendar-header_145pa_2hhg5_168",
+  "calendar-header-month": "awsui_calendar-header-month_145pa_2hhg5_173",
+  "calendar-next-month-btn": "awsui_calendar-next-month-btn_145pa_2hhg5_179",
+  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_145pa_2hhg5_182",
+  "calendar-day-names": "awsui_calendar-day-names_145pa_2hhg5_185",
+  "calendar-day-name": "awsui_calendar-day-name_145pa_2hhg5_185",
+  "calendar-dates": "awsui_calendar-dates_145pa_2hhg5_200",
+  "calendar-week": "awsui_calendar-week_145pa_2hhg5_203",
+  "calendar-day": "awsui_calendar-day_145pa_2hhg5_185",
+  "calendar-day-in-last-week": "awsui_calendar-day-in-last-week_145pa_2hhg5_222",
+  "calendar-day-focusable": "awsui_calendar-day-focusable_145pa_2hhg5_225",
+  "calendar-day-enabled": "awsui_calendar-day-enabled_145pa_2hhg5_228",
+  "calendar-day-current-month": "awsui_calendar-day-current-month_145pa_2hhg5_232",
+  "calendar-day-selected": "awsui_calendar-day-selected_145pa_2hhg5_239",
+  "calendar-day-today": "awsui_calendar-day-today_145pa_2hhg5_243",
+  "day-inner": "awsui_day-inner_145pa_2hhg5_255"
 };
   

package/date-picker/use-date-picker.d.ts

@@ -0,0 +1,17 @@
+import { CalendarTypes } from './calendar/definitions';
+import { NonCancelableEventHandler } from '../internal/events';
+import { DatePickerProps } from './interfaces';
+export declare function useDatePicker({ value, onChange }: UseDatePickerProps): {
+    defaultDisplayedDate: string;
+    displayedDate: string;
+    setDisplayedDate: import("react").Dispatch<import("react").SetStateAction<string>>;
+    selectedDate: string | null;
+    setSelectedDate: import("react").Dispatch<import("react").SetStateAction<string | null>>;
+    onChangeMonthHandler: (newMonth: Date) => void;
+    onSelectDateHandler: ({ date }: CalendarTypes.DateDetail) => void;
+};
+export interface UseDatePickerProps {
+    value: string;
+    onChange: NonCancelableEventHandler<DatePickerProps.ChangeDetail> | undefined;
+}
+//# sourceMappingURL=use-date-picker.d.ts.map

package/date-picker/use-date-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-date-picker.d.ts","sourceRoot":"","sources":["../../../src/date-picker/use-date-picker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAGvD,OAAO,EAA0B,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB;;;;;;qCAO3B,IAAI;oCAIL,cAAc,UAAU;EAgChE;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,yBAAyB,CAAC,eAAe,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC;CAC/E"}

package/date-picker/use-date-picker.js

@@ -0,0 +1,48 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useState } from 'react';
+import { formatDate } from './calendar/utils/date';
+import { usePrevious } from '../internal/hooks/use-previous';
+import { fireNonCancelableEvent } from '../internal/events';
+export function useDatePicker(_a) {
+    var value = _a.value, onChange = _a.onChange;
+    var defaultSelectedDate = value.length >= 10 ? value : null;
+    var _b = useState(defaultSelectedDate), selectedDate = _b[0], setSelectedDate = _b[1];
+    var defaultDisplayedDate = value.length >= 10 ? value : formatDate(new Date());
+    var _c = useState(defaultDisplayedDate), displayedDate = _c[0], setDisplayedDate = _c[1];
+    var onChangeMonthHandler = function (newMonth) {
+        setDisplayedDate(formatDate(newMonth));
+    };
+    var onSelectDateHandler = function (_a) {
+        var date = _a.date;
+        var formattedDate = formatDate(date);
+        setSelectedDate(formattedDate);
+        setDisplayedDate(formattedDate);
+        fireNonCancelableEvent(onChange, { value: formattedDate });
+    };
+    var prevValue = usePrevious(value);
+    if (prevValue !== value) {
+        if (value === '' && selectedDate !== value) {
+            setSelectedDate(value);
+        }
+        // update the displayedDate when inputValue changes in order to
+        // display the correct month when the date picker gets open again.
+        if (value.length >= 4 && displayedDate !== value) {
+            setDisplayedDate(value);
+        }
+        // set the selected date only when a full date (yyyy-mm-dd) is entered
+        if (value.length >= 10 && selectedDate !== value) {
+            setSelectedDate(value);
+        }
+    }
+    return {
+        defaultDisplayedDate: defaultDisplayedDate,
+        displayedDate: displayedDate,
+        setDisplayedDate: setDisplayedDate,
+        selectedDate: selectedDate,
+        setSelectedDate: setSelectedDate,
+        onChangeMonthHandler: onChangeMonthHandler,
+        onSelectDateHandler: onSelectDateHandler
+    };
+}
+//# sourceMappingURL=use-date-picker.js.map

package/date-picker/use-date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-date-picker.js","sourceRoot":"","sources":["../../../src/date-picker/use-date-picker.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAA6B,MAAM,oBAAoB,CAAC;AAGvF,MAAM,UAAU,aAAa,CAAC,EAAuC;QAArC,KAAK,WAAA,EAAE,QAAQ,cAAA;IAC7C,IAAM,mBAAmB,GAAG,KAAK,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IACxD,IAAA,KAAkC,QAAQ,CAAgB,mBAAmB,CAAC,EAA7E,YAAY,QAAA,EAAE,eAAe,QAAgD,CAAC;IAErF,IAAM,oBAAoB,GAAG,KAAK,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IAC3E,IAAA,KAAoC,QAAQ,CAAS,oBAAoB,CAAC,EAAzE,aAAa,QAAA,EAAE,gBAAgB,QAA0C,CAAC;IAEjF,IAAM,oBAAoB,GAAG,UAAC,QAAc;QAC1C,gBAAgB,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,IAAM,mBAAmB,GAAG,UAAC,EAAkC;YAAhC,IAAI,UAAA;QACjC,IAAM,aAAa,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;QACvC,eAAe,CAAC,aAAa,CAAC,CAAC;QAC/B,gBAAgB,CAAC,aAAa,CAAC,CAAC;QAChC,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,CAAC;IAC7D,CAAC,CAAC;IAEF,IAAM,SAAS,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IACrC,IAAI,SAAS,KAAK,KAAK,EAAE;QACvB,IAAI,KAAK,KAAK,EAAE,IAAI,YAAY,KAAK,KAAK,EAAE;YAC1C,eAAe,CAAC,KAAK,CAAC,CAAC;SACxB;QACD,+DAA+D;QAC/D,kEAAkE;QAClE,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,IAAI,aAAa,KAAK,KAAK,EAAE;YAChD,gBAAgB,CAAC,KAAK,CAAC,CAAC;SACzB;QACD,sEAAsE;QACtE,IAAI,KAAK,CAAC,MAAM,IAAI,EAAE,IAAI,YAAY,KAAK,KAAK,EAAE;YAChD,eAAe,CAAC,KAAK,CAAC,CAAC;SACxB;KACF;IAED,OAAO;QACL,oBAAoB,sBAAA;QACpB,aAAa,eAAA;QACb,gBAAgB,kBAAA;QAChB,YAAY,cAAA;QACZ,eAAe,iBAAA;QACf,oBAAoB,sBAAA;QACpB,mBAAmB,qBAAA;KACpB,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useState } from 'react';\nimport { CalendarTypes } from './calendar/definitions';\nimport { formatDate } from './calendar/utils/date';\nimport { usePrevious } from '../internal/hooks/use-previous';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { DatePickerProps } from './interfaces';\n\nexport function useDatePicker({ value, onChange }: UseDatePickerProps) {\n  const defaultSelectedDate = value.length >= 10 ? value : null;\n  const [selectedDate, setSelectedDate] = useState<string | null>(defaultSelectedDate);\n\n  const defaultDisplayedDate = value.length >= 10 ? value : formatDate(new Date());\n  const [displayedDate, setDisplayedDate] = useState<string>(defaultDisplayedDate);\n\n  const onChangeMonthHandler = (newMonth: Date) => {\n    setDisplayedDate(formatDate(newMonth));\n  };\n\n  const onSelectDateHandler = ({ date }: CalendarTypes.DateDetail) => {\n    const formattedDate = formatDate(date);\n    setSelectedDate(formattedDate);\n    setDisplayedDate(formattedDate);\n    fireNonCancelableEvent(onChange, { value: formattedDate });\n  };\n\n  const prevValue = usePrevious(value);\n  if (prevValue !== value) {\n    if (value === '' && selectedDate !== value) {\n      setSelectedDate(value);\n    }\n    // update the displayedDate when inputValue changes in order to\n    // display the correct month when the date picker gets open again.\n    if (value.length >= 4 && displayedDate !== value) {\n      setDisplayedDate(value);\n    }\n    // set the selected date only when a full date (yyyy-mm-dd) is entered\n    if (value.length >= 10 && selectedDate !== value) {\n      setSelectedDate(value);\n    }\n  }\n\n  return {\n    defaultDisplayedDate,\n    displayedDate,\n    setDisplayedDate,\n    selectedDate,\n    setSelectedDate,\n    onChangeMonthHandler,\n    onSelectDateHandler,\n  };\n}\n\nexport interface UseDatePickerProps {\n  value: string;\n  onChange: NonCancelableEventHandler<DatePickerProps.ChangeDetail> | undefined;\n}\n"]}