@cloudscape-design/components-themeable 3.0.14 → 3.0.17

package/lib/internal/template/code-editor/styles.selectors.js

@@ -2,38 +2,38 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "code-editor": "awsui_code-editor_1gl9c_zsh2a_98",
-  "code-editor-refresh": "awsui_code-editor-refresh_1gl9c_zsh2a_534",
-  "pane": "awsui_pane_1gl9c_zsh2a_546",
-  "pane__close-container": "awsui_pane__close-container_1gl9c_zsh2a_557",
-  "pane__list": "awsui_pane__list_1gl9c_zsh2a_562",
-  "pane__table": "awsui_pane__table_1gl9c_zsh2a_569",
-  "pane__item": "awsui_pane__item_1gl9c_zsh2a_574",
-  "pane__cell": "awsui_pane__cell_1gl9c_zsh2a_574",
-  "pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_zsh2a_588",
-  "pane__location": "awsui_pane__location_1gl9c_zsh2a_609",
-  "pane__description": "awsui_pane__description_1gl9c_zsh2a_609",
-  "focus-lock": "awsui_focus-lock_1gl9c_zsh2a_624",
-  "resizable-box": "awsui_resizable-box_1gl9c_zsh2a_647",
-  "resizable-box-handle": "awsui_resizable-box-handle_1gl9c_zsh2a_652",
-  "editor": "awsui_editor_1gl9c_zsh2a_689",
-  "status-bar": "awsui_status-bar_1gl9c_zsh2a_722",
-  "status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_zsh2a_731",
-  "status-bar__left": "awsui_status-bar__left_1gl9c_zsh2a_735",
-  "status-bar__left-virtual": "awsui_status-bar__left-virtual_1gl9c_zsh2a_742",
-  "status-bar__right": "awsui_status-bar__right_1gl9c_zsh2a_746",
-  "status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_zsh2a_750",
-  "status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_zsh2a_750",
-  "status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_zsh2a_755",
-  "status-bar-virtual": "awsui_status-bar-virtual_1gl9c_zsh2a_759",
-  "tab-button": "awsui_tab-button_1gl9c_zsh2a_765",
-  "tab-button--refresh": "awsui_tab-button--refresh_1gl9c_zsh2a_778",
-  "tab-button--active": "awsui_tab-button--active_1gl9c_zsh2a_792",
-  "tab-button--disabled": "awsui_tab-button--disabled_1gl9c_zsh2a_812",
-  "tab-button--divider": "awsui_tab-button--divider_1gl9c_zsh2a_842",
-  "tab-button--errors": "awsui_tab-button--errors_1gl9c_zsh2a_849",
-  "tab-button--warnings": "awsui_tab-button--warnings_1gl9c_zsh2a_849",
-  "loading-screen": "awsui_loading-screen_1gl9c_zsh2a_853",
-  "error-screen": "awsui_error-screen_1gl9c_zsh2a_854"
+  "code-editor": "awsui_code-editor_1gl9c_1yt9i_98",
+  "code-editor-refresh": "awsui_code-editor-refresh_1gl9c_1yt9i_534",
+  "pane": "awsui_pane_1gl9c_1yt9i_546",
+  "pane__close-container": "awsui_pane__close-container_1gl9c_1yt9i_557",
+  "pane__list": "awsui_pane__list_1gl9c_1yt9i_562",
+  "pane__table": "awsui_pane__table_1gl9c_1yt9i_569",
+  "pane__item": "awsui_pane__item_1gl9c_1yt9i_574",
+  "pane__cell": "awsui_pane__cell_1gl9c_1yt9i_574",
+  "pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_1yt9i_588",
+  "pane__location": "awsui_pane__location_1gl9c_1yt9i_609",
+  "pane__description": "awsui_pane__description_1gl9c_1yt9i_609",
+  "focus-lock": "awsui_focus-lock_1gl9c_1yt9i_624",
+  "resizable-box": "awsui_resizable-box_1gl9c_1yt9i_647",
+  "resizable-box-handle": "awsui_resizable-box-handle_1gl9c_1yt9i_652",
+  "editor": "awsui_editor_1gl9c_1yt9i_689",
+  "status-bar": "awsui_status-bar_1gl9c_1yt9i_722",
+  "status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_1yt9i_731",
+  "status-bar__left": "awsui_status-bar__left_1gl9c_1yt9i_735",
+  "status-bar__left-virtual": "awsui_status-bar__left-virtual_1gl9c_1yt9i_742",
+  "status-bar__right": "awsui_status-bar__right_1gl9c_1yt9i_746",
+  "status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_1yt9i_750",
+  "status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_1yt9i_750",
+  "status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_1yt9i_755",
+  "status-bar-virtual": "awsui_status-bar-virtual_1gl9c_1yt9i_759",
+  "tab-button": "awsui_tab-button_1gl9c_1yt9i_765",
+  "tab-button--refresh": "awsui_tab-button--refresh_1gl9c_1yt9i_778",
+  "tab-button--active": "awsui_tab-button--active_1gl9c_1yt9i_792",
+  "tab-button--disabled": "awsui_tab-button--disabled_1gl9c_1yt9i_812",
+  "tab-button--divider": "awsui_tab-button--divider_1gl9c_1yt9i_842",
+  "tab-button--errors": "awsui_tab-button--errors_1gl9c_1yt9i_849",
+  "tab-button--warnings": "awsui_tab-button--warnings_1gl9c_1yt9i_849",
+  "loading-screen": "awsui_loading-screen_1gl9c_1yt9i_853",
+  "error-screen": "awsui_error-screen_1gl9c_1yt9i_854"
 };
   

package/lib/internal/template/column-layout/styles.scoped.css

