@cloudscape-design/components 3.0.541 → 3.0.543

package/calendar/styles.scoped.css

@@ -96,11 +96,11 @@ 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_1ykar_1hjus_99:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-0_1ykar_1hjus_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
+.awsui_calendar_1ykar_12jvf_99:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_1ykar_12jvf_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_1ykar_1hjus_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1ykar_12jvf_1 {
   from {
     opacity: 0;
   }
@@ -109,12 +109,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_calendar_1ykar_1hjus_99:not(#\9) {
+  .awsui_calendar_1ykar_12jvf_99:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_calendar_1ykar_1hjus_99:not(#\9), .awsui-mode-entering .awsui_calendar_1ykar_1hjus_99:not(#\9) {
+.awsui-motion-disabled .awsui_calendar_1ykar_12jvf_99:not(#\9), .awsui-mode-entering .awsui_calendar_1ykar_12jvf_99:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -127,11 +127,11 @@ 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_1ykar_1hjus_130:not(#\9) {
+.awsui_root_1ykar_12jvf_130:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_calendar_1ykar_1hjus_99:not(#\9) {
+.awsui_calendar_1ykar_12jvf_99:not(#\9) {
   display: block;
   inline-size: var(--size-calendar-grid-width-lrunz7, 238px);
   overflow: auto;
@@ -169,16 +169,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_calendar-inner_1ykar_1hjus_171:not(#\9) {
+.awsui_calendar-inner_1ykar_12jvf_171:not(#\9) {
   margin-block: var(--space-xs-zb16t3, 8px);
   margin-inline: var(--space-xs-zb16t3, 8px);
 }
-.awsui_calendar-header_1ykar_1hjus_175:not(#\9) {
+.awsui_calendar-header_1ykar_12jvf_175:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.awsui_calendar-header-title_1ykar_1hjus_180:not(#\9) {
+.awsui_calendar-header-title_1ykar_12jvf_180:not(#\9) {
   font-size: var(--font-size-body-m-x4okxb, 14px);
   line-height: var(--line-height-body-m-30ar75, 20px);
   font-weight: 700;
@@ -186,23 +186,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_calendar-next-btn_1ykar_1hjus_188:not(#\9) {
+.awsui_calendar-next-btn_1ykar_12jvf_188:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-prev-btn_1ykar_1hjus_191:not(#\9) {
+.awsui_calendar-prev-btn_1ykar_12jvf_191:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-grid_1ykar_1hjus_194:not(#\9) {
+.awsui_calendar-grid_1ykar_12jvf_194:not(#\9) {
   inline-size: 100%;
   table-layout: fixed;
+}
+.awsui_calendar-grid_1ykar_12jvf_194:not(#\9):not(.awsui_calendar-grid-dense_1ykar_12jvf_198) {
+  border-spacing: var(--space-calendar-grid-gutter-2jsrps, 6px);
+  padding-block: var(--space-xs-zb16t3, 8px);
+  padding-inline: var(--space-xs-zb16t3, 8px);
+}
+.awsui_calendar-grid-dense_1ykar_12jvf_198:not(#\9) {
   border-spacing: 0;
 }
-.awsui_calendar-grid-cell_1ykar_1hjus_199:not(#\9) {
+.awsui_calendar-grid-cell_1ykar_12jvf_206:not(#\9) {
   word-break: break-word;
   text-align: center;
   font-weight: unset;
 }
-.awsui_calendar-date-header_1ykar_1hjus_204:not(#\9) {
+.awsui_calendar-date-header_1ykar_12jvf_211:not(#\9) {
   padding-block-start: var(--space-s-34lx8l, 12px);
   padding-block-end: var(--space-xxs-p8yyaw, 4px);
   padding-inline: 0;
@@ -211,7 +218,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   line-height: var(--line-height-body-s-7zv1j5, 16px);
   letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
 }
-.awsui_calendar-date_1ykar_1hjus_204:not(#\9) {
+.awsui_calendar-date_1ykar_12jvf_211:not(#\9) {
   border-block-end: 1px solid var(--color-border-calendar-grid-u86q1u, transparent);
   border-inline-end: 1px solid var(--color-border-calendar-grid-u86q1u, transparent);
   padding-block: var(--space-xxs-p8yyaw, 4px);
@@ -219,23 +226,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-dropdown-item-disabled-6oq3n6, #9ba7b6);
   position: relative;
 }
-.awsui_calendar-date_1ykar_1hjus_204:not(#\9):first-child {
+.awsui_calendar-date_1ykar_12jvf_211:not(#\9):first-child {
   border-inline-start: 1px solid var(--color-border-calendar-grid-u86q1u, transparent);
 }
-.awsui_calendar-date-enabled_1ykar_1hjus_224:not(#\9) {
+.awsui_calendar-date-enabled_1ykar_12jvf_231:not(#\9) {
   cursor: pointer;
   color: var(--color-text-dropdown-item-secondary-jho0ju, #5f6b7a);
 }
-.awsui_calendar-date-enabled_1ykar_1hjus_224:not(#\9)::after {
+.awsui_calendar-date-enabled_1ykar_12jvf_231:not(#\9)::after {
   border-start-start-radius: var(--border-radius-item-05df9h, 8px);
   border-start-end-radius: var(--border-radius-item-05df9h, 8px);
   border-end-start-radius: var(--border-radius-item-05df9h, 8px);
   border-end-end-radius: var(--border-radius-item-05df9h, 8px);
 }
-.awsui_calendar-date-enabled_1ykar_1hjus_224.awsui_calendar-date-current-page_1ykar_1hjus_234:not(#\9) {
+.awsui_calendar-date-enabled_1ykar_12jvf_231.awsui_calendar-date-current-page_1ykar_12jvf_241:not(#\9) {
   color: var(--color-text-dropdown-item-default-4o4hes, #000716);
 }
-.awsui_calendar-date-enabled_1ykar_1hjus_224.awsui_calendar-date-current-page_1ykar_1hjus_234:not(#\9):hover {
+.awsui_calendar-date-enabled_1ykar_12jvf_231.awsui_calendar-date-current-page_1ykar_12jvf_241:not(#\9):hover {
   border-start-start-radius: var(--border-radius-item-05df9h, 8px);
   border-start-end-radius: var(--border-radius-item-05df9h, 8px);
   border-end-start-radius: var(--border-radius-item-05df9h, 8px);
@@ -243,11 +250,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-calendar-date-hover-llr4as, #000716);
   background-color: var(--color-background-dropdown-item-hover-swsulg, #f4f4f4);
 }
-.awsui_calendar-date-enabled_1ykar_1hjus_224.awsui_calendar-date-current-page_1ykar_1hjus_234:not(#\9):hover:not(.awsui_calendar-date-selected_1ykar_1hjus_245)::after {
+.awsui_calendar-date-enabled_1ykar_12jvf_231.awsui_calendar-date-current-page_1ykar_12jvf_241:not(#\9):hover:not(.awsui_calendar-date-selected_1ykar_12jvf_252)::after {
   border-block: var(--border-item-width-yel47s, 2px) solid var(--color-border-dropdown-item-hover-461g78, #7d8998);
   border-inline: var(--border-item-width-yel47s, 2px) solid var(--color-border-dropdown-item-hover-461g78, #7d8998);
 }
-.awsui_calendar-date-current_1ykar_1hjus_234:not(#\9) {
+.awsui_calendar-date-current_1ykar_12jvf_241:not(#\9) {
   border-start-start-radius: var(--border-radius-item-05df9h, 8px);
   border-start-end-radius: var(--border-radius-item-05df9h, 8px);
   border-end-start-radius: var(--border-radius-item-05df9h, 8px);
@@ -255,31 +262,38 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: var(--color-background-calendar-current-date-kmb0ji, #f4f4f4);
   font-weight: 700;
 }
-.awsui_calendar-date_1ykar_1hjus_204:not(#\9)::after {
+.awsui_calendar-date_1ykar_12jvf_211:not(#\9)::after {
   content: "";
   position: absolute;
   z-index: 1;
+  background-color: transparent;
   inset-block-start: calc(-1 * var(--border-item-width-yel47s, 2px));
+  inset-inline-start: calc(-1 * var(--border-item-width-yel47s, 2px));
+  inset-inline-end: calc(-1 * var(--border-item-width-yel47s, 2px));
+}
+.awsui_calendar-date_1ykar_12jvf_211:not(#\9):not(.awsui_calendar-date-dense_1ykar_12jvf_273)::after {
+  inset-block-end: calc(-1 * var(--border-item-width-yel47s, 2px));
+  inset-inline-start: calc(-1 * var(--border-item-width-yel47s, 2px));
+}
+.awsui_calendar-date-dense_1ykar_12jvf_273:not(#\9)::after {
   inset-block-end: -1px;
   inset-inline-start: -1px;
-  inset-inline-end: calc(-1 * var(--border-item-width-yel47s, 2px));
-  background-color: transparent;
 }
-.awsui_calendar-date_1ykar_1hjus_204 > .awsui_date-inner_1ykar_1hjus_267:not(#\9) {
+.awsui_calendar-date_1ykar_12jvf_211 > .awsui_date-inner_1ykar_12jvf_281:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_calendar-date_1ykar_1hjus_204:not(#\9):focus {
+.awsui_calendar-date_1ykar_12jvf_211:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_1hjus_204:not(#\9):focus:focus {
+body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_12jvf_211:not(#\9):focus:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_1hjus_204:not(#\9):focus:focus {
+body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_12jvf_211:not(#\9):focus:focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-g00bgj, -5px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_1hjus_204:not(#\9):focus:focus::before {
+body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_12jvf_211:not(#\9):focus:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -293,23 +307,23 @@ body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_1hjus_204:not(#\9
   border-end-end-radius: var(--border-radius-calendar-day-focus-ring-545h0w, 3px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_1hjus_204:not(#\9):focus:focus::before {
+body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_12jvf_211:not(#\9):focus:focus::before {
   z-index: 2;
 }
-.awsui_calendar-date-selected_1ykar_1hjus_245:not(#\9) {
+.awsui_calendar-date-selected_1ykar_12jvf_252:not(#\9) {
   border-color: transparent;
   position: relative;
   z-index: 2;
   font-weight: 700;
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_1hjus_245:not(#\9):focus:focus {
+body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_12jvf_252:not(#\9):focus:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_1hjus_245:not(#\9):focus:focus {
+body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_12jvf_252:not(#\9):focus:focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-g00bgj, -5px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_1hjus_245:not(#\9):focus:focus::before {
+body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_12jvf_252:not(#\9):focus:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -323,10 +337,10 @@ body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_1hjus_24
   border-end-end-radius: var(--border-radius-calendar-day-focus-ring-545h0w, 3px);
   box-shadow: 0 0 0 2px var(--color-border-calendar-grid-selected-focus-ring-thqa8y, #fbfbfb);
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_1hjus_245:not(#\9):focus:focus::before {
+body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_12jvf_252:not(#\9):focus:focus::before {
   z-index: 2;
 }
-.awsui_calendar-date-selected_1ykar_1hjus_245:not(#\9)::after {
+.awsui_calendar-date-selected_1ykar_12jvf_252:not(#\9)::after {
   border-start-start-radius: var(--border-radius-item-05df9h, 8px);
   border-start-end-radius: var(--border-radius-item-05df9h, 8px);
   border-end-start-radius: var(--border-radius-item-05df9h, 8px);
@@ -335,11 +349,11 @@ body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_1hjus_24
   border-block: var(--border-item-width-yel47s, 2px) solid var(--color-background-control-checked-w517i0, #0972d3);
   border-inline: var(--border-item-width-yel47s, 2px) solid var(--color-background-control-checked-w517i0, #0972d3);
 }
-.awsui_calendar-date-selected_1ykar_1hjus_245 > .awsui_date-inner_1ykar_1hjus_267:not(#\9) {
+.awsui_calendar-date-selected_1ykar_12jvf_252 > .awsui_date-inner_1ykar_12jvf_281:not(#\9) {
   z-index: 2;
   color: var(--color-background-control-default-qzruqy, #ffffff);
   position: relative;
 }
-.awsui_calendar-row_1ykar_1hjus_342:not(#\9):first-child > .awsui_calendar-date_1ykar_1hjus_204 {
+.awsui_calendar-row_1ykar_12jvf_356:not(#\9):first-child > .awsui_calendar-date_1ykar_12jvf_211 {
   border-block-start: 1px solid var(--color-border-calendar-grid-u86q1u, transparent);
 }

package/calendar/styles.selectors.js

@@ -2,23 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "calendar": "awsui_calendar_1ykar_1hjus_99",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_1hjus_1",
-  "root": "awsui_root_1ykar_1hjus_130",
-  "calendar-inner": "awsui_calendar-inner_1ykar_1hjus_171",
-  "calendar-header": "awsui_calendar-header_1ykar_1hjus_175",
-  "calendar-header-title": "awsui_calendar-header-title_1ykar_1hjus_180",
-  "calendar-next-btn": "awsui_calendar-next-btn_1ykar_1hjus_188",
-  "calendar-prev-btn": "awsui_calendar-prev-btn_1ykar_1hjus_191",
-  "calendar-grid": "awsui_calendar-grid_1ykar_1hjus_194",
-  "calendar-grid-cell": "awsui_calendar-grid-cell_1ykar_1hjus_199",
-  "calendar-date-header": "awsui_calendar-date-header_1ykar_1hjus_204",
-  "calendar-date": "awsui_calendar-date_1ykar_1hjus_204",
-  "calendar-date-enabled": "awsui_calendar-date-enabled_1ykar_1hjus_224",
-  "calendar-date-current-page": "awsui_calendar-date-current-page_1ykar_1hjus_234",
-  "calendar-date-selected": "awsui_calendar-date-selected_1ykar_1hjus_245",
-  "calendar-date-current": "awsui_calendar-date-current_1ykar_1hjus_234",
-  "date-inner": "awsui_date-inner_1ykar_1hjus_267",
-  "calendar-row": "awsui_calendar-row_1ykar_1hjus_342"
+  "calendar": "awsui_calendar_1ykar_12jvf_99",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_12jvf_1",
+  "root": "awsui_root_1ykar_12jvf_130",
+  "calendar-inner": "awsui_calendar-inner_1ykar_12jvf_171",
+  "calendar-header": "awsui_calendar-header_1ykar_12jvf_175",
+  "calendar-header-title": "awsui_calendar-header-title_1ykar_12jvf_180",
+  "calendar-next-btn": "awsui_calendar-next-btn_1ykar_12jvf_188",
+  "calendar-prev-btn": "awsui_calendar-prev-btn_1ykar_12jvf_191",
+  "calendar-grid": "awsui_calendar-grid_1ykar_12jvf_194",
+  "calendar-grid-dense": "awsui_calendar-grid-dense_1ykar_12jvf_198",
+  "calendar-grid-cell": "awsui_calendar-grid-cell_1ykar_12jvf_206",
+  "calendar-date-header": "awsui_calendar-date-header_1ykar_12jvf_211",
+  "calendar-date": "awsui_calendar-date_1ykar_12jvf_211",
+  "calendar-date-enabled": "awsui_calendar-date-enabled_1ykar_12jvf_231",
+  "calendar-date-current-page": "awsui_calendar-date-current-page_1ykar_12jvf_241",
+  "calendar-date-selected": "awsui_calendar-date-selected_1ykar_12jvf_252",
+  "calendar-date-current": "awsui_calendar-date-current_1ykar_12jvf_241",
+  "calendar-date-dense": "awsui_calendar-date-dense_1ykar_12jvf_273",
+  "date-inner": "awsui_date-inner_1ykar_12jvf_281",
+  "calendar-row": "awsui_calendar-row_1ykar_12jvf_356"
 };
   

package/calendar/use-calendar-labels.d.ts

@@ -1,5 +1,6 @@
 import { CalendarProps } from './interfaces';
-export default function useCalendarLabels({ locale, i18nStrings, previousMonthAriaLabel, nextMonthAriaLabel, todayAriaLabel, }: {
+export default function useCalendarLabels({ granularity, locale, i18nStrings, previousMonthAriaLabel, nextMonthAriaLabel, todayAriaLabel, }: {
+    granularity: CalendarProps.Granularity;
     locale: string;
     i18nStrings?: CalendarProps.I18nStrings;
     previousMonthAriaLabel?: string;

package/calendar/use-calendar-labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-calendar-labels.d.ts","sourceRoot":"lib/default/","sources":["calendar/use-calendar-labels.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAI7C,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,MAAM,EACN,WAAW,EACX,sBAAsB,EACtB,kBAAkB,EAClB,cAAc,GACf,EAAE;IACD,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC;IACxC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;;;uBAY2B,IAAI;mCAEQ,IAAI,iBAAiB,OAAO;6BAQlC,IAAI;EASrC"}
+{"version":3,"file":"use-calendar-labels.d.ts","sourceRoot":"lib/default/","sources":["calendar/use-calendar-labels.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAI7C,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,WAAW,EACX,MAAM,EACN,WAAW,EACX,sBAAsB,EACtB,kBAAkB,EAClB,cAAc,GACf,EAAE;IACD,WAAW,EAAE,aAAa,CAAC,WAAW,CAAC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC;IACxC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;;;uBAgB2B,IAAI;mCAGQ,IAAI,iBAAiB,OAAO;6BAQlC,IAAI;EAUrC"}

package/calendar/use-calendar-labels.js

@@ -2,21 +2,28 @@
 // SPDX-License-Identifier: Apache-2.0
 import { useInternalI18n } from '../i18n/context.js';
 import { getDateLabel, renderMonthAndYear } from './utils/intl';
-export default function useCalendarLabels({ locale, i18nStrings, previousMonthAriaLabel, nextMonthAriaLabel, todayAriaLabel, }) {
+export default function useCalendarLabels({ granularity, locale, i18nStrings, previousMonthAriaLabel, nextMonthAriaLabel, todayAriaLabel, }) {
     var _a, _b, _c;
     const i18n = useInternalI18n('calendar');
-    const previousButtonLabel = i18n('previousMonthAriaLabel', (_a = i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.previousMonthAriaLabel) !== null && _a !== void 0 ? _a : previousMonthAriaLabel);
-    const nextButtonLabel = i18n('nextMonthAriaLabel', (_b = i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.nextMonthAriaLabel) !== null && _b !== void 0 ? _b : nextMonthAriaLabel);
-    const currentDateLabel = i18n('todayAriaLabel', (_c = i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.todayAriaLabel) !== null && _c !== void 0 ? _c : todayAriaLabel);
-    const renderDate = (date) => date.getDate().toString();
+    const isMonthPicker = granularity === 'month';
+    const previousButtonLabel = isMonthPicker
+        ? i18n('i18nStrings.previousYearAriaLabel', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.previousYearAriaLabel)
+        : i18n('previousMonthAriaLabel', (_a = i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.previousMonthAriaLabel) !== null && _a !== void 0 ? _a : previousMonthAriaLabel);
+    const nextButtonLabel = isMonthPicker
+        ? i18n('i18nStrings.nextYearAriaLabel', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.nextYearAriaLabel)
+        : i18n('nextMonthAriaLabel', (_b = i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.nextMonthAriaLabel) !== null && _b !== void 0 ? _b : nextMonthAriaLabel);
+    const currentDateLabel = isMonthPicker
+        ? i18n('i18nStrings.currentMonthAriaLabel', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.currentMonthAriaLabel)
+        : i18n('todayAriaLabel', (_c = i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.todayAriaLabel) !== null && _c !== void 0 ? _c : todayAriaLabel);
+    const renderDate = (date) => isMonthPicker ? date.toLocaleString(locale, { month: 'short' }) : date.getDate().toString();
     const renderDateAnnouncement = (date, isCurrentDate) => {
-        const formattedDate = getDateLabel(locale, date, 'short');
+        const formattedDate = isMonthPicker ? renderMonthAndYear(locale, date) : getDateLabel(locale, date, 'short');
         if (isCurrentDate && currentDateLabel) {
             return formattedDate + '. ' + currentDateLabel;
         }
         return formattedDate;
     };
-    const renderHeaderText = (date) => renderMonthAndYear(locale, date);
+    const renderHeaderText = (date) => isMonthPicker ? date.getFullYear().toString() : renderMonthAndYear(locale, date);
     return {
         previousButtonLabel,
         nextButtonLabel,

package/calendar/use-calendar-labels.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-calendar-labels.js","sourceRoot":"lib/default/","sources":["calendar/use-calendar-labels.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAGtC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEhE,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,MAAM,EACN,WAAW,EACX,sBAAsB,EACtB,kBAAkB,EAClB,cAAc,GAQf;;IACC,MAAM,IAAI,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;IAEzC,MAAM,mBAAmB,GAAG,IAAI,CAC9B,wBAAwB,EACxB,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,sBAAsB,mCAAI,sBAAsB,CAC9D,CAAC;IAEF,MAAM,eAAe,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,kBAAkB,mCAAI,kBAAkB,CAAC,CAAC;IAE1G,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,cAAc,mCAAI,cAAc,CAAC,CAAC;IAE/F,MAAM,UAAU,GAAG,CAAC,IAAU,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,CAAC;IAE7D,MAAM,sBAAsB,GAAG,CAAC,IAAU,EAAE,aAAsB,EAAE,EAAE;QACpE,MAAM,aAAa,GAAG,YAAY,CAAC,MAAM,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;QAC1D,IAAI,aAAa,IAAI,gBAAgB,EAAE;YACrC,OAAO,aAAa,GAAG,IAAI,GAAG,gBAAgB,CAAC;SAChD;QACD,OAAO,aAAa,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,IAAU,EAAE,EAAE,CAAC,kBAAkB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAE1E,OAAO;QACL,mBAAmB;QACnB,eAAe;QACf,UAAU;QACV,sBAAsB;QACtB,gBAAgB;KACjB,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { CalendarProps } from './interfaces';\nimport { useInternalI18n } from '../i18n/context.js';\nimport { getDateLabel, renderMonthAndYear } from './utils/intl';\n\nexport default function useCalendarLabels({\n  locale,\n  i18nStrings,\n  previousMonthAriaLabel,\n  nextMonthAriaLabel,\n  todayAriaLabel,\n}: {\n  locale: string;\n  i18nStrings?: CalendarProps.I18nStrings;\n  previousMonthAriaLabel?: string;\n  nextMonthAriaLabel?: string;\n  previousYearAriaLabel?: string;\n  todayAriaLabel?: string;\n}) {\n  const i18n = useInternalI18n('calendar');\n\n  const previousButtonLabel = i18n(\n    'previousMonthAriaLabel',\n    i18nStrings?.previousMonthAriaLabel ?? previousMonthAriaLabel\n  );\n\n  const nextButtonLabel = i18n('nextMonthAriaLabel', i18nStrings?.nextMonthAriaLabel ?? nextMonthAriaLabel);\n\n  const currentDateLabel = i18n('todayAriaLabel', i18nStrings?.todayAriaLabel ?? todayAriaLabel);\n\n  const renderDate = (date: Date) => date.getDate().toString();\n\n  const renderDateAnnouncement = (date: Date, isCurrentDate: boolean) => {\n    const formattedDate = getDateLabel(locale, date, 'short');\n    if (isCurrentDate && currentDateLabel) {\n      return formattedDate + '. ' + currentDateLabel;\n    }\n    return formattedDate;\n  };\n\n  const renderHeaderText = (date: Date) => renderMonthAndYear(locale, date);\n\n  return {\n    previousButtonLabel,\n    nextButtonLabel,\n    renderDate,\n    renderDateAnnouncement,\n    renderHeaderText,\n  };\n}\n"]}
+{"version":3,"file":"use-calendar-labels.js","sourceRoot":"lib/default/","sources":["calendar/use-calendar-labels.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAGtC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEhE,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,WAAW,EACX,MAAM,EACN,WAAW,EACX,sBAAsB,EACtB,kBAAkB,EAClB,cAAc,GASf;;IACC,MAAM,IAAI,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;IAEzC,MAAM,aAAa,GAAG,WAAW,KAAK,OAAO,CAAC;IAC9C,MAAM,mBAAmB,GAAG,aAAa;QACvC,CAAC,CAAC,IAAI,CAAC,mCAAmC,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,qBAAqB,CAAC;QAC/E,CAAC,CAAC,IAAI,CAAC,wBAAwB,EAAE,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,sBAAsB,mCAAI,sBAAsB,CAAC,CAAC;IAElG,MAAM,eAAe,GAAG,aAAa;QACnC,CAAC,CAAC,IAAI,CAAC,+BAA+B,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,iBAAiB,CAAC;QACvE,CAAC,CAAC,IAAI,CAAC,oBAAoB,EAAE,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,kBAAkB,mCAAI,kBAAkB,CAAC,CAAC;IAEtF,MAAM,gBAAgB,GAAG,aAAa;QACpC,CAAC,CAAC,IAAI,CAAC,mCAAmC,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,qBAAqB,CAAC;QAC/E,CAAC,CAAC,IAAI,CAAC,gBAAgB,EAAE,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,cAAc,mCAAI,cAAc,CAAC,CAAC;IAE1E,MAAM,UAAU,GAAG,CAAC,IAAU,EAAE,EAAE,CAChC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,CAAC;IAE9F,MAAM,sBAAsB,GAAG,CAAC,IAAU,EAAE,aAAsB,EAAE,EAAE;QACpE,MAAM,aAAa,GAAG,aAAa,CAAC,CAAC,CAAC,kBAAkB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;QAC7G,IAAI,aAAa,IAAI,gBAAgB,EAAE;YACrC,OAAO,aAAa,GAAG,IAAI,GAAG,gBAAgB,CAAC;SAChD;QACD,OAAO,aAAa,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,IAAU,EAAE,EAAE,CACtC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAEnF,OAAO;QACL,mBAAmB;QACnB,eAAe;QACf,UAAU;QACV,sBAAsB;QACtB,gBAAgB;KACjB,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { CalendarProps } from './interfaces';\nimport { useInternalI18n } from '../i18n/context.js';\nimport { getDateLabel, renderMonthAndYear } from './utils/intl';\n\nexport default function useCalendarLabels({\n  granularity,\n  locale,\n  i18nStrings,\n  previousMonthAriaLabel,\n  nextMonthAriaLabel,\n  todayAriaLabel,\n}: {\n  granularity: CalendarProps.Granularity;\n  locale: string;\n  i18nStrings?: CalendarProps.I18nStrings;\n  previousMonthAriaLabel?: string;\n  nextMonthAriaLabel?: string;\n  previousYearAriaLabel?: string;\n  todayAriaLabel?: string;\n}) {\n  const i18n = useInternalI18n('calendar');\n\n  const isMonthPicker = granularity === 'month';\n  const previousButtonLabel = isMonthPicker\n    ? i18n('i18nStrings.previousYearAriaLabel', i18nStrings?.previousYearAriaLabel)\n    : i18n('previousMonthAriaLabel', i18nStrings?.previousMonthAriaLabel ?? previousMonthAriaLabel);\n\n  const nextButtonLabel = isMonthPicker\n    ? i18n('i18nStrings.nextYearAriaLabel', i18nStrings?.nextYearAriaLabel)\n    : i18n('nextMonthAriaLabel', i18nStrings?.nextMonthAriaLabel ?? nextMonthAriaLabel);\n\n  const currentDateLabel = isMonthPicker\n    ? i18n('i18nStrings.currentMonthAriaLabel', i18nStrings?.currentMonthAriaLabel)\n    : i18n('todayAriaLabel', i18nStrings?.todayAriaLabel ?? todayAriaLabel);\n\n  const renderDate = (date: Date) =>\n    isMonthPicker ? date.toLocaleString(locale, { month: 'short' }) : date.getDate().toString();\n\n  const renderDateAnnouncement = (date: Date, isCurrentDate: boolean) => {\n    const formattedDate = isMonthPicker ? renderMonthAndYear(locale, date) : getDateLabel(locale, date, 'short');\n    if (isCurrentDate && currentDateLabel) {\n      return formattedDate + '. ' + currentDateLabel;\n    }\n    return formattedDate;\n  };\n\n  const renderHeaderText = (date: Date) =>\n    isMonthPicker ? date.getFullYear().toString() : renderMonthAndYear(locale, date);\n\n  return {\n    previousButtonLabel,\n    nextButtonLabel,\n    renderDate,\n    renderDateAnnouncement,\n    renderHeaderText,\n  };\n}\n"]}

package/calendar/utils/intl.d.ts

@@ -1,6 +1,7 @@
 import { TimeInputProps } from '../../time-input/interfaces';
 export declare function renderDayName(locale: string, dayIndex: number, mode: 'short' | 'long'): string;
 export declare function renderMonthAndYear(locale: string, baseDate: Date): string;
+export declare function renderYear(locale: string, date: Date): string;
 export declare function getDateLabel(locale: string, date: Date, mode?: 'full' | 'short'): string;
 export declare function renderTimeLabel(locale: string, date: Date, format?: TimeInputProps.Format): string;
 //# sourceMappingURL=intl.d.ts.map

package/calendar/utils/intl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"intl.d.ts","sourceRoot":"lib/default/","sources":["calendar/utils/intl.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAO7D,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAI9F;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,GAAG,MAAM,CAOzE;AAMD,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAE,MAAM,GAAG,OAAgB,GAAG,MAAM,CAchG;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,cAAc,CAAC,MAAM,GAAG,MAAM,CAUlG"}
+{"version":3,"file":"intl.d.ts","sourceRoot":"lib/default/","sources":["calendar/utils/intl.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAO7D,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAI9F;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,GAAG,MAAM,CAOzE;AAED,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,MAAM,CAI7D;AAMD,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAE,MAAM,GAAG,OAAgB,GAAG,MAAM,CAchG;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,cAAc,CAAC,MAAM,GAAG,MAAM,CAUlG"}

package/calendar/utils/intl.js

@@ -16,6 +16,11 @@ export function renderMonthAndYear(locale, baseDate) {
     });
     return result;
 }
+export function renderYear(locale, date) {
+    return date.toLocaleDateString(locale, {
+        year: 'numeric',
+    });
+}
 /*
  `toLocaleDateString` is expensive (10+ ms) to calculate in IE11.
 */

package/calendar/utils/intl.js.map

@@ -1 +1 @@
-{"version":3,"file":"intl.js","sourceRoot":"lib/default/","sources":["calendar/utils/intl.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAItC,SAAS,WAAW,CAAC,IAAU,EAAE,QAAgB;IAC/C,MAAM,IAAI,GAAG,QAAQ,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;IACtC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,CAAC;AACtC,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,MAAc,EAAE,QAAgB,EAAE,IAAsB;IACpF,MAAM,QAAQ,GAAG,IAAI,IAAI,EAAE,CAAC;IAC5B,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAChC,OAAO,QAAQ,CAAC,kBAAkB,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AAChE,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,MAAc,EAAE,QAAc;IAC/D,MAAM,MAAM,GAAG,QAAQ,CAAC,kBAAkB,CAAC,MAAM,EAAE;QACjD,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,MAAM;KACd,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AAChB,CAAC;AAED;;EAEE;AACF,MAAM,aAAa,GAAG,IAAI,GAAG,EAAkB,CAAC;AAChD,MAAM,UAAU,YAAY,CAAC,MAAc,EAAE,IAAU,EAAE,OAAyB,MAAM;IACtF,MAAM,QAAQ,GAAG,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC;IAChD,MAAM,WAAW,GAAG,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAChD,IAAI,WAAW,EAAE;QACf,OAAO,WAAW,CAAC;KACpB;IACD,MAAM,KAAK,GAAG,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE;QAC5C,OAAO,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QAC7C,KAAK,EAAE,MAAM;QACb,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;KAChB,CAAC,CAAC;IACH,aAAa,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IACnC,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,MAAc,EAAE,IAAU,EAAE,MAA8B;IACxF,IAAI,OAAO,GAA+B,EAAE,CAAC;IAC7C,IAAI,MAAM,KAAK,IAAI,EAAE;QACnB,OAAO,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;KAC/B;IACD,IAAI,MAAM,KAAK,OAAO,EAAE;QACtB,OAAO,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;KAClD;IACD,MAAM,KAAK,GAAG,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvD,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { TimeInputProps } from '../../time-input/interfaces';\n\nfunction setDayIndex(date: Date, dayIndex: number): void {\n  const diff = dayIndex - date.getDay();\n  date.setDate(date.getDate() + diff);\n}\n\nexport function renderDayName(locale: string, dayIndex: number, mode: 'short' | 'long'): string {\n  const tempDate = new Date();\n  setDayIndex(tempDate, dayIndex);\n  return tempDate.toLocaleDateString(locale, { weekday: mode });\n}\n\nexport function renderMonthAndYear(locale: string, baseDate: Date): string {\n  const result = baseDate.toLocaleDateString(locale, {\n    year: 'numeric',\n    month: 'long',\n  });\n\n  return result;\n}\n\n/*\n `toLocaleDateString` is expensive (10+ ms) to calculate in IE11.\n*/\nconst dayLabelCache = new Map<string, string>();\nexport function getDateLabel(locale: string, date: Date, mode: 'full' | 'short' = 'full'): string {\n  const cacheKey = locale + date.getTime() + mode;\n  const cachedValue = dayLabelCache.get(cacheKey);\n  if (cachedValue) {\n    return cachedValue;\n  }\n  const value = date.toLocaleDateString(locale, {\n    weekday: mode === 'full' ? 'long' : undefined,\n    month: 'long',\n    day: 'numeric',\n    year: 'numeric',\n  });\n  dayLabelCache.set(cacheKey, value);\n  return value;\n}\n\nexport function renderTimeLabel(locale: string, date: Date, format?: TimeInputProps.Format): string {\n  let options: Intl.DateTimeFormatOptions = {};\n  if (format === 'hh') {\n    options = { hour: '2-digit' };\n  }\n  if (format === 'hh:mm') {\n    options = { hour: '2-digit', minute: '2-digit' };\n  }\n  const value = date.toLocaleTimeString(locale, options);\n  return value;\n}\n"]}
+{"version":3,"file":"intl.js","sourceRoot":"lib/default/","sources":["calendar/utils/intl.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAItC,SAAS,WAAW,CAAC,IAAU,EAAE,QAAgB;IAC/C,MAAM,IAAI,GAAG,QAAQ,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;IACtC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,CAAC;AACtC,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,MAAc,EAAE,QAAgB,EAAE,IAAsB;IACpF,MAAM,QAAQ,GAAG,IAAI,IAAI,EAAE,CAAC;IAC5B,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAChC,OAAO,QAAQ,CAAC,kBAAkB,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AAChE,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,MAAc,EAAE,QAAc;IAC/D,MAAM,MAAM,GAAG,QAAQ,CAAC,kBAAkB,CAAC,MAAM,EAAE;QACjD,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,MAAM;KACd,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,MAAc,EAAE,IAAU;IACnD,OAAO,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE;QACrC,IAAI,EAAE,SAAS;KAChB,CAAC,CAAC;AACL,CAAC;AAED;;EAEE;AACF,MAAM,aAAa,GAAG,IAAI,GAAG,EAAkB,CAAC;AAChD,MAAM,UAAU,YAAY,CAAC,MAAc,EAAE,IAAU,EAAE,OAAyB,MAAM;IACtF,MAAM,QAAQ,GAAG,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC;IAChD,MAAM,WAAW,GAAG,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAChD,IAAI,WAAW,EAAE;QACf,OAAO,WAAW,CAAC;KACpB;IACD,MAAM,KAAK,GAAG,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE;QAC5C,OAAO,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QAC7C,KAAK,EAAE,MAAM;QACb,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;KAChB,CAAC,CAAC;IACH,aAAa,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IACnC,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,MAAc,EAAE,IAAU,EAAE,MAA8B;IACxF,IAAI,OAAO,GAA+B,EAAE,CAAC;IAC7C,IAAI,MAAM,KAAK,IAAI,EAAE;QACnB,OAAO,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;KAC/B;IACD,IAAI,MAAM,KAAK,OAAO,EAAE;QACtB,OAAO,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;KAClD;IACD,MAAM,KAAK,GAAG,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvD,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { TimeInputProps } from '../../time-input/interfaces';\n\nfunction setDayIndex(date: Date, dayIndex: number): void {\n  const diff = dayIndex - date.getDay();\n  date.setDate(date.getDate() + diff);\n}\n\nexport function renderDayName(locale: string, dayIndex: number, mode: 'short' | 'long'): string {\n  const tempDate = new Date();\n  setDayIndex(tempDate, dayIndex);\n  return tempDate.toLocaleDateString(locale, { weekday: mode });\n}\n\nexport function renderMonthAndYear(locale: string, baseDate: Date): string {\n  const result = baseDate.toLocaleDateString(locale, {\n    year: 'numeric',\n    month: 'long',\n  });\n\n  return result;\n}\n\nexport function renderYear(locale: string, date: Date): string {\n  return date.toLocaleDateString(locale, {\n    year: 'numeric',\n  });\n}\n\n/*\n `toLocaleDateString` is expensive (10+ ms) to calculate in IE11.\n*/\nconst dayLabelCache = new Map<string, string>();\nexport function getDateLabel(locale: string, date: Date, mode: 'full' | 'short' = 'full'): string {\n  const cacheKey = locale + date.getTime() + mode;\n  const cachedValue = dayLabelCache.get(cacheKey);\n  if (cachedValue) {\n    return cachedValue;\n  }\n  const value = date.toLocaleDateString(locale, {\n    weekday: mode === 'full' ? 'long' : undefined,\n    month: 'long',\n    day: 'numeric',\n    year: 'numeric',\n  });\n  dayLabelCache.set(cacheKey, value);\n  return value;\n}\n\nexport function renderTimeLabel(locale: string, date: Date, format?: TimeInputProps.Format): string {\n  let options: Intl.DateTimeFormatOptions = {};\n  if (format === 'hh') {\n    options = { hour: '2-digit' };\n  }\n  if (format === 'hh:mm') {\n    options = { hour: '2-digit', minute: '2-digit' };\n  }\n  const value = date.toLocaleTimeString(locale, options);\n  return value;\n}\n"]}

package/calendar/utils/navigation.d.ts

@@ -1,6 +1,12 @@
-export declare function moveNextDay(startDate: Date, isDateEnabled: (date: Date) => boolean): Date;
-export declare function movePrevDay(startDate: Date, isDateEnabled: (date: Date) => boolean): Date;
-export declare function moveNextWeek(startDate: Date, isDateEnabled: (date: Date) => boolean): Date;
-export declare function movePrevWeek(startDate: Date, isDateEnabled: (date: Date) => boolean): Date;
-export declare function getBaseDay(date: Date, isDateEnabled: (date: Date) => boolean): Date;
+import { CalendarProps } from '../interfaces';
+export declare function moveNextDay(startDate: Date, isDateEnabled: CalendarProps.IsDateEnabledFunction): Date;
+export declare function movePrevDay(startDate: Date, isDateEnabled: CalendarProps.IsDateEnabledFunction): Date;
+export declare function moveNextWeek(startDate: Date, isDateEnabled: CalendarProps.IsDateEnabledFunction): Date;
+export declare function movePrevWeek(startDate: Date, isDateEnabled: CalendarProps.IsDateEnabledFunction): Date;
+export declare function moveNextMonth(startDate: Date, isDateEnabled: CalendarProps.IsDateEnabledFunction): Date;
+export declare function movePrevMonth(startDate: Date, isDateEnabled: CalendarProps.IsDateEnabledFunction): Date;
+export declare function moveMonthDown(startDate: Date, isDateEnabled: CalendarProps.IsDateEnabledFunction): Date;
+export declare function moveMonthUp(startDate: Date, isDateEnabled: CalendarProps.IsDateEnabledFunction): Date;
+export declare function getBaseDay(date: Date, isDateEnabled: CalendarProps.IsDateEnabledFunction): Date;
+export declare function getBaseMonth(date: Date, isDateEnabled: CalendarProps.IsDateEnabledFunction): Date;
 //# sourceMappingURL=navigation.d.ts.map

package/calendar/utils/navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.d.ts","sourceRoot":"lib/default/","sources":["calendar/utils/navigation.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,CAAC,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,GAAG,IAAI,CAEzF;AAED,wBAAgB,WAAW,CAAC,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,GAAG,IAAI,CAEzF;AAED,wBAAgB,YAAY,CAAC,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,GAAG,IAAI,CAE1F;AAED,wBAAgB,YAAY,CAAC,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,GAAG,IAAI,CAE1F;AAID,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,QAQ5E"}
+{"version":3,"file":"navigation.d.ts","sourceRoot":"lib/default/","sources":["calendar/utils/navigation.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,wBAAgB,WAAW,CAAC,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE,aAAa,CAAC,qBAAqB,QAE9F;AAED,wBAAgB,WAAW,CAAC,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE,aAAa,CAAC,qBAAqB,QAE9F;AAED,wBAAgB,YAAY,CAAC,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE,aAAa,CAAC,qBAAqB,QAE/F;AAED,wBAAgB,YAAY,CAAC,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE,aAAa,CAAC,qBAAqB,QAE/F;AAED,wBAAgB,aAAa,CAAC,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE,aAAa,CAAC,qBAAqB,QAEhG;AAED,wBAAgB,aAAa,CAAC,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE,aAAa,CAAC,qBAAqB,QAEhG;AAED,wBAAgB,aAAa,CAAC,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE,aAAa,CAAC,qBAAqB,QAEhG;AAED,wBAAgB,WAAW,CAAC,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE,aAAa,CAAC,qBAAqB,QAE9F;AAID,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,aAAa,CAAC,qBAAqB,QAExF;AAID,wBAAgB,YAAY,CAAC,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,aAAa,CAAC,qBAAqB,QAE1F"}

package/calendar/utils/navigation.js

@@ -1,6 +1,6 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import { addDays, differenceInYears, isSameMonth, startOfMonth } from 'date-fns';
+import { addDays, addMonths, differenceInYears, isSameMonth, isSameYear, startOfMonth, startOfYear } from 'date-fns';
 export function moveNextDay(startDate, isDateEnabled) {
     return moveDay(startDate, isDateEnabled, 1);
 }
@@ -13,24 +13,60 @@ export function moveNextWeek(startDate, isDateEnabled) {
 export function movePrevWeek(startDate, isDateEnabled) {
     return moveDay(startDate, isDateEnabled, -7);
 }
+export function moveNextMonth(startDate, isDateEnabled) {
+    return moveMonth(startDate, isDateEnabled, 1);
+}
+export function movePrevMonth(startDate, isDateEnabled) {
+    return moveMonth(startDate, isDateEnabled, -1);
+}
+export function moveMonthDown(startDate, isDateEnabled) {
+    return moveMonth(startDate, isDateEnabled, 3);
+}
+export function moveMonthUp(startDate, isDateEnabled) {
+    return moveMonth(startDate, isDateEnabled, -3);
+}
 // Returns first enabled date of the month corresponding to the given date.
 // If all month's days are disabled, the first day of the month is returned.
 export function getBaseDay(date, isDateEnabled) {
-    const startDate = startOfMonth(date);
+    return getBaseDate({ date, isDateEnabled, granularity: 'day' });
+}
+// Returns first enabled month of the year corresponding to the given date.
+// If all year's months are disabled, the first month of the year is returned.
+export function getBaseMonth(date, isDateEnabled) {
+    return getBaseDate({ date, isDateEnabled, granularity: 'month' });
+}
+function getBaseDate({ date, granularity, isDateEnabled, }) {
+    const isMonthGranularity = granularity === 'month';
+    const getStartDate = isMonthGranularity ? startOfYear : startOfMonth;
+    const moveDate = isMonthGranularity ? moveMonth : moveDay;
+    const isSamePage = isMonthGranularity ? isSameYear : isSameMonth;
+    const startDate = getStartDate(date);
     if (isDateEnabled(startDate)) {
         return startDate;
     }
-    const firstEnabledDate = moveDay(startDate, isDateEnabled, 1);
-    return isSameMonth(startDate, firstEnabledDate) ? firstEnabledDate : startDate;
+    const firstEnabledDate = moveDate(startDate, isDateEnabled, 1);
+    return isSamePage(startDate, firstEnabledDate) ? firstEnabledDate : startDate;
 }
+// Iterates days forwards or backwards until the next active day is found.
 // If there is no active day in a year range, the start day is returned.
 function moveDay(startDate, isDateEnabled, step) {
-    let current = addDays(startDate, step);
+    return moveDate({ startDate, granularity: 'day', isDateEnabled, step });
+}
+// Iterates months forwards or backwards until the next active month is found.
+// If there is no active month in a 10 year range, the start month is returned.
+function moveMonth(startDate, isDateEnabled, step) {
+    return moveDate({ startDate, granularity: 'month', isDateEnabled, step });
+}
+function moveDate({ startDate, granularity, isDateEnabled, step, }) {
+    const isMonthGranularity = granularity === 'month';
+    const addSteps = isMonthGranularity ? addMonths : addDays;
+    const limitYears = isMonthGranularity ? 1 : 10;
+    let current = addSteps(startDate, step);
     while (!isDateEnabled(current)) {
-        if (Math.abs(differenceInYears(startDate, current)) > 1) {
+        if (Math.abs(differenceInYears(startDate, current)) > limitYears) {
             return startDate;
         }
-        current = addDays(current, step);
+        current = addSteps(current, step);
     }
     return current;
 }

package/calendar/utils/navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.js","sourceRoot":"lib/default/","sources":["calendar/utils/navigation.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAEjF,MAAM,UAAU,WAAW,CAAC,SAAe,EAAE,aAAsC;IACjF,OAAO,OAAO,CAAC,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC;AAC9C,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,SAAe,EAAE,aAAsC;IACjF,OAAO,OAAO,CAAC,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC;AAC/C,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,SAAe,EAAE,aAAsC;IAClF,OAAO,OAAO,CAAC,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC;AAC9C,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,SAAe,EAAE,aAAsC;IAClF,OAAO,OAAO,CAAC,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC;AAC/C,CAAC;AAED,2EAA2E;AAC3E,4EAA4E;AAC5E,MAAM,UAAU,UAAU,CAAC,IAAU,EAAE,aAAsC;IAC3E,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,IAAI,aAAa,CAAC,SAAS,CAAC,EAAE;QAC5B,OAAO,SAAS,CAAC;KAClB;IAED,MAAM,gBAAgB,GAAG,OAAO,CAAC,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC;IAC9D,OAAO,WAAW,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC;AACjF,CAAC;AAED,wEAAwE;AACxE,SAAS,OAAO,CAAC,SAAe,EAAE,aAAsC,EAAE,IAAY;IACpF,IAAI,OAAO,GAAG,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IAEvC,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE;QAC9B,IAAI,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,EAAE;YACvD,OAAO,SAAS,CAAC;SAClB;QACD,OAAO,GAAG,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;KAClC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { addDays, differenceInYears, isSameMonth, startOfMonth } from 'date-fns';\n\nexport function moveNextDay(startDate: Date, isDateEnabled: (date: Date) => boolean): Date {\n  return moveDay(startDate, isDateEnabled, 1);\n}\n\nexport function movePrevDay(startDate: Date, isDateEnabled: (date: Date) => boolean): Date {\n  return moveDay(startDate, isDateEnabled, -1);\n}\n\nexport function moveNextWeek(startDate: Date, isDateEnabled: (date: Date) => boolean): Date {\n  return moveDay(startDate, isDateEnabled, 7);\n}\n\nexport function movePrevWeek(startDate: Date, isDateEnabled: (date: Date) => boolean): Date {\n  return moveDay(startDate, isDateEnabled, -7);\n}\n\n// Returns first enabled date of the month corresponding to the given date.\n// If all month's days are disabled, the first day of the month is returned.\nexport function getBaseDay(date: Date, isDateEnabled: (date: Date) => boolean) {\n  const startDate = startOfMonth(date);\n  if (isDateEnabled(startDate)) {\n    return startDate;\n  }\n\n  const firstEnabledDate = moveDay(startDate, isDateEnabled, 1);\n  return isSameMonth(startDate, firstEnabledDate) ? firstEnabledDate : startDate;\n}\n\n// If there is no active day in a year range, the start day is returned.\nfunction moveDay(startDate: Date, isDateEnabled: (date: Date) => boolean, step: number): Date {\n  let current = addDays(startDate, step);\n\n  while (!isDateEnabled(current)) {\n    if (Math.abs(differenceInYears(startDate, current)) > 1) {\n      return startDate;\n    }\n    current = addDays(current, step);\n  }\n\n  return current;\n}\n"]}
+{"version":3,"file":"navigation.js","sourceRoot":"lib/default/","sources":["calendar/utils/navigation.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGrH,MAAM,UAAU,WAAW,CAAC,SAAe,EAAE,aAAkD;IAC7F,OAAO,OAAO,CAAC,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC;AAC9C,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,SAAe,EAAE,aAAkD;IAC7F,OAAO,OAAO,CAAC,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC;AAC/C,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,SAAe,EAAE,aAAkD;IAC9F,OAAO,OAAO,CAAC,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC;AAC9C,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,SAAe,EAAE,aAAkD;IAC9F,OAAO,OAAO,CAAC,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC;AAC/C,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,SAAe,EAAE,aAAkD;IAC/F,OAAO,SAAS,CAAC,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC;AAChD,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,SAAe,EAAE,aAAkD;IAC/F,OAAO,SAAS,CAAC,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC;AACjD,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,SAAe,EAAE,aAAkD;IAC/F,OAAO,SAAS,CAAC,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC;AAChD,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,SAAe,EAAE,aAAkD;IAC7F,OAAO,SAAS,CAAC,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC;AACjD,CAAC;AAED,2EAA2E;AAC3E,4EAA4E;AAC5E,MAAM,UAAU,UAAU,CAAC,IAAU,EAAE,aAAkD;IACvF,OAAO,WAAW,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC;AAClE,CAAC;AAED,2EAA2E;AAC3E,8EAA8E;AAC9E,MAAM,UAAU,YAAY,CAAC,IAAU,EAAE,aAAkD;IACzF,OAAO,WAAW,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC;AACpE,CAAC;AAED,SAAS,WAAW,CAAC,EACnB,IAAI,EACJ,WAAW,EACX,aAAa,GAKd;IACC,MAAM,kBAAkB,GAAG,WAAW,KAAK,OAAO,CAAC;IACnD,MAAM,YAAY,GAAG,kBAAkB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC;IACrE,MAAM,QAAQ,GAAG,kBAAkB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;IAC1D,MAAM,UAAU,GAAG,kBAAkB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC;IAEjE,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,IAAI,aAAa,CAAC,SAAS,CAAC,EAAE;QAC5B,OAAO,SAAS,CAAC;KAClB;IACD,MAAM,gBAAgB,GAAG,QAAQ,CAAC,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC;IAC/D,OAAO,UAAU,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC;AAChF,CAAC;AAED,0EAA0E;AAC1E,wEAAwE;AACxE,SAAS,OAAO,CAAC,SAAe,EAAE,aAAkD,EAAE,IAAY;IAChG,OAAO,QAAQ,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;AAC1E,CAAC;AAED,8EAA8E;AAC9E,+EAA+E;AAC/E,SAAS,SAAS,CAAC,SAAe,EAAE,aAAkD,EAAE,IAAY;IAClG,OAAO,QAAQ,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;AAC5E,CAAC;AAED,SAAS,QAAQ,CAAC,EAChB,SAAS,EACT,WAAW,EACX,aAAa,EACb,IAAI,GAML;IACC,MAAM,kBAAkB,GAAG,WAAW,KAAK,OAAO,CAAC;IACnD,MAAM,QAAQ,GAAG,kBAAkB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;IAC1D,MAAM,UAAU,GAAG,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAE/C,IAAI,OAAO,GAAG,QAAQ,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IAExC,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE;QAC9B,IAAI,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,GAAG,UAAU,EAAE;YAChE,OAAO,SAAS,CAAC;SAClB;QACD,OAAO,GAAG,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;KACnC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { addDays, addMonths, differenceInYears, isSameMonth, isSameYear, startOfMonth, startOfYear } from 'date-fns';\nimport { CalendarProps } from '../interfaces';\n\nexport function moveNextDay(startDate: Date, isDateEnabled: CalendarProps.IsDateEnabledFunction) {\n  return moveDay(startDate, isDateEnabled, 1);\n}\n\nexport function movePrevDay(startDate: Date, isDateEnabled: CalendarProps.IsDateEnabledFunction) {\n  return moveDay(startDate, isDateEnabled, -1);\n}\n\nexport function moveNextWeek(startDate: Date, isDateEnabled: CalendarProps.IsDateEnabledFunction) {\n  return moveDay(startDate, isDateEnabled, 7);\n}\n\nexport function movePrevWeek(startDate: Date, isDateEnabled: CalendarProps.IsDateEnabledFunction) {\n  return moveDay(startDate, isDateEnabled, -7);\n}\n\nexport function moveNextMonth(startDate: Date, isDateEnabled: CalendarProps.IsDateEnabledFunction) {\n  return moveMonth(startDate, isDateEnabled, 1);\n}\n\nexport function movePrevMonth(startDate: Date, isDateEnabled: CalendarProps.IsDateEnabledFunction) {\n  return moveMonth(startDate, isDateEnabled, -1);\n}\n\nexport function moveMonthDown(startDate: Date, isDateEnabled: CalendarProps.IsDateEnabledFunction) {\n  return moveMonth(startDate, isDateEnabled, 3);\n}\n\nexport function moveMonthUp(startDate: Date, isDateEnabled: CalendarProps.IsDateEnabledFunction) {\n  return moveMonth(startDate, isDateEnabled, -3);\n}\n\n// Returns first enabled date of the month corresponding to the given date.\n// If all month's days are disabled, the first day of the month is returned.\nexport function getBaseDay(date: Date, isDateEnabled: CalendarProps.IsDateEnabledFunction) {\n  return getBaseDate({ date, isDateEnabled, granularity: 'day' });\n}\n\n// Returns first enabled month of the year corresponding to the given date.\n// If all year's months are disabled, the first month of the year is returned.\nexport function getBaseMonth(date: Date, isDateEnabled: CalendarProps.IsDateEnabledFunction) {\n  return getBaseDate({ date, isDateEnabled, granularity: 'month' });\n}\n\nfunction getBaseDate({\n  date,\n  granularity,\n  isDateEnabled,\n}: {\n  date: Date;\n  granularity: CalendarProps.Granularity;\n  isDateEnabled: CalendarProps.IsDateEnabledFunction;\n}) {\n  const isMonthGranularity = granularity === 'month';\n  const getStartDate = isMonthGranularity ? startOfYear : startOfMonth;\n  const moveDate = isMonthGranularity ? moveMonth : moveDay;\n  const isSamePage = isMonthGranularity ? isSameYear : isSameMonth;\n\n  const startDate = getStartDate(date);\n  if (isDateEnabled(startDate)) {\n    return startDate;\n  }\n  const firstEnabledDate = moveDate(startDate, isDateEnabled, 1);\n  return isSamePage(startDate, firstEnabledDate) ? firstEnabledDate : startDate;\n}\n\n// Iterates days forwards or backwards until the next active day is found.\n// If there is no active day in a year range, the start day is returned.\nfunction moveDay(startDate: Date, isDateEnabled: CalendarProps.IsDateEnabledFunction, step: number): Date {\n  return moveDate({ startDate, granularity: 'day', isDateEnabled, step });\n}\n\n// Iterates months forwards or backwards until the next active month is found.\n// If there is no active month in a 10 year range, the start month is returned.\nfunction moveMonth(startDate: Date, isDateEnabled: CalendarProps.IsDateEnabledFunction, step: number): Date {\n  return moveDate({ startDate, granularity: 'month', isDateEnabled, step });\n}\n\nfunction moveDate({\n  startDate,\n  granularity,\n  isDateEnabled,\n  step,\n}: {\n  startDate: Date;\n  granularity: CalendarProps.Granularity;\n  isDateEnabled: CalendarProps.IsDateEnabledFunction;\n  step: number;\n}) {\n  const isMonthGranularity = granularity === 'month';\n  const addSteps = isMonthGranularity ? addMonths : addDays;\n  const limitYears = isMonthGranularity ? 1 : 10;\n\n  let current = addSteps(startDate, step);\n\n  while (!isDateEnabled(current)) {\n    if (Math.abs(differenceInYears(startDate, current)) > limitYears) {\n      return startDate;\n    }\n    current = addSteps(current, step);\n  }\n\n  return current;\n}\n"]}

package/date-input/internal.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
 import { DateInputProps } from './interfaces';
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
-declare const InternalDateInput: React.ForwardRefExoticComponent<DateInputProps & InternalBaseComponentProps<any> & React.RefAttributes<HTMLInputElement>>;
+import { CalendarProps } from '../calendar/interfaces';
+declare const InternalDateInput: React.ForwardRefExoticComponent<DateInputProps & InternalBaseComponentProps<any> & {
+    granularity?: CalendarProps.Granularity | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
 export default InternalDateInput;
 //# sourceMappingURL=internal.d.ts.map

package/date-input/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["date-input/internal.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAc,MAAM,OAAO,CAAC;AAQnC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAoBlF,QAAA,MAAM,iBAAiB,2HAkBtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["date-input/internal.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAc,MAAM,OAAO,CAAC;AAQnC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAiBvD,QAAA,MAAM,iBAAiB;;0CA2BtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/date-input/internal.js

@@ -13,17 +13,16 @@ function daysMax(value) {
     const baseDate = displayToIso(value).substring(0, 7);
     return getDaysInMonth(parseDate(baseDate));
 }
-const maskArgs = {
-    separator: '/',
-    inputSeparators: ['-', '.', ' '],
-    segments: [
-        { min: 0, max: 9999, default: 2000, length: 4 },
-        { min: 1, max: 12, length: 2 },
-        { min: 1, max: daysMax, length: 2 },
-    ],
-};
+const yearMask = { min: 0, max: 9999, default: 2000, length: 4 };
+const monthMask = { min: 1, max: 12, length: 2 };
+const dayMask = { min: 1, max: daysMax, length: 2 };
 const InternalDateInput = React.forwardRef((_a, ref) => {
-    var { value, onChange, __internalRootRef = null } = _a, props = __rest(_a, ["value", "onChange", "__internalRootRef"]);
+    var { value, onChange, granularity, __internalRootRef = null } = _a, props = __rest(_a, ["value", "onChange", "granularity", "__internalRootRef"]);
+    const maskArgs = {
+        separator: '/',
+        inputSeparators: ['-', '.', ' '],
+        segments: granularity === 'month' ? [yearMask, monthMask] : [yearMask, monthMask, dayMask],
+    };
     return (React.createElement(MaskedInput, Object.assign({ ref: ref }, props, { value: isoToDisplay(value || ''), onChange: event => fireNonCancelableEvent(onChange, { value: displayToIso(event.detail.value) }), className: clsx(styles.root, props.className), mask: maskArgs, autofix: true, autoComplete: false, disableAutocompleteOnBlur: false, disableBrowserAutocorrect: true, __internalRootRef: __internalRootRef })));
 });
 export default InternalDateInput;