@@ -106,7 +106,6 @@ div.awsui_column-layout_vvxn7_1rzms_93:not(#\9) {
   font-stretch: normal;
   line-height: normal;
   -webkit-hyphens: none;
-      -ms-hyphens: none;
           hyphens: none;
   letter-spacing: normal;
   list-style: disc outside none;

package/lib/internal/template/container/styles.css.js

@@ -1,20 +1,20 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_14iqq_wvh8f_97",
-  "variant-default": "awsui_variant-default_14iqq_wvh8f_109",
-  "variant-stacked": "awsui_variant-stacked_14iqq_wvh8f_109",
-  "header": "awsui_header_14iqq_wvh8f_132",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_wvh8f_136",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_wvh8f_140",
-  "header-stuck": "awsui_header-stuck_14iqq_wvh8f_146",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_wvh8f_151",
-  "with-paddings": "awsui_with-paddings_14iqq_wvh8f_157",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_wvh8f_160",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_wvh8f_184",
-  "dark-header": "awsui_dark-header_14iqq_wvh8f_192",
-  "content": "awsui_content_14iqq_wvh8f_196",
-  "footer": "awsui_footer_14iqq_wvh8f_203",
-  "with-divider": "awsui_with-divider_14iqq_wvh8f_206"
+  "root": "awsui_root_14iqq_5wfq7_97",
+  "variant-default": "awsui_variant-default_14iqq_5wfq7_109",
+  "variant-stacked": "awsui_variant-stacked_14iqq_5wfq7_109",
+  "header": "awsui_header_14iqq_5wfq7_132",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_5wfq7_136",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_5wfq7_140",
+  "header-stuck": "awsui_header-stuck_14iqq_5wfq7_146",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_5wfq7_151",
+  "with-paddings": "awsui_with-paddings_14iqq_5wfq7_157",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_5wfq7_160",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_5wfq7_184",
+  "dark-header": "awsui_dark-header_14iqq_5wfq7_192",
+  "content": "awsui_content_14iqq_5wfq7_196",
+  "footer": "awsui_footer_14iqq_5wfq7_203",
+  "with-divider": "awsui_with-divider_14iqq_5wfq7_206"
 };
   

package/lib/internal/template/container/styles.scoped.css

@@ -94,7 +94,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_14iqq_wvh8f_97:not(#\9) {
+.awsui_root_14iqq_5wfq7_97:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -110,7 +110,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;
@@ -137,28 +136,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: block;
   word-wrap: break-word;
 }
-.awsui_root_14iqq_wvh8f_97.awsui_variant-default_14iqq_wvh8f_109:not(#\9), .awsui_root_14iqq_wvh8f_97.awsui_variant-stacked_14iqq_wvh8f_109:not(#\9) {
+.awsui_root_14iqq_5wfq7_97.awsui_variant-default_14iqq_5wfq7_109:not(#\9), .awsui_root_14iqq_5wfq7_97.awsui_variant-stacked_14iqq_5wfq7_109:not(#\9) {
   box-shadow: 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15);
   box-shadow: var(--shadow-container-0bkp96, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
   border-top: 1px solid #eaeded;
   border-top: var(--border-container-top-width-fs2udu, 1px) solid var(--color-border-container-top-1itxac, #eaeded);
   border-radius: 0px;
-  border-radius: var(--border-container-radius-gcr27z, 0px);
+  border-radius: var(--border-radius-container-1aveko, 0px);
   box-sizing: border-box;
   background-color: #ffffff;
   background-color: var(--color-background-container-content-o88wxm, #ffffff);
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_root_14iqq_wvh8f_97.awsui_variant-default_14iqq_wvh8f_109:not(#\9), .awsui_root_14iqq_wvh8f_97.awsui_variant-stacked_14iqq_wvh8f_109:not(#\9) {
+  .awsui_root_14iqq_5wfq7_97.awsui_variant-default_14iqq_5wfq7_109:not(#\9), .awsui_root_14iqq_5wfq7_97.awsui_variant-stacked_14iqq_5wfq7_109:not(#\9) {
     border: 1px solid #eaeded;
     border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-container-top-1itxac, #eaeded);
   }
 }
-.awsui_root_14iqq_wvh8f_97.awsui_variant-stacked_14iqq_wvh8f_109:not(#\9):not(:last-child) {
+.awsui_root_14iqq_5wfq7_97.awsui_variant-stacked_14iqq_5wfq7_109:not(#\9):not(:last-child) {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }
-.awsui_root_14iqq_wvh8f_97.awsui_variant-stacked_14iqq_wvh8f_109 + .awsui_root_14iqq_wvh8f_97.awsui_variant-stacked_14iqq_wvh8f_109:not(#\9) {
+.awsui_root_14iqq_5wfq7_97.awsui_variant-stacked_14iqq_5wfq7_109 + .awsui_root_14iqq_5wfq7_97.awsui_variant-stacked_14iqq_5wfq7_109:not(#\9) {
   border-top: 1px solid #eaeded;
   border-top: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
   border-top-left-radius: 0;
@@ -167,69 +166,69 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-shadow: var(--shadow-container-stacked-j8j87i, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
 }
 
-.awsui_header_14iqq_wvh8f_132:not(#\9) {
+.awsui_header_14iqq_5wfq7_132:not(#\9) {
   background-color: #fafafa;
   background-color: var(--color-background-container-header-g9rg0j, #fafafa);
   border-radius: 0px;
-  border-radius: var(--border-container-radius-gcr27z, 0px);
+  border-radius: var(--border-radius-container-1aveko, 0px);
 }
-.awsui_header-sticky-disabled_14iqq_wvh8f_136:not(#\9) {
+.awsui_header-sticky-disabled_14iqq_5wfq7_136:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_header-sticky-enabled_14iqq_wvh8f_140:not(#\9) {
+.awsui_header-sticky-enabled_14iqq_5wfq7_140:not(#\9) {
   top: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   position: sticky;
   z-index: 800;
 }
-.awsui_header-stuck_14iqq_wvh8f_146:not(#\9) {
+.awsui_header-stuck_14iqq_5wfq7_146:not(#\9) {
   box-shadow: 0px 1px 4px -2px rgba(0, 28, 36, 0.5);
   box-shadow: var(--shadow-sticky-embedded-5acv0s, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
   border: 0;
   border-radius: 0;
 }
-.awsui_header-dynamic-height_14iqq_wvh8f_151.awsui_header-stuck_14iqq_wvh8f_146:not(#\9) {
+.awsui_header-dynamic-height_14iqq_5wfq7_151.awsui_header-stuck_14iqq_5wfq7_146:not(#\9) {
   margin-bottom: calc(36px - 22px);
   margin-bottom: calc(var(--font-heading-xl-line-height-qeciux, 36px) - var(--font-heading-l-line-height-oujdab, 22px));
 }
-.awsui_header_14iqq_wvh8f_132:not(#\9):not(:empty) {
+.awsui_header_14iqq_5wfq7_132:not(#\9):not(:empty) {
   border-bottom: 1px solid #eaeded;
   border-bottom: var(--border-container-sticky-width-pybmba, 1px) solid var(--color-border-container-divider-z203b8, #eaeded);
 }
-.awsui_header_14iqq_wvh8f_132.awsui_with-paddings_14iqq_wvh8f_157:not(#\9) {
+.awsui_header_14iqq_5wfq7_132.awsui_with-paddings_14iqq_5wfq7_157:not(#\9) {
   padding: 12px 20px;
   padding: var(--space-container-header-vertical-0bd19u, 12px) var(--space-container-horizontal-tlw03i, 20px);
 }
-.awsui_header-variant-cards_14iqq_wvh8f_160:not(#\9) {
+.awsui_header-variant-cards_14iqq_5wfq7_160:not(#\9) {
   box-shadow: 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15);
   box-shadow: var(--shadow-container-0bkp96, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
   border-top: 1px solid #eaeded;
   border-top: var(--border-container-top-width-fs2udu, 1px) solid var(--color-border-container-top-1itxac, #eaeded);
   border-radius: 0px;
-  border-radius: var(--border-container-radius-gcr27z, 0px);
+  border-radius: var(--border-radius-container-1aveko, 0px);
   box-sizing: border-box;
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_header-variant-cards_14iqq_wvh8f_160:not(#\9) {
+  .awsui_header-variant-cards_14iqq_5wfq7_160:not(#\9) {
     border: 1px solid #eaeded;
     border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-container-top-1itxac, #eaeded);
   }
 }
-.awsui_header-variant-cards_14iqq_wvh8f_160:not(#\9):not(:empty) {
+.awsui_header-variant-cards_14iqq_5wfq7_160:not(#\9):not(:empty) {
   border-bottom: 1px solid #d5dbdb;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
 @supports (--css-variable-support-check: #000) {
-  .awsui_header-variant-cards_14iqq_wvh8f_160:not(#\9):not(:empty) {
+  .awsui_header-variant-cards_14iqq_5wfq7_160:not(#\9):not(:empty) {
     border-bottom: 0;
   }
 }
-.awsui_header-variant-cards_14iqq_wvh8f_160.awsui_header-stuck_14iqq_wvh8f_146:not(#\9) {
+.awsui_header-variant-cards_14iqq_5wfq7_160.awsui_header-stuck_14iqq_5wfq7_146:not(#\9) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-.awsui_header-variant-full-page_14iqq_wvh8f_184.awsui_header-stuck_14iqq_wvh8f_146:not(#\9) {
+.awsui_header-variant-full-page_14iqq_5wfq7_184.awsui_header-stuck_14iqq_5wfq7_146:not(#\9) {
   box-shadow: 0px 1px 4px -2px rgba(0, 28, 36, 0.5);
   box-shadow: var(--shadow-sticky-thyisb, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
 }
@@ -238,25 +237,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 The dynamic height dark header needs a background that will cover
 the default white background of the container component.
 */
-.awsui_dark-header_14iqq_wvh8f_192:not(#\9) {
+.awsui_dark-header_14iqq_5wfq7_192:not(#\9) {
   background-color: #f2f3f3;
   background-color: var(--color-background-layout-main-q0tbxx, #f2f3f3);
 }
 
-.awsui_content_14iqq_wvh8f_196.awsui_with-paddings_14iqq_wvh8f_157:not(#\9) {
+.awsui_content_14iqq_5wfq7_196.awsui_with-paddings_14iqq_5wfq7_157:not(#\9) {
   padding: 20px 20px;
   padding: var(--space-scaled-l-t03y3z, 20px) var(--space-container-horizontal-tlw03i, 20px);
 }
-.awsui_header_14iqq_wvh8f_132 + .awsui_content_14iqq_wvh8f_196.awsui_with-paddings_14iqq_wvh8f_157:not(#\9) {
+.awsui_header_14iqq_5wfq7_132 + .awsui_content_14iqq_5wfq7_196.awsui_with-paddings_14iqq_5wfq7_157:not(#\9) {
   padding-top: 16px;
   padding-top: var(--space-container-content-top-u412x3, 16px);
 }
 
-.awsui_footer_14iqq_wvh8f_203.awsui_with-paddings_14iqq_wvh8f_157:not(#\9) {
+.awsui_footer_14iqq_5wfq7_203.awsui_with-paddings_14iqq_5wfq7_157:not(#\9) {
   padding: 12px 20px;
   padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-container-horizontal-tlw03i, 20px);
 }
-.awsui_footer_14iqq_wvh8f_203.awsui_with-divider_14iqq_wvh8f_206:not(#\9) {
+.awsui_footer_14iqq_5wfq7_203.awsui_with-divider_14iqq_5wfq7_206:not(#\9) {
   border-top: 1px solid #eaeded;
   border-top: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
 }

package/lib/internal/template/container/styles.selectors.js

@@ -2,20 +2,20 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_14iqq_wvh8f_97",
-  "variant-default": "awsui_variant-default_14iqq_wvh8f_109",
-  "variant-stacked": "awsui_variant-stacked_14iqq_wvh8f_109",
-  "header": "awsui_header_14iqq_wvh8f_132",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_wvh8f_136",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_wvh8f_140",
-  "header-stuck": "awsui_header-stuck_14iqq_wvh8f_146",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_wvh8f_151",
-  "with-paddings": "awsui_with-paddings_14iqq_wvh8f_157",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_wvh8f_160",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_wvh8f_184",
-  "dark-header": "awsui_dark-header_14iqq_wvh8f_192",
-  "content": "awsui_content_14iqq_wvh8f_196",
-  "footer": "awsui_footer_14iqq_wvh8f_203",
-  "with-divider": "awsui_with-divider_14iqq_wvh8f_206"
+  "root": "awsui_root_14iqq_5wfq7_97",
+  "variant-default": "awsui_variant-default_14iqq_5wfq7_109",
+  "variant-stacked": "awsui_variant-stacked_14iqq_5wfq7_109",
+  "header": "awsui_header_14iqq_5wfq7_132",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_5wfq7_136",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_5wfq7_140",
+  "header-stuck": "awsui_header-stuck_14iqq_5wfq7_146",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_5wfq7_151",
+  "with-paddings": "awsui_with-paddings_14iqq_5wfq7_157",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_5wfq7_160",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_5wfq7_184",
+  "dark-header": "awsui_dark-header_14iqq_5wfq7_192",
+  "content": "awsui_content_14iqq_5wfq7_196",
+  "footer": "awsui_footer_14iqq_5wfq7_203",
+  "with-divider": "awsui_with-divider_14iqq_5wfq7_206"
 };
   

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

@@ -10,7 +10,7 @@ export interface MonthChangeHandler {
 export declare type DayIndex = 0 | 1 | 2 | 3 | 4 | 5 | 6;
 interface CalendarProps extends BaseComponentProps {
     locale: string;
-    startOfWeek: DayIndex;
+    startOfWeek: number | undefined;
     selectedDate: Date | null;
     displayedDate: Date;
     isDateEnabled: DatePickerProps.IsDateEnabledFunction;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/date-picker/calendar/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAEnE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAQ9C,MAAM,WAAW,iBAAiB;IAChC,CAAC,MAAM,EAAE,aAAa,CAAC,UAAU,GAAG,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,kBAAkB;IACjC,CAAC,QAAQ,EAAE,IAAI,GAAG,IAAI,CAAC;CACxB;AAED,oBAAY,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAMjD,UAAU,aAAc,SAAQ,kBAAkB;IAChD,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,QAAQ,CAAC;IACtB,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,IAAI,CAAC;IACpB,aAAa,EAAE,eAAe,CAAC,qBAAqB,CAAC;IACrD,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IAEvB,aAAa,EAAE,kBAAkB,CAAC;IAClC,YAAY,EAAE,iBAAiB,CAAC;CACjC;AAED,QAAA,MAAM,QAAQ,0JAWX,aAAa,gBAyGf,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/date-picker/calendar/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAEnE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAS9C,MAAM,WAAW,iBAAiB;IAChC,CAAC,MAAM,EAAE,aAAa,CAAC,UAAU,GAAG,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,kBAAkB;IACjC,CAAC,QAAQ,EAAE,IAAI,GAAG,IAAI,CAAC;CACxB;AAED,oBAAY,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAMjD,UAAU,aAAc,SAAQ,kBAAkB;IAChD,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,IAAI,CAAC;IACpB,aAAa,EAAE,eAAe,CAAC,qBAAqB,CAAC;IACrD,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IAEvB,aAAa,EAAE,kBAAkB,CAAC;IAClC,YAAY,EAAE,iBAAiB,CAAC;CACjC;AAED,QAAA,MAAM,QAAQ,0JAWX,aAAa,gBA4Gf,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -11,8 +11,10 @@ import moveFocusHandler from './utils/move-focus-handler';
 import { useUniqueId } from '../../internal/hooks/use-unique-id/index.js';
 import { formatDate, memoizedDate } from './utils/date.js';
 import { useEffectOnUpdate } from '../../internal/hooks/use-effect-on-update.js';
+import { getWeekStartByLocale } from 'weekstart';
 var Calendar = function (_a) {
     var locale = _a.locale, startOfWeek = _a.startOfWeek, displayedDate = _a.displayedDate, todayAriaLabel = _a.todayAriaLabel, selectedDate = _a.selectedDate, isDateEnabled = _a.isDateEnabled, onChangeMonth = _a.onChangeMonth, onSelectDate = _a.onSelectDate, previousMonthLabel = _a.previousMonthLabel, nextMonthLabel = _a.nextMonthLabel;
+    var normalizedStartOfWeek = (typeof startOfWeek === 'number' ? startOfWeek : getWeekStartByLocale(locale));
     var focusVisible = useFocusVisible();
     var headerId = useUniqueId('calendar-dialog-title-');
     var elementRef = useRef(null);
@@ -78,7 +80,7 @@ var Calendar = function (_a) {
         React.createElement("div", { className: styles['calendar-inner'] },
             React.createElement(CalendarHeader, { headerId: headerId, baseDate: baseDate, locale: locale, onChangeMonth: onHeaderChangeMonthHandler, previousMonthLabel: previousMonthLabel, nextMonthLabel: nextMonthLabel }),
             React.createElement("div", { onBlur: onGridBlur, ref: gridWrapperRef },
-                React.createElement(Grid, { locale: locale, baseDate: baseDate, isDateEnabled: isDateEnabled, focusedDate: focusedOrSelectedDate, onSelectDate: onGridSelectDateHandler, onFocusDate: onGridFocusDateHandler, onChangeMonth: onGridChangeMonthHandler, startOfWeek: startOfWeek, todayAriaLabel: todayAriaLabel, selectedDate: selectedDate, handleFocusMove: moveFocusHandler })))));
+                React.createElement(Grid, { locale: locale, baseDate: baseDate, isDateEnabled: isDateEnabled, focusedDate: focusedOrSelectedDate, onSelectDate: onGridSelectDateHandler, onFocusDate: onGridFocusDateHandler, onChangeMonth: onGridChangeMonthHandler, startOfWeek: normalizedStartOfWeek, todayAriaLabel: todayAriaLabel, selectedDate: selectedDate, handleFocusMove: moveFocusHandler })))));
 };
 export default Calendar;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/date-picker/calendar/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef, useState } from 'react';\nimport { addDays, addMonths, isSameMonth, startOfMonth } from 'date-fns';\nimport styles from '../styles.css.js';\nimport { BaseComponentProps } from '../../internal/base-component';\nimport useFocusVisible from '../../internal/hooks/focus-visible/index.js';\nimport { DatePickerProps } from '../interfaces';\nimport { CalendarTypes } from './definitions';\nimport CalendarHeader from './header';\nimport Grid, { DateChangeHandlerNullable } from './grid';\nimport moveFocusHandler from './utils/move-focus-handler';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id/index.js';\nimport { formatDate, memoizedDate } from './utils/date.js';\nimport { useEffectOnUpdate } from '../../internal/hooks/use-effect-on-update.js';\n\nexport interface DateChangeHandler {\n  (detail: CalendarTypes.DateDetail): void;\n}\n\nexport interface MonthChangeHandler {\n  (newMonth: Date): void;\n}\n\nexport type DayIndex = 0 | 1 | 2 | 3 | 4 | 5 | 6;\n\ninterface HeaderChangeMonthHandler {\n  (isPreviousButtonClick?: boolean): void;\n}\n\ninterface CalendarProps extends BaseComponentProps {\n  locale: string;\n  startOfWeek: DayIndex;\n  selectedDate: Date | null;\n  displayedDate: Date;\n  isDateEnabled: DatePickerProps.IsDateEnabledFunction;\n  nextMonthLabel: string;\n  previousMonthLabel: string;\n  todayAriaLabel: string;\n\n  onChangeMonth: MonthChangeHandler;\n  onSelectDate: DateChangeHandler;\n}\n\nconst Calendar = ({\n  locale,\n  startOfWeek,\n  displayedDate,\n  todayAriaLabel,\n  selectedDate,\n  isDateEnabled,\n  onChangeMonth,\n  onSelectDate,\n  previousMonthLabel,\n  nextMonthLabel,\n}: CalendarProps) => {\n  const focusVisible = useFocusVisible();\n  const headerId = useUniqueId('calendar-dialog-title-');\n  const elementRef = useRef<HTMLDivElement>(null);\n  const gridWrapperRef = useRef<HTMLDivElement>(null);\n  const [focusedDate, setFocusedDate] = useState<Date | null>(null);\n\n  const selectFocusedDate = (selected: Date | null, baseDate: Date): Date | null => {\n    if (selected && isDateEnabled(selected) && isSameMonth(selected, baseDate)) {\n      return selected;\n    }\n    const today = new Date();\n    if (isDateEnabled(today) && isSameMonth(today, baseDate)) {\n      return today;\n    }\n    if (isDateEnabled(baseDate)) {\n      return baseDate;\n    }\n    return null;\n  };\n\n  const getBaseDate = (date: Date) => {\n    const startDate = startOfMonth(date);\n    if (isDateEnabled(startDate)) {\n      return startDate;\n    }\n    return moveFocusHandler(startDate, isDateEnabled, (date: Date) => addDays(date, 1));\n  };\n\n  const baseDate: Date = getBaseDate(displayedDate);\n  const focusedOrSelectedDate = focusedDate || selectFocusedDate(selectedDate, baseDate);\n\n  const onHeaderChangeMonthHandler: HeaderChangeMonthHandler = isPrevious => {\n    onChangeMonth(addMonths(baseDate, isPrevious ? -1 : 1));\n    setFocusedDate(null);\n  };\n\n  const onGridChangeMonthHandler: MonthChangeHandler = newMonth => {\n    onChangeMonth(newMonth);\n    setFocusedDate(null);\n  };\n\n  const onGridFocusDateHandler: DateChangeHandlerNullable = ({ date }) => {\n    if (date) {\n      const value = memoizedDate('focused', formatDate(date));\n      setFocusedDate(value);\n    }\n  };\n\n  const onGridSelectDateHandler: DateChangeHandler = detail => {\n    onSelectDate(detail);\n    setFocusedDate(null);\n  };\n\n  // The focused date changes as a feedback to keyboard navigation in the grid.\n  // Once changed, the corresponding day button needs to receive the actual focus.\n  useEffectOnUpdate(() => {\n    if (focusedDate) {\n      (elementRef.current?.querySelector(`.${styles['calendar-day-focusable']}`) as HTMLDivElement)?.focus();\n    }\n  }, [focusedDate]);\n\n  const onGridBlur = (event: React.FocusEvent) => {\n    const newFocusTargetIsInGrid = event.relatedTarget && gridWrapperRef.current?.contains(event.relatedTarget as Node);\n    if (!newFocusTargetIsInGrid) {\n      setFocusedDate(null);\n    }\n  };\n\n  return (\n    <div\n      {...focusVisible}\n      className={styles.calendar}\n      tabIndex={0}\n      role=\"application\"\n      aria-describedby={headerId}\n      ref={elementRef}\n    >\n      <div className={styles['calendar-inner']}>\n        <CalendarHeader\n          headerId={headerId}\n          baseDate={baseDate}\n          locale={locale}\n          onChangeMonth={onHeaderChangeMonthHandler}\n          previousMonthLabel={previousMonthLabel}\n          nextMonthLabel={nextMonthLabel}\n        />\n        <div onBlur={onGridBlur} ref={gridWrapperRef}>\n          <Grid\n            locale={locale}\n            baseDate={baseDate}\n            isDateEnabled={isDateEnabled}\n            focusedDate={focusedOrSelectedDate}\n            onSelectDate={onGridSelectDateHandler}\n            onFocusDate={onGridFocusDateHandler}\n            onChangeMonth={onGridChangeMonthHandler}\n            startOfWeek={startOfWeek}\n            todayAriaLabel={todayAriaLabel}\n            selectedDate={selectedDate}\n            handleFocusMove={moveFocusHandler}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Calendar;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/date-picker/calendar/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef, useState } from 'react';\nimport { addDays, addMonths, isSameMonth, startOfMonth } from 'date-fns';\nimport styles from '../styles.css.js';\nimport { BaseComponentProps } from '../../internal/base-component';\nimport useFocusVisible from '../../internal/hooks/focus-visible/index.js';\nimport { DatePickerProps } from '../interfaces';\nimport { CalendarTypes } from './definitions';\nimport CalendarHeader from './header';\nimport Grid, { DateChangeHandlerNullable } from './grid';\nimport moveFocusHandler from './utils/move-focus-handler';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id/index.js';\nimport { formatDate, memoizedDate } from './utils/date.js';\nimport { useEffectOnUpdate } from '../../internal/hooks/use-effect-on-update.js';\nimport { getWeekStartByLocale } from 'weekstart';\n\nexport interface DateChangeHandler {\n  (detail: CalendarTypes.DateDetail): void;\n}\n\nexport interface MonthChangeHandler {\n  (newMonth: Date): void;\n}\n\nexport type DayIndex = 0 | 1 | 2 | 3 | 4 | 5 | 6;\n\ninterface HeaderChangeMonthHandler {\n  (isPreviousButtonClick?: boolean): void;\n}\n\ninterface CalendarProps extends BaseComponentProps {\n  locale: string;\n  startOfWeek: number | undefined;\n  selectedDate: Date | null;\n  displayedDate: Date;\n  isDateEnabled: DatePickerProps.IsDateEnabledFunction;\n  nextMonthLabel: string;\n  previousMonthLabel: string;\n  todayAriaLabel: string;\n\n  onChangeMonth: MonthChangeHandler;\n  onSelectDate: DateChangeHandler;\n}\n\nconst Calendar = ({\n  locale,\n  startOfWeek,\n  displayedDate,\n  todayAriaLabel,\n  selectedDate,\n  isDateEnabled,\n  onChangeMonth,\n  onSelectDate,\n  previousMonthLabel,\n  nextMonthLabel,\n}: CalendarProps) => {\n  const normalizedStartOfWeek = (\n    typeof startOfWeek === 'number' ? startOfWeek : getWeekStartByLocale(locale)\n  ) as DayIndex;\n  const focusVisible = useFocusVisible();\n  const headerId = useUniqueId('calendar-dialog-title-');\n  const elementRef = useRef<HTMLDivElement>(null);\n  const gridWrapperRef = useRef<HTMLDivElement>(null);\n  const [focusedDate, setFocusedDate] = useState<Date | null>(null);\n\n  const selectFocusedDate = (selected: Date | null, baseDate: Date): Date | null => {\n    if (selected && isDateEnabled(selected) && isSameMonth(selected, baseDate)) {\n      return selected;\n    }\n    const today = new Date();\n    if (isDateEnabled(today) && isSameMonth(today, baseDate)) {\n      return today;\n    }\n    if (isDateEnabled(baseDate)) {\n      return baseDate;\n    }\n    return null;\n  };\n\n  const getBaseDate = (date: Date) => {\n    const startDate = startOfMonth(date);\n    if (isDateEnabled(startDate)) {\n      return startDate;\n    }\n    return moveFocusHandler(startDate, isDateEnabled, (date: Date) => addDays(date, 1));\n  };\n\n  const baseDate: Date = getBaseDate(displayedDate);\n  const focusedOrSelectedDate = focusedDate || selectFocusedDate(selectedDate, baseDate);\n\n  const onHeaderChangeMonthHandler: HeaderChangeMonthHandler = isPrevious => {\n    onChangeMonth(addMonths(baseDate, isPrevious ? -1 : 1));\n    setFocusedDate(null);\n  };\n\n  const onGridChangeMonthHandler: MonthChangeHandler = newMonth => {\n    onChangeMonth(newMonth);\n    setFocusedDate(null);\n  };\n\n  const onGridFocusDateHandler: DateChangeHandlerNullable = ({ date }) => {\n    if (date) {\n      const value = memoizedDate('focused', formatDate(date));\n      setFocusedDate(value);\n    }\n  };\n\n  const onGridSelectDateHandler: DateChangeHandler = detail => {\n    onSelectDate(detail);\n    setFocusedDate(null);\n  };\n\n  // The focused date changes as a feedback to keyboard navigation in the grid.\n  // Once changed, the corresponding day button needs to receive the actual focus.\n  useEffectOnUpdate(() => {\n    if (focusedDate) {\n      (elementRef.current?.querySelector(`.${styles['calendar-day-focusable']}`) as HTMLDivElement)?.focus();\n    }\n  }, [focusedDate]);\n\n  const onGridBlur = (event: React.FocusEvent) => {\n    const newFocusTargetIsInGrid = event.relatedTarget && gridWrapperRef.current?.contains(event.relatedTarget as Node);\n    if (!newFocusTargetIsInGrid) {\n      setFocusedDate(null);\n    }\n  };\n\n  return (\n    <div\n      {...focusVisible}\n      className={styles.calendar}\n      tabIndex={0}\n      role=\"application\"\n      aria-describedby={headerId}\n      ref={elementRef}\n    >\n      <div className={styles['calendar-inner']}>\n        <CalendarHeader\n          headerId={headerId}\n          baseDate={baseDate}\n          locale={locale}\n          onChangeMonth={onHeaderChangeMonthHandler}\n          previousMonthLabel={previousMonthLabel}\n          nextMonthLabel={nextMonthLabel}\n        />\n        <div onBlur={onGridBlur} ref={gridWrapperRef}>\n          <Grid\n            locale={locale}\n            baseDate={baseDate}\n            isDateEnabled={isDateEnabled}\n            focusedDate={focusedOrSelectedDate}\n            onSelectDate={onGridSelectDateHandler}\n            onFocusDate={onGridFocusDateHandler}\n            onChangeMonth={onGridChangeMonthHandler}\n            startOfWeek={normalizedStartOfWeek}\n            todayAriaLabel={todayAriaLabel}\n            selectedDate={selectedDate}\n            handleFocusMove={moveFocusHandler}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Calendar;\n"]}

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

@@ -0,0 +1,3 @@
+import { DatePickerBaseProps } from './interfaces';
+export declare const DatePickerEmbedded: ({ value, locale, startOfWeek, isDateEnabled, nextMonthAriaLabel, previousMonthAriaLabel, todayAriaLabel, onChange, }: DatePickerBaseProps) => JSX.Element;
+//# sourceMappingURL=embedded.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"embedded.d.ts","sourceRoot":"","sources":["../../../src/date-picker/embedded.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAKnD,eAAO,MAAM,kBAAkB,yHAS5B,mBAAmB,gBAoBrB,CAAC"}

package/lib/internal/template/date-picker/embedded.js

@@ -0,0 +1,15 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import Calendar from './calendar';
+import { memoizedDate } from './calendar/utils/date';
+import { useDatePicker } from './use-date-picker';
+export var DatePickerEmbedded = function (_a) {
+    var value = _a.value, _b = _a.locale, locale = _b === void 0 ? '' : _b, startOfWeek = _a.startOfWeek, isDateEnabled = _a.isDateEnabled, nextMonthAriaLabel = _a.nextMonthAriaLabel, previousMonthAriaLabel = _a.previousMonthAriaLabel, todayAriaLabel = _a.todayAriaLabel, onChange = _a.onChange;
+    var _c = useDatePicker({
+        value: value,
+        onChange: onChange
+    }), displayedDate = _c.displayedDate, selectedDate = _c.selectedDate, onChangeMonthHandler = _c.onChangeMonthHandler, onSelectDateHandler = _c.onSelectDateHandler;
+    return (React.createElement(Calendar, { selectedDate: memoizedDate('value', selectedDate), displayedDate: memoizedDate('displayed', displayedDate), locale: locale, startOfWeek: startOfWeek, isDateEnabled: isDateEnabled ? isDateEnabled : function () { return true; }, nextMonthLabel: nextMonthAriaLabel, previousMonthLabel: previousMonthAriaLabel, todayAriaLabel: todayAriaLabel, onChangeMonth: onChangeMonthHandler, onSelectDate: onSelectDateHandler }));
+};
+//# sourceMappingURL=embedded.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"embedded.js","sourceRoot":"","sources":["../../../src/date-picker/embedded.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,EASb;QARpB,KAAK,WAAA,EACL,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,kBAAkB,wBAAA,EAClB,sBAAsB,4BAAA,EACtB,cAAc,oBAAA,EACd,QAAQ,cAAA;IAEF,IAAA,KAA6E,aAAa,CAAC;QAC/F,KAAK,OAAA;QACL,QAAQ,UAAA;KACT,CAAC,EAHM,aAAa,mBAAA,EAAE,YAAY,kBAAA,EAAE,oBAAoB,0BAAA,EAAE,mBAAmB,yBAG5E,CAAC;IAEH,OAAO,CACL,oBAAC,QAAQ,IACP,YAAY,EAAE,YAAY,CAAC,OAAO,EAAE,YAAY,CAAC,EACjD,aAAa,EAAE,YAAY,CAAC,WAAW,EAAE,aAAa,CAAC,EACvD,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAM,OAAA,IAAI,EAAJ,CAAI,EACzD,cAAc,EAAE,kBAAkB,EAClC,kBAAkB,EAAE,sBAAsB,EAC1C,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,oBAAoB,EACnC,YAAY,EAAE,mBAAmB,GACjC,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { DatePickerBaseProps } from './interfaces';\nimport Calendar from './calendar';\nimport { memoizedDate } from './calendar/utils/date';\nimport { useDatePicker } from './use-date-picker';\n\nexport const DatePickerEmbedded = ({\n  value,\n  locale = '',\n  startOfWeek,\n  isDateEnabled,\n  nextMonthAriaLabel,\n  previousMonthAriaLabel,\n  todayAriaLabel,\n  onChange,\n}: DatePickerBaseProps) => {\n  const { displayedDate, selectedDate, onChangeMonthHandler, onSelectDateHandler } = useDatePicker({\n    value,\n    onChange,\n  });\n\n  return (\n    <Calendar\n      selectedDate={memoizedDate('value', selectedDate)}\n      displayedDate={memoizedDate('displayed', displayedDate)}\n      locale={locale}\n      startOfWeek={startOfWeek}\n      isDateEnabled={isDateEnabled ? isDateEnabled : () => true}\n      nextMonthLabel={nextMonthAriaLabel}\n      previousMonthLabel={previousMonthAriaLabel}\n      todayAriaLabel={todayAriaLabel}\n      onChangeMonth={onChangeMonthHandler}\n      onSelectDate={onSelectDateHandler}\n    />\n  );\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-picker/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAGlE,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAwB/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,QAAA,MAAM,UAAU,6FA2Mf,CAAC;AAGF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-picker/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAElE,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAuB/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,QAAA,MAAM,UAAU,6FAqLf,CAAC;AAGF,eAAe,UAAU,CAAC"}

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

@@ -3,12 +3,11 @@ import { __assign, __rest } from "tslib";
 // SPDX-License-Identifier: Apache-2.0
 import clsx from 'clsx';
 import React, { useCallback, useRef, useState } from 'react';
-import { getWeekStartByLocale } from 'weekstart';
 import styles from './styles.css.js';
 import Calendar from './calendar';
 import { normalizeLocale } from './calendar/utils/locales';
 import { getDateLabel } from './calendar/utils/intl';
-import { displayToIso, formatDate, isoToDisplay, memoizedDate } from './calendar/utils/date';
+import { displayToIso, isoToDisplay, memoizedDate } from './calendar/utils/date';
 import { KeyCode } from '../internal/keycode';
 import { fireNonCancelableEvent } from '../internal/events';
 import Dropdown from '../internal/components/dropdown';
@@ -18,23 +17,22 @@ import { applyDisplayName } from '../internal/utils/apply-display-name.js';
 import checkControlled from '../internal/hooks/check-controlled';
 import { useFocusTracker } from '../internal/hooks/use-focus-tracker.js';
 import useForwardFocus from '../internal/hooks/forward-focus';
-import { usePrevious } from '../internal/hooks/use-previous';
 import { InternalButton } from '../button/internal';
 import useBaseComponent from '../internal/hooks/use-base-component';
 import { useUniqueId } from '../internal/hooks/use-unique-id';
 import { useMergeRefs } from '../internal/hooks/use-merge-refs';
 import FocusLock from '../internal/components/focus-lock';
+import { useDatePicker } from './use-date-picker.js';
 var DatePicker = React.forwardRef(function (_a, ref) {
     var _b = _a.locale, locale = _b === void 0 ? '' : _b, startOfWeek = _a.startOfWeek, isDateEnabled = _a.isDateEnabled, nextMonthAriaLabel = _a.nextMonthAriaLabel, previousMonthAriaLabel = _a.previousMonthAriaLabel, todayAriaLabel = _a.todayAriaLabel, _c = _a.placeholder, placeholder = _c === void 0 ? '' : _c, _d = _a.value, value = _d === void 0 ? '' : _d, _e = _a.readOnly, readOnly = _e === void 0 ? false : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, onBlur = _a.onBlur, _g = _a.autoFocus, autoFocus = _g === void 0 ? false : _g, onChange = _a.onChange, onFocus = _a.onFocus, name = _a.name, ariaLabel = _a.ariaLabel, ariaRequired = _a.ariaRequired, ariaLabelledby = _a.ariaLabelledby, ariaDescribedby = _a.ariaDescribedby, controlId = _a.controlId, invalid = _a.invalid, openCalendarAriaLabel = _a.openCalendarAriaLabel, expandToViewport = _a.expandToViewport, rest = __rest(_a, ["locale", "startOfWeek", "isDateEnabled", "nextMonthAriaLabel", "previousMonthAriaLabel", "todayAriaLabel", "placeholder", "value", "readOnly", "disabled", "onBlur", "autoFocus", "onChange", "onFocus", "name", "ariaLabel", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "controlId", "invalid", "openCalendarAriaLabel", "expandToViewport"]);
     var __internalRootRef = useBaseComponent('DatePicker').__internalRootRef;
+    var _h = useDatePicker({
+        value: value,
+        onChange: onChange
+    }), defaultDisplayedDate = _h.defaultDisplayedDate, displayedDate = _h.displayedDate, setDisplayedDate = _h.setDisplayedDate, selectedDate = _h.selectedDate, onChangeMonthHandler = _h.onChangeMonthHandler, onSelectDateHandler = _h.onSelectDateHandler;
     var baseProps = getBaseProps(rest);
-    var _h = useState(false), isDropDownOpen = _h[0], setIsDropDownOpen = _h[1];
+    var _j = useState(false), isDropDownOpen = _j[0], setIsDropDownOpen = _j[1];
     var normalizedLocale = normalizeLocale('DatePicker', locale !== null && locale !== void 0 ? locale : '');
-    var normalizedStartOfWeek = (typeof startOfWeek === 'number' ? startOfWeek : getWeekStartByLocale(normalizedLocale));
-    var defaultSelectedDate = value.length >= 10 ? value : null;
-    var _j = useState(defaultSelectedDate), selectedDate = _j[0], setSelectedDate = _j[1];
-    var defaultDisplayedDate = value.length >= 10 ? value : formatDate(new Date());
-    var _k = useState(defaultDisplayedDate), displayedDate = _k[0], setDisplayedDate = _k[1];
     var internalInputRef = useRef(null);
     var buttonRef = useRef(null);
     useForwardFocus(ref, internalInputRef);
@@ -42,23 +40,10 @@ var DatePicker = React.forwardRef(function (_a, ref) {
     var dropdownId = useUniqueId('calender');
     var mergedRef = useMergeRefs(rootRef, __internalRootRef);
     useFocusTracker({ rootRef: rootRef, onBlur: onBlur, onFocus: onFocus, viewportId: expandToViewport ? dropdownId : '' });
-    var onChangeMonthHandler = function (newMonth) {
-        setDisplayedDate(formatDate(newMonth));
-    };
-    var onSelectDateHandler = function (_a) {
-        var _b;
-        var date = _a.date;
-        var formattedDate = formatDate(date);
-        (_b = buttonRef.current) === null || _b === void 0 ? void 0 : _b.focus();
-        setIsDropDownOpen(false);
-        setSelectedDate(formattedDate);
-        setDisplayedDate(formattedDate);
-        fireNonCancelableEvent(onChange, { value: formattedDate });
-    };
     var onDropdownCloseHandler = useCallback(function () {
         setDisplayedDate(defaultDisplayedDate);
         setIsDropDownOpen(false);
-    }, [defaultDisplayedDate]);
+    }, [defaultDisplayedDate, setDisplayedDate, setIsDropDownOpen]);
     var onButtonClickHandler = function () {
         if (!isDropDownOpen) {
             setIsDropDownOpen(true);
@@ -81,21 +66,6 @@ var DatePicker = React.forwardRef(function (_a, ref) {
             setIsDropDownOpen(false);
         }
     };
-    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);
-        }
-    }
     var DateInputElement = (React.createElement("div", { className: styles['date-picker-trigger'] },
         React.createElement("div", { className: styles['date-picker-input'] },
             React.createElement(DateInput, { name: name, invalid: invalid, controlId: controlId, ariaLabelledby: ariaLabelledby, ariaDescribedby: ariaDescribedby, ariaLabel: ariaLabel, ariaRequired: ariaRequired, value: isoToDisplay(value), autoComplete: false, disableBrowserAutocorrect: true, disableAutocompleteOnBlur: isDropDownOpen, disabled: disabled, readOnly: readOnly, onChange: onInputChangeHandler, onBlur: onInputBlurHandler, placeholder: placeholder, ref: internalInputRef, autoFocus: autoFocus })),
@@ -113,7 +83,12 @@ var DatePicker = React.forwardRef(function (_a, ref) {
     };
     return (React.createElement("div", __assign({}, baseProps, { ref: mergedRef, onKeyDown: onWrapperKeyDownHandler }),
         React.createElement(Dropdown, { stretchWidth: true, stretchHeight: true, open: isDropDownOpen, onDropdownClose: onDropdownCloseHandler, onMouseDown: handleMouseDown, trigger: DateInputElement, expandToViewport: expandToViewport, scrollable: false, dropdownId: dropdownId }, isDropDownOpen && (React.createElement(FocusLock, { autoFocus: true },
-            React.createElement(Calendar, { selectedDate: memoizedDate('value', selectedDate), displayedDate: memoizedDate('displayed', displayedDate), locale: normalizedLocale, startOfWeek: normalizedStartOfWeek, isDateEnabled: isDateEnabled ? isDateEnabled : function () { return true; }, nextMonthLabel: nextMonthAriaLabel, previousMonthLabel: previousMonthAriaLabel, todayAriaLabel: todayAriaLabel, onChangeMonth: onChangeMonthHandler, onSelectDate: onSelectDateHandler }))))));
+            React.createElement(Calendar, { selectedDate: memoizedDate('value', selectedDate), displayedDate: memoizedDate('displayed', displayedDate), locale: normalizedLocale, startOfWeek: startOfWeek, isDateEnabled: isDateEnabled ? isDateEnabled : function () { return true; }, nextMonthLabel: nextMonthAriaLabel, previousMonthLabel: previousMonthAriaLabel, todayAriaLabel: todayAriaLabel, onChangeMonth: onChangeMonthHandler, onSelectDate: function (e) {
+                    var _a;
+                    onSelectDateHandler(e);
+                    (_a = buttonRef === null || buttonRef === void 0 ? void 0 : buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                    setIsDropDownOpen(false);
+                } }))))));
 });
 applyDisplayName(DatePicker, 'DatePicker');
 export default DatePicker;