@cloudscape-design/components-themeable 3.0.695 → 3.0.697

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

@@ -7,6 +7,7 @@ export interface GridProps {
     focusedDate: Date | null;
     onFocusedDateChange: React.Dispatch<React.SetStateAction<Date | null>>;
     isDateEnabled: DateRangePickerProps.IsDateEnabledFunction;
+    dateDisabledReason: DateRangePickerProps.DateDisabledReasonFunction;
     isSingleGrid: boolean;
     onSelectDate: (date: Date) => void;
     onChangeMonth: (date: Date) => void;
@@ -15,5 +16,5 @@ export interface GridProps {
     todayAriaLabel?: string;
     headingIdPrefix: string;
 }
-export declare const Grids: ({ baseDate, selectedStartDate, selectedEndDate, focusedDate, onFocusedDateChange, isDateEnabled, isSingleGrid, onSelectDate, onChangeMonth, locale, startOfWeek, todayAriaLabel, headingIdPrefix, }: GridProps) => JSX.Element;
+export declare const Grids: ({ baseDate, selectedStartDate, selectedEndDate, focusedDate, onFocusedDateChange, isDateEnabled, dateDisabledReason, isSingleGrid, onSelectDate, onChangeMonth, locale, startOfWeek, todayAriaLabel, headingIdPrefix, }: GridProps) => JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/date-range-picker/calendar/grids/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAqBlE,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,IAAI,CAAC;IACf,iBAAiB,EAAE,IAAI,GAAG,IAAI,CAAC;IAC/B,eAAe,EAAE,IAAI,GAAG,IAAI,CAAC;IAE7B,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC;IAEvE,aAAa,EAAE,oBAAoB,CAAC,qBAAqB,CAAC;IAC1D,YAAY,EAAE,OAAO,CAAC;IAEtB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAEpC,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,QAAQ,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,KAAK,wMAkBf,SAAS,gBAkIX,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/date-range-picker/calendar/grids/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAqBlE,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,IAAI,CAAC;IACf,iBAAiB,EAAE,IAAI,GAAG,IAAI,CAAC;IAC/B,eAAe,EAAE,IAAI,GAAG,IAAI,CAAC;IAE7B,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC;IAEvE,aAAa,EAAE,oBAAoB,CAAC,qBAAqB,CAAC;IAC1D,kBAAkB,EAAE,oBAAoB,CAAC,0BAA0B,CAAC;IACpE,YAAY,EAAE,OAAO,CAAC;IAEtB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAEpC,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,QAAQ,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,KAAK,4NAmBf,SAAS,gBAiJX,CAAC"}

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

@@ -1,6 +1,6 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { KeyCode } from '../../../internal/keycode';
 import { isSameMonth, isAfter, isBefore, addMonths, min, max } from 'date-fns';
 import InternalSpaceBetween from '../../../space-between/internal';
@@ -18,22 +18,25 @@ function isVisible(date, baseDate, isSingleGrid) {
     const previousMonth = addMonths(baseDate, -1);
     return isSameMonth(date, previousMonth) || isSameMonth(date, baseDate);
 }
-export const Grids = ({ baseDate, selectedStartDate, selectedEndDate, focusedDate, onFocusedDateChange, isDateEnabled, isSingleGrid, onSelectDate, onChangeMonth, locale, startOfWeek, todayAriaLabel, headingIdPrefix, }) => {
+export const Grids = ({ baseDate, selectedStartDate, selectedEndDate, focusedDate, onFocusedDateChange, isDateEnabled, dateDisabledReason, isSingleGrid, onSelectDate, onChangeMonth, locale, startOfWeek, todayAriaLabel, headingIdPrefix, }) => {
     const containerRef = useRef(null);
     const [gridHasFocus, setGridHasFocus] = useState(false);
     const focusedDateRef = useRef(null);
     const dateCache = useDateCache();
     baseDate = dateCache(baseDate);
     focusedDate = focusedDate ? dateCache(focusedDate) : null;
+    const isDateFocusable = useCallback((date) => {
+        return isDateEnabled(date) || (!isDateEnabled(date) && !!dateDisabledReason(date));
+    }, [isDateEnabled, dateDisabledReason]);
     useEffect(() => {
         if (focusedDate && !isVisible(focusedDate, baseDate, isSingleGrid)) {
             const direction = isAfter(focusedDate, baseDate) ? -1 : 1;
             const newMonth = !isSingleGrid && direction === -1 ? addMonths(baseDate, -1) : baseDate;
-            const nearestBaseDate = getBaseDay(newMonth, isDateEnabled);
-            const newFocusedDate = findDateToFocus(focusedDate, nearestBaseDate, isDateEnabled);
+            const nearestBaseDate = getBaseDay(newMonth, isDateFocusable);
+            const newFocusedDate = findDateToFocus(focusedDate, nearestBaseDate, isDateFocusable);
             onFocusedDateChange(newFocusedDate);
         }
-    }, [baseDate, focusedDate, isSingleGrid, isDateEnabled, onFocusedDateChange]);
+    }, [baseDate, focusedDate, isSingleGrid, isDateFocusable, onFocusedDateChange]);
     const onGridKeyDownHandler = (event) => {
         let updatedFocusDate;
         const keys = [KeyCode.up, KeyCode.down, KeyCode.left, KeyCode.right, KeyCode.space, KeyCode.enter];
@@ -42,11 +45,16 @@ export const Grids = ({ baseDate, selectedStartDate, selectedEndDate, focusedDat
         }
         event.preventDefault();
         handleKey(event, {
-            onActivate: () => focusedDate && onSelectDate(focusedDate),
-            onBlockEnd: () => focusedDate && (updatedFocusDate = moveNextWeek(focusedDate, isDateEnabled)),
-            onBlockStart: () => focusedDate && (updatedFocusDate = movePrevWeek(focusedDate, isDateEnabled)),
-            onInlineEnd: () => focusedDate && (updatedFocusDate = moveNextDay(focusedDate, isDateEnabled)),
-            onInlineStart: () => focusedDate && (updatedFocusDate = movePrevDay(focusedDate, isDateEnabled)),
+            onActivate: () => {
+                if (!focusedDate || !isDateEnabled(focusedDate)) {
+                    return;
+                }
+                onSelectDate(focusedDate);
+            },
+            onBlockEnd: () => focusedDate && (updatedFocusDate = moveNextWeek(focusedDate, isDateFocusable)),
+            onBlockStart: () => focusedDate && (updatedFocusDate = movePrevWeek(focusedDate, isDateFocusable)),
+            onInlineEnd: () => focusedDate && (updatedFocusDate = moveNextDay(focusedDate, isDateFocusable)),
+            onInlineStart: () => focusedDate && (updatedFocusDate = movePrevDay(focusedDate, isDateFocusable)),
         });
         if (!updatedFocusDate) {
             return;
@@ -85,7 +93,7 @@ export const Grids = ({ baseDate, selectedStartDate, selectedEndDate, focusedDat
     const rangeEndDate = max(rangeEnds);
     return (React.createElement("div", { ref: containerRef, onFocus: onGridFocus, onBlur: onGridBlur },
         React.createElement(InternalSpaceBetween, { size: "xs", direction: "horizontal" },
-            !isSingleGrid && (React.createElement(Grid, { className: styles['first-grid'], baseDate: addMonths(baseDate, -1), selectedEndDate: selectedEndDate, selectedStartDate: selectedStartDate, rangeStartDate: isRangeVisible ? rangeStartDate : null, rangeEndDate: isRangeVisible ? rangeEndDate : null, focusedDate: focusedDate, focusedDateRef: focusedDateRef, isDateEnabled: isDateEnabled, onSelectDate: onSelectDate, onGridKeyDownHandler: onGridKeyDownHandler, onFocusedDateChange: onFocusedDateChange, locale: locale, startOfWeek: startOfWeek, todayAriaLabel: todayAriaLabel, ariaLabelledby: `${headingIdPrefix}-prevmonth` })),
-            React.createElement(Grid, { className: styles['second-grid'], baseDate: baseDate, selectedEndDate: selectedEndDate, selectedStartDate: selectedStartDate, rangeStartDate: isRangeVisible ? rangeStartDate : null, rangeEndDate: isRangeVisible ? rangeEndDate : null, focusedDate: focusedDate, focusedDateRef: focusedDateRef, isDateEnabled: isDateEnabled, onSelectDate: onSelectDate, onGridKeyDownHandler: onGridKeyDownHandler, onFocusedDateChange: onFocusedDateChange, locale: locale, startOfWeek: startOfWeek, todayAriaLabel: todayAriaLabel, ariaLabelledby: `${headingIdPrefix}-currentmonth` }))));
+            !isSingleGrid && (React.createElement(Grid, { className: styles['first-grid'], baseDate: addMonths(baseDate, -1), selectedEndDate: selectedEndDate, selectedStartDate: selectedStartDate, rangeStartDate: isRangeVisible ? rangeStartDate : null, rangeEndDate: isRangeVisible ? rangeEndDate : null, focusedDate: focusedDate, focusedDateRef: focusedDateRef, isDateEnabled: isDateEnabled, dateDisabledReason: dateDisabledReason, onSelectDate: onSelectDate, onGridKeyDownHandler: onGridKeyDownHandler, onFocusedDateChange: onFocusedDateChange, locale: locale, startOfWeek: startOfWeek, todayAriaLabel: todayAriaLabel, ariaLabelledby: `${headingIdPrefix}-prevmonth` })),
+            React.createElement(Grid, { className: styles['second-grid'], baseDate: baseDate, selectedEndDate: selectedEndDate, selectedStartDate: selectedStartDate, rangeStartDate: isRangeVisible ? rangeStartDate : null, rangeEndDate: isRangeVisible ? rangeEndDate : null, focusedDate: focusedDate, focusedDateRef: focusedDateRef, isDateEnabled: isDateEnabled, dateDisabledReason: dateDisabledReason, onSelectDate: onSelectDate, onGridKeyDownHandler: onGridKeyDownHandler, onFocusedDateChange: onFocusedDateChange, locale: locale, startOfWeek: startOfWeek, todayAriaLabel: todayAriaLabel, ariaLabelledby: `${headingIdPrefix}-currentmonth` }))));
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/date-range-picker/calendar/grids/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, { useEffect, useRef, useState } from 'react';\nimport { KeyCode } from '../../../internal/keycode';\nimport { isSameMonth, isAfter, isBefore, addMonths, min, max } from 'date-fns';\n\nimport { DateRangePickerProps, DayIndex } from '../../interfaces';\nimport InternalSpaceBetween from '../../../space-between/internal';\nimport { Grid } from './grid';\nimport styles from '../../styles.css.js';\n\nimport { hasValue } from '../../../internal/utils/has-value';\nimport { useDateCache } from '../../../internal/hooks/use-date-cache';\nimport { moveNextDay, movePrevDay, moveNextWeek, movePrevWeek, getBaseDay } from '../../../calendar/utils/navigation';\nimport { findDateToFocus } from '../utils';\nimport handleKey from '../../../internal/utils/handle-key';\n\nfunction isVisible(date: Date, baseDate: Date, isSingleGrid: boolean) {\n  if (isSingleGrid) {\n    return isSameMonth(date, baseDate);\n  }\n\n  const previousMonth = addMonths(baseDate, -1);\n\n  return isSameMonth(date, previousMonth) || isSameMonth(date, baseDate);\n}\n\nexport interface GridProps {\n  baseDate: Date;\n  selectedStartDate: Date | null;\n  selectedEndDate: Date | null;\n\n  focusedDate: Date | null;\n  onFocusedDateChange: React.Dispatch<React.SetStateAction<Date | null>>;\n\n  isDateEnabled: DateRangePickerProps.IsDateEnabledFunction;\n  isSingleGrid: boolean;\n\n  onSelectDate: (date: Date) => void;\n  onChangeMonth: (date: Date) => void;\n\n  locale: string;\n  startOfWeek: DayIndex;\n  todayAriaLabel?: string;\n  headingIdPrefix: string;\n}\n\nexport const Grids = ({\n  baseDate,\n  selectedStartDate,\n  selectedEndDate,\n\n  focusedDate,\n  onFocusedDateChange,\n\n  isDateEnabled,\n  isSingleGrid,\n\n  onSelectDate,\n  onChangeMonth,\n\n  locale,\n  startOfWeek,\n  todayAriaLabel,\n  headingIdPrefix,\n}: GridProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [gridHasFocus, setGridHasFocus] = useState(false);\n\n  const focusedDateRef = useRef<HTMLTableCellElement>(null);\n\n  const dateCache = useDateCache();\n  baseDate = dateCache(baseDate);\n  focusedDate = focusedDate ? dateCache(focusedDate) : null;\n\n  useEffect(() => {\n    if (focusedDate && !isVisible(focusedDate, baseDate, isSingleGrid)) {\n      const direction = isAfter(focusedDate, baseDate) ? -1 : 1;\n\n      const newMonth = !isSingleGrid && direction === -1 ? addMonths(baseDate, -1) : baseDate;\n      const nearestBaseDate = getBaseDay(newMonth, isDateEnabled);\n\n      const newFocusedDate = findDateToFocus(focusedDate, nearestBaseDate, isDateEnabled);\n\n      onFocusedDateChange(newFocusedDate);\n    }\n  }, [baseDate, focusedDate, isSingleGrid, isDateEnabled, onFocusedDateChange]);\n\n  const onGridKeyDownHandler = (event: React.KeyboardEvent<HTMLElement>) => {\n    let updatedFocusDate;\n\n    const keys = [KeyCode.up, KeyCode.down, KeyCode.left, KeyCode.right, KeyCode.space, KeyCode.enter];\n\n    if (focusedDate === null || keys.indexOf(event.keyCode) === -1) {\n      return;\n    }\n\n    event.preventDefault();\n\n    handleKey(event, {\n      onActivate: () => focusedDate && onSelectDate(focusedDate),\n      onBlockEnd: () => focusedDate && (updatedFocusDate = moveNextWeek(focusedDate, isDateEnabled)),\n      onBlockStart: () => focusedDate && (updatedFocusDate = movePrevWeek(focusedDate, isDateEnabled)),\n      onInlineEnd: () => focusedDate && (updatedFocusDate = moveNextDay(focusedDate, isDateEnabled)),\n      onInlineStart: () => focusedDate && (updatedFocusDate = movePrevDay(focusedDate, isDateEnabled)),\n    });\n\n    if (!updatedFocusDate) {\n      return;\n    }\n\n    const updatedDateIsVisible = isVisible(updatedFocusDate, baseDate, isSingleGrid);\n\n    if (!updatedDateIsVisible) {\n      const newMonthIsOnLeftSide = !isSingleGrid && isBefore(updatedFocusDate, baseDate);\n\n      onChangeMonth(newMonthIsOnLeftSide ? addMonths(updatedFocusDate, 1) : updatedFocusDate);\n    }\n    onFocusedDateChange(updatedFocusDate);\n  };\n\n  useEffect(() => {\n    // focus current date if the focus is already inside the calendar\n    if (focusedDate !== null && gridHasFocus) {\n      if (focusedDateRef.current && focusedDateRef.current !== document.activeElement) {\n        focusedDateRef.current.focus();\n      }\n    }\n  }, [focusedDate, gridHasFocus]);\n\n  const onGridBlur = (event: React.FocusEvent) => {\n    const newFocusTarget = event.relatedTarget || document.activeElement;\n    const newFocusTargetIsInGrid = containerRef.current?.contains(newFocusTarget as Node);\n    if (newFocusTarget && !newFocusTargetIsInGrid && gridHasFocus) {\n      setGridHasFocus(false);\n    }\n  };\n\n  const onGridFocus = () => {\n    if (!gridHasFocus) {\n      setGridHasFocus(true);\n    }\n  };\n\n  const isRangeVisible = (selectedStartDate && selectedEndDate) || gridHasFocus;\n\n  const rangeEnds: Date[] = [selectedStartDate ?? focusedDate, selectedEndDate ?? focusedDate].filter(hasValue);\n\n  const rangeStartDate = min(rangeEnds);\n  const rangeEndDate = max(rangeEnds);\n\n  return (\n    <div ref={containerRef} onFocus={onGridFocus} onBlur={onGridBlur}>\n      <InternalSpaceBetween size=\"xs\" direction=\"horizontal\">\n        {!isSingleGrid && (\n          <Grid\n            className={styles['first-grid']}\n            baseDate={addMonths(baseDate, -1)}\n            selectedEndDate={selectedEndDate}\n            selectedStartDate={selectedStartDate}\n            rangeStartDate={isRangeVisible ? rangeStartDate : null}\n            rangeEndDate={isRangeVisible ? rangeEndDate : null}\n            focusedDate={focusedDate}\n            focusedDateRef={focusedDateRef}\n            isDateEnabled={isDateEnabled}\n            onSelectDate={onSelectDate}\n            onGridKeyDownHandler={onGridKeyDownHandler}\n            onFocusedDateChange={onFocusedDateChange}\n            locale={locale}\n            startOfWeek={startOfWeek}\n            todayAriaLabel={todayAriaLabel}\n            ariaLabelledby={`${headingIdPrefix}-prevmonth`}\n          />\n        )}\n        <Grid\n          className={styles['second-grid']}\n          baseDate={baseDate}\n          selectedEndDate={selectedEndDate}\n          selectedStartDate={selectedStartDate}\n          rangeStartDate={isRangeVisible ? rangeStartDate : null}\n          rangeEndDate={isRangeVisible ? rangeEndDate : null}\n          focusedDate={focusedDate}\n          focusedDateRef={focusedDateRef}\n          isDateEnabled={isDateEnabled}\n          onSelectDate={onSelectDate}\n          onGridKeyDownHandler={onGridKeyDownHandler}\n          onFocusedDateChange={onFocusedDateChange}\n          locale={locale}\n          startOfWeek={startOfWeek}\n          todayAriaLabel={todayAriaLabel}\n          ariaLabelledby={`${headingIdPrefix}-currentmonth`}\n        />\n      </InternalSpaceBetween>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/date-range-picker/calendar/grids/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, { useCallback, useEffect, useRef, useState } from 'react';\nimport { KeyCode } from '../../../internal/keycode';\nimport { isSameMonth, isAfter, isBefore, addMonths, min, max } from 'date-fns';\n\nimport { DateRangePickerProps, DayIndex } from '../../interfaces';\nimport InternalSpaceBetween from '../../../space-between/internal';\nimport { Grid } from './grid';\nimport styles from '../../styles.css.js';\n\nimport { hasValue } from '../../../internal/utils/has-value';\nimport { useDateCache } from '../../../internal/hooks/use-date-cache';\nimport { moveNextDay, movePrevDay, moveNextWeek, movePrevWeek, getBaseDay } from '../../../calendar/utils/navigation';\nimport { findDateToFocus } from '../utils';\nimport handleKey from '../../../internal/utils/handle-key';\n\nfunction isVisible(date: Date, baseDate: Date, isSingleGrid: boolean) {\n  if (isSingleGrid) {\n    return isSameMonth(date, baseDate);\n  }\n\n  const previousMonth = addMonths(baseDate, -1);\n\n  return isSameMonth(date, previousMonth) || isSameMonth(date, baseDate);\n}\n\nexport interface GridProps {\n  baseDate: Date;\n  selectedStartDate: Date | null;\n  selectedEndDate: Date | null;\n\n  focusedDate: Date | null;\n  onFocusedDateChange: React.Dispatch<React.SetStateAction<Date | null>>;\n\n  isDateEnabled: DateRangePickerProps.IsDateEnabledFunction;\n  dateDisabledReason: DateRangePickerProps.DateDisabledReasonFunction;\n  isSingleGrid: boolean;\n\n  onSelectDate: (date: Date) => void;\n  onChangeMonth: (date: Date) => void;\n\n  locale: string;\n  startOfWeek: DayIndex;\n  todayAriaLabel?: string;\n  headingIdPrefix: string;\n}\n\nexport const Grids = ({\n  baseDate,\n  selectedStartDate,\n  selectedEndDate,\n\n  focusedDate,\n  onFocusedDateChange,\n\n  isDateEnabled,\n  dateDisabledReason,\n  isSingleGrid,\n\n  onSelectDate,\n  onChangeMonth,\n\n  locale,\n  startOfWeek,\n  todayAriaLabel,\n  headingIdPrefix,\n}: GridProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [gridHasFocus, setGridHasFocus] = useState(false);\n\n  const focusedDateRef = useRef<HTMLTableCellElement>(null);\n\n  const dateCache = useDateCache();\n  baseDate = dateCache(baseDate);\n  focusedDate = focusedDate ? dateCache(focusedDate) : null;\n\n  const isDateFocusable = useCallback(\n    (date: Date) => {\n      return isDateEnabled(date) || (!isDateEnabled(date) && !!dateDisabledReason(date));\n    },\n    [isDateEnabled, dateDisabledReason]\n  );\n\n  useEffect(() => {\n    if (focusedDate && !isVisible(focusedDate, baseDate, isSingleGrid)) {\n      const direction = isAfter(focusedDate, baseDate) ? -1 : 1;\n\n      const newMonth = !isSingleGrid && direction === -1 ? addMonths(baseDate, -1) : baseDate;\n      const nearestBaseDate = getBaseDay(newMonth, isDateFocusable);\n\n      const newFocusedDate = findDateToFocus(focusedDate, nearestBaseDate, isDateFocusable);\n\n      onFocusedDateChange(newFocusedDate);\n    }\n  }, [baseDate, focusedDate, isSingleGrid, isDateFocusable, onFocusedDateChange]);\n\n  const onGridKeyDownHandler = (event: React.KeyboardEvent<HTMLElement>) => {\n    let updatedFocusDate;\n\n    const keys = [KeyCode.up, KeyCode.down, KeyCode.left, KeyCode.right, KeyCode.space, KeyCode.enter];\n\n    if (focusedDate === null || keys.indexOf(event.keyCode) === -1) {\n      return;\n    }\n\n    event.preventDefault();\n\n    handleKey(event, {\n      onActivate: () => {\n        if (!focusedDate || !isDateEnabled(focusedDate)) {\n          return;\n        }\n\n        onSelectDate(focusedDate);\n      },\n      onBlockEnd: () => focusedDate && (updatedFocusDate = moveNextWeek(focusedDate, isDateFocusable)),\n      onBlockStart: () => focusedDate && (updatedFocusDate = movePrevWeek(focusedDate, isDateFocusable)),\n      onInlineEnd: () => focusedDate && (updatedFocusDate = moveNextDay(focusedDate, isDateFocusable)),\n      onInlineStart: () => focusedDate && (updatedFocusDate = movePrevDay(focusedDate, isDateFocusable)),\n    });\n\n    if (!updatedFocusDate) {\n      return;\n    }\n\n    const updatedDateIsVisible = isVisible(updatedFocusDate, baseDate, isSingleGrid);\n\n    if (!updatedDateIsVisible) {\n      const newMonthIsOnLeftSide = !isSingleGrid && isBefore(updatedFocusDate, baseDate);\n\n      onChangeMonth(newMonthIsOnLeftSide ? addMonths(updatedFocusDate, 1) : updatedFocusDate);\n    }\n    onFocusedDateChange(updatedFocusDate);\n  };\n\n  useEffect(() => {\n    // focus current date if the focus is already inside the calendar\n    if (focusedDate !== null && gridHasFocus) {\n      if (focusedDateRef.current && focusedDateRef.current !== document.activeElement) {\n        focusedDateRef.current.focus();\n      }\n    }\n  }, [focusedDate, gridHasFocus]);\n\n  const onGridBlur = (event: React.FocusEvent) => {\n    const newFocusTarget = event.relatedTarget || document.activeElement;\n    const newFocusTargetIsInGrid = containerRef.current?.contains(newFocusTarget as Node);\n    if (newFocusTarget && !newFocusTargetIsInGrid && gridHasFocus) {\n      setGridHasFocus(false);\n    }\n  };\n\n  const onGridFocus = () => {\n    if (!gridHasFocus) {\n      setGridHasFocus(true);\n    }\n  };\n\n  const isRangeVisible = (selectedStartDate && selectedEndDate) || gridHasFocus;\n\n  const rangeEnds: Date[] = [selectedStartDate ?? focusedDate, selectedEndDate ?? focusedDate].filter(hasValue);\n\n  const rangeStartDate = min(rangeEnds);\n  const rangeEndDate = max(rangeEnds);\n\n  return (\n    <div ref={containerRef} onFocus={onGridFocus} onBlur={onGridBlur}>\n      <InternalSpaceBetween size=\"xs\" direction=\"horizontal\">\n        {!isSingleGrid && (\n          <Grid\n            className={styles['first-grid']}\n            baseDate={addMonths(baseDate, -1)}\n            selectedEndDate={selectedEndDate}\n            selectedStartDate={selectedStartDate}\n            rangeStartDate={isRangeVisible ? rangeStartDate : null}\n            rangeEndDate={isRangeVisible ? rangeEndDate : null}\n            focusedDate={focusedDate}\n            focusedDateRef={focusedDateRef}\n            isDateEnabled={isDateEnabled}\n            dateDisabledReason={dateDisabledReason}\n            onSelectDate={onSelectDate}\n            onGridKeyDownHandler={onGridKeyDownHandler}\n            onFocusedDateChange={onFocusedDateChange}\n            locale={locale}\n            startOfWeek={startOfWeek}\n            todayAriaLabel={todayAriaLabel}\n            ariaLabelledby={`${headingIdPrefix}-prevmonth`}\n          />\n        )}\n        <Grid\n          className={styles['second-grid']}\n          baseDate={baseDate}\n          selectedEndDate={selectedEndDate}\n          selectedStartDate={selectedStartDate}\n          rangeStartDate={isRangeVisible ? rangeStartDate : null}\n          rangeEndDate={isRangeVisible ? rangeEndDate : null}\n          focusedDate={focusedDate}\n          focusedDateRef={focusedDateRef}\n          isDateEnabled={isDateEnabled}\n          dateDisabledReason={dateDisabledReason}\n          onSelectDate={onSelectDate}\n          onGridKeyDownHandler={onGridKeyDownHandler}\n          onFocusedDateChange={onFocusedDateChange}\n          locale={locale}\n          startOfWeek={startOfWeek}\n          todayAriaLabel={todayAriaLabel}\n          ariaLabelledby={`${headingIdPrefix}-currentmonth`}\n        />\n      </InternalSpaceBetween>\n    </div>\n  );\n};\n"]}

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

@@ -1,32 +1,33 @@
 
     import './styles.scoped.css';
     export default {
-  "grid": "awsui_grid_1mfbn_u6byu_101",
-  "grid-cell": "awsui_grid-cell_1mfbn_u6byu_106",
-  "day-header": "awsui_day-header_1mfbn_u6byu_113",
-  "week": "awsui_week_1mfbn_u6byu_123",
-  "day": "awsui_day_1mfbn_u6byu_113",
-  "day-inner": "awsui_day-inner_1mfbn_u6byu_170",
-  "in-first-row": "awsui_in-first-row_1mfbn_u6byu_175",
-  "in-previous-month": "awsui_in-previous-month_1mfbn_u6byu_175",
-  "last-day-of-month": "awsui_last-day-of-month_1mfbn_u6byu_179",
-  "in-next-month": "awsui_in-next-month_1mfbn_u6byu_183",
-  "in-first-column": "awsui_in-first-column_1mfbn_u6byu_187",
-  "in-current-month": "awsui_in-current-month_1mfbn_u6byu_190",
-  "enabled": "awsui_enabled_1mfbn_u6byu_194",
-  "in-range": "awsui_in-range_1mfbn_u6byu_200",
-  "end-date": "awsui_end-date_1mfbn_u6byu_200",
-  "start-date": "awsui_start-date_1mfbn_u6byu_200",
-  "no-range": "awsui_no-range_1mfbn_u6byu_200",
-  "selected": "awsui_selected_1mfbn_u6byu_210",
-  "today": "awsui_today_1mfbn_u6byu_215",
-  "range-start-date": "awsui_range-start-date_1mfbn_u6byu_260",
-  "in-range-border-bottom": "awsui_in-range-border-bottom_1mfbn_u6byu_263",
-  "range-end-date": "awsui_range-end-date_1mfbn_u6byu_266",
-  "in-range-border-top": "awsui_in-range-border-top_1mfbn_u6byu_269",
-  "in-range-border-block-start": "awsui_in-range-border-block-start_1mfbn_u6byu_282",
-  "in-range-border-inline-end": "awsui_in-range-border-inline-end_1mfbn_u6byu_285",
-  "in-range-border-block-end": "awsui_in-range-border-block-end_1mfbn_u6byu_288",
-  "in-range-border-inline-start": "awsui_in-range-border-inline-start_1mfbn_u6byu_291"
+  "grid": "awsui_grid_1mfbn_1t3vs_101",
+  "grid-cell": "awsui_grid-cell_1mfbn_1t3vs_106",
+  "day-header": "awsui_day-header_1mfbn_1t3vs_113",
+  "week": "awsui_week_1mfbn_1t3vs_123",
+  "day": "awsui_day_1mfbn_1t3vs_113",
+  "day-inner": "awsui_day-inner_1mfbn_1t3vs_170",
+  "in-first-row": "awsui_in-first-row_1mfbn_1t3vs_175",
+  "in-previous-month": "awsui_in-previous-month_1mfbn_1t3vs_175",
+  "last-day-of-month": "awsui_last-day-of-month_1mfbn_1t3vs_179",
+  "in-next-month": "awsui_in-next-month_1mfbn_1t3vs_183",
+  "in-first-column": "awsui_in-first-column_1mfbn_1t3vs_187",
+  "in-current-month": "awsui_in-current-month_1mfbn_1t3vs_190",
+  "enabled": "awsui_enabled_1mfbn_1t3vs_194",
+  "in-range": "awsui_in-range_1mfbn_1t3vs_200",
+  "end-date": "awsui_end-date_1mfbn_1t3vs_200",
+  "start-date": "awsui_start-date_1mfbn_1t3vs_200",
+  "no-range": "awsui_no-range_1mfbn_1t3vs_200",
+  "selected": "awsui_selected_1mfbn_1t3vs_210",
+  "today": "awsui_today_1mfbn_1t3vs_215",
+  "range-start-date": "awsui_range-start-date_1mfbn_1t3vs_260",
+  "in-range-border-bottom": "awsui_in-range-border-bottom_1mfbn_1t3vs_263",
+  "range-end-date": "awsui_range-end-date_1mfbn_1t3vs_266",
+  "in-range-border-top": "awsui_in-range-border-top_1mfbn_1t3vs_269",
+  "in-range-border-block-start": "awsui_in-range-border-block-start_1mfbn_1t3vs_282",
+  "in-range-border-inline-end": "awsui_in-range-border-inline-end_1mfbn_1t3vs_285",
+  "in-range-border-block-end": "awsui_in-range-border-block-end_1mfbn_1t3vs_288",
+  "in-range-border-inline-start": "awsui_in-range-border-inline-start_1mfbn_1t3vs_291",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_1mfbn_1t3vs_307"
 };
   

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

@@ -98,19 +98,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_grid_1mfbn_u6byu_101:not(#\9) {
+.awsui_grid_1mfbn_1t3vs_101:not(#\9) {
   inline-size: var(--size-calendar-grid-width-m7rthz, 234px);
   border-spacing: 0;
 }
 
-.awsui_grid-cell_1mfbn_u6byu_106:not(#\9) {
+.awsui_grid-cell_1mfbn_1t3vs_106:not(#\9) {
   inline-size: 14.2857142857%;
   word-break: break-word;
   text-align: center;
   font-weight: unset;
 }
 
-.awsui_day-header_1mfbn_u6byu_113:not(#\9) {
+.awsui_day-header_1mfbn_1t3vs_113:not(#\9) {
   padding-block-start: var(--space-s-2025hl, 12px);
   padding-block-end: var(--space-xxs-9rrxti, 4px);
   padding-inline: 0;
@@ -120,11 +120,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   letter-spacing: var(--letter-spacing-body-s-nkvets, normal);
 }
 
-.awsui_week_1mfbn_u6byu_123:not(#\9) {
+.awsui_week_1mfbn_1t3vs_123:not(#\9) {
   /* used for identifying element */
 }
 
-.awsui_day_1mfbn_u6byu_113:not(#\9) {
+.awsui_day_1mfbn_1t3vs_113:not(#\9) {
   border-block-end: 1px solid var(--color-border-calendar-grid-2ab4m1, #eaeded);
   border-inline-end: 1px solid var(--color-border-calendar-grid-2ab4m1, #eaeded);
   padding-block: var(--space-xxs-9rrxti, 4px);
@@ -132,10 +132,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-dropdown-item-disabled-nf1b1j, #aab7b8);
   position: relative;
 }
-.awsui_day_1mfbn_u6byu_113:not(#\9):focus {
+.awsui_day_1mfbn_1t3vs_113:not(#\9):focus {
   outline: none;
 }
-.awsui_day_1mfbn_u6byu_113:not(#\9)::after {
+.awsui_day_1mfbn_1t3vs_113:not(#\9)::after {
   content: "";
   position: absolute;
   z-index: 1;
@@ -145,15 +145,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline-end: calc(-1 * var(--border-item-width-0zxiwv, 1px));
   background-color: transparent;
 }
-body[data-awsui-focus-visible=true] .awsui_day_1mfbn_u6byu_113:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_day_1mfbn_1t3vs_113:not(#\9):focus {
   z-index: 2;
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_day_1mfbn_u6byu_113:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_day_1mfbn_1t3vs_113:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-pkb6ov, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_day_1mfbn_u6byu_113:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_day_1mfbn_1t3vs_113:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -167,52 +167,52 @@ body[data-awsui-focus-visible=true] .awsui_day_1mfbn_u6byu_113:not(#\9):focus::b
   border-end-end-radius: var(--border-radius-calendar-day-focus-ring-6ckim2, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_day_1mfbn_u6byu_113 > .awsui_day-inner_1mfbn_u6byu_170:not(#\9) {
+.awsui_day_1mfbn_1t3vs_113 > .awsui_day-inner_1mfbn_1t3vs_170:not(#\9) {
   position: relative;
   z-index: 1;
 }
 
-.awsui_in-first-row_1mfbn_u6byu_175:not(#\9):not(.awsui_in-previous-month_1mfbn_u6byu_175) {
+.awsui_in-first-row_1mfbn_1t3vs_175:not(#\9):not(.awsui_in-previous-month_1mfbn_1t3vs_175) {
   border-block-start: 1px solid var(--color-border-calendar-grid-2ab4m1, #eaeded);
 }
 
-.awsui_in-previous-month_1mfbn_u6byu_175:not(#\9):not(.awsui_last-day-of-month_1mfbn_u6byu_179) {
+.awsui_in-previous-month_1mfbn_1t3vs_175:not(#\9):not(.awsui_last-day-of-month_1mfbn_1t3vs_179) {
   border-inline-end-color: transparent;
 }
 
-.awsui_in-next-month_1mfbn_u6byu_183:not(#\9) {
+.awsui_in-next-month_1mfbn_1t3vs_183:not(#\9) {
   border-color: transparent;
 }
 
-.awsui_in-first-column_1mfbn_u6byu_187:not(#\9) {
+.awsui_in-first-column_1mfbn_1t3vs_187:not(#\9) {
   border-inline-start: 1px solid transparent;
 }
-.awsui_in-first-column_1mfbn_u6byu_187.awsui_in-current-month_1mfbn_u6byu_190:not(#\9) {
+.awsui_in-first-column_1mfbn_1t3vs_187.awsui_in-current-month_1mfbn_1t3vs_190:not(#\9) {
   border-inline-start: 1px solid var(--color-border-calendar-grid-2ab4m1, #eaeded);
 }
 
-.awsui_enabled_1mfbn_u6byu_194:not(#\9) {
+.awsui_enabled_1mfbn_1t3vs_194:not(#\9) {
   cursor: pointer;
 }
-.awsui_enabled_1mfbn_u6byu_194.awsui_in-current-month_1mfbn_u6byu_190:not(#\9) {
+.awsui_enabled_1mfbn_1t3vs_194.awsui_in-current-month_1mfbn_1t3vs_190:not(#\9) {
   color: var(--color-text-dropdown-item-default-d4af6n, #16191f);
 }
-.awsui_enabled_1mfbn_u6byu_194.awsui_in-current-month_1mfbn_u6byu_190:not(#\9):not(.awsui_in-range_1mfbn_u6byu_200), .awsui_enabled_1mfbn_u6byu_194.awsui_in-current-month_1mfbn_u6byu_190:not(#\9):not(.awsui_in-range_1mfbn_u6byu_200)::after, .awsui_enabled_1mfbn_u6byu_194.awsui_in-current-month_1mfbn_u6byu_190.awsui_end-date_1mfbn_u6byu_200.awsui_start-date_1mfbn_u6byu_200:not(#\9), .awsui_enabled_1mfbn_u6byu_194.awsui_in-current-month_1mfbn_u6byu_190.awsui_end-date_1mfbn_u6byu_200.awsui_start-date_1mfbn_u6byu_200:not(#\9)::after, .awsui_enabled_1mfbn_u6byu_194.awsui_in-current-month_1mfbn_u6byu_190.awsui_no-range_1mfbn_u6byu_200:not(#\9), .awsui_enabled_1mfbn_u6byu_194.awsui_in-current-month_1mfbn_u6byu_190.awsui_no-range_1mfbn_u6byu_200:not(#\9)::after {
+.awsui_enabled_1mfbn_1t3vs_194.awsui_in-current-month_1mfbn_1t3vs_190:not(#\9):not(.awsui_in-range_1mfbn_1t3vs_200), .awsui_enabled_1mfbn_1t3vs_194.awsui_in-current-month_1mfbn_1t3vs_190:not(#\9):not(.awsui_in-range_1mfbn_1t3vs_200)::after, .awsui_enabled_1mfbn_1t3vs_194.awsui_in-current-month_1mfbn_1t3vs_190.awsui_end-date_1mfbn_1t3vs_200.awsui_start-date_1mfbn_1t3vs_200:not(#\9), .awsui_enabled_1mfbn_1t3vs_194.awsui_in-current-month_1mfbn_1t3vs_190.awsui_end-date_1mfbn_1t3vs_200.awsui_start-date_1mfbn_1t3vs_200:not(#\9)::after, .awsui_enabled_1mfbn_1t3vs_194.awsui_in-current-month_1mfbn_1t3vs_190.awsui_no-range_1mfbn_1t3vs_200:not(#\9), .awsui_enabled_1mfbn_1t3vs_194.awsui_in-current-month_1mfbn_1t3vs_190.awsui_no-range_1mfbn_1t3vs_200:not(#\9)::after {
   border-start-start-radius: var(--border-radius-item-jsz3j8, 0px);
   border-start-end-radius: var(--border-radius-item-jsz3j8, 0px);
   border-end-start-radius: var(--border-radius-item-jsz3j8, 0px);
   border-end-end-radius: var(--border-radius-item-jsz3j8, 0px);
 }
-.awsui_enabled_1mfbn_u6byu_194.awsui_in-current-month_1mfbn_u6byu_190:not(#\9):hover {
+.awsui_enabled_1mfbn_1t3vs_194.awsui_in-current-month_1mfbn_1t3vs_190:not(#\9):hover {
   color: var(--color-text-calendar-date-hover-ti96oo, #16191f);
   background-color: var(--color-background-dropdown-item-hover-i8ac7r, #f2f3f3);
 }
-.awsui_enabled_1mfbn_u6byu_194.awsui_in-current-month_1mfbn_u6byu_190:not(#\9):hover:not(.awsui_selected_1mfbn_u6byu_210)::after {
+.awsui_enabled_1mfbn_1t3vs_194.awsui_in-current-month_1mfbn_1t3vs_190:not(#\9):hover:not(.awsui_selected_1mfbn_1t3vs_210)::after {
   border-block: var(--border-item-width-0zxiwv, 1px) solid var(--color-border-dropdown-item-hover-gqjku2, #879596);
   border-inline: var(--border-item-width-0zxiwv, 1px) solid var(--color-border-dropdown-item-hover-gqjku2, #879596);
 }
 
-.awsui_today_1mfbn_u6byu_215:not(#\9):not(.awsui_in-range_1mfbn_u6byu_200) {
+.awsui_today_1mfbn_1t3vs_215:not(#\9):not(.awsui_in-range_1mfbn_1t3vs_200) {
   background-color: var(--color-background-calendar-current-date-wm9kva, #f2f3f3);
   border-start-start-radius: var(--border-radius-item-jsz3j8, 0px);
   border-start-end-radius: var(--border-radius-item-jsz3j8, 0px);
@@ -221,20 +221,20 @@ body[data-awsui-focus-visible=true] .awsui_day_1mfbn_u6byu_113:not(#\9):focus::b
   font-weight: 700;
 }
 
-.awsui_selected_1mfbn_u6byu_210:not(#\9) {
+.awsui_selected_1mfbn_1t3vs_210:not(#\9) {
   border-color: transparent;
   position: relative;
   z-index: 2;
   font-weight: 700;
 }
-body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_u6byu_210:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_1t3vs_210:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_u6byu_210:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_1t3vs_210:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-calendar-grid-selected-focus-outline-gutter-3hk571, 2px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_u6byu_210:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_1t3vs_210:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -248,58 +248,62 @@ body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_u6byu_210:not(#\9):foc
   border-end-end-radius: var(--border-radius-calendar-day-focus-ring-6ckim2, 2px);
   box-shadow: 0 0 0 2px var(--color-border-calendar-grid-selected-focus-ring-hhlvy8, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_u6byu_210:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_1t3vs_210:not(#\9):focus::before {
   z-index: 1;
 }
-.awsui_selected_1mfbn_u6byu_210:not(#\9)::after {
+.awsui_selected_1mfbn_1t3vs_210:not(#\9)::after {
   background-color: var(--color-background-control-checked-pvanxo, #0073bb);
   border-block: var(--border-item-width-0zxiwv, 1px) solid var(--color-background-control-checked-pvanxo, #0073bb);
   border-inline: var(--border-item-width-0zxiwv, 1px) solid var(--color-background-control-checked-pvanxo, #0073bb);
   z-index: 0;
 }
-.awsui_selected_1mfbn_u6byu_210.awsui_start-date_1mfbn_u6byu_200:not(#\9), .awsui_selected_1mfbn_u6byu_210.awsui_start-date_1mfbn_u6byu_200:not(#\9)::after, .awsui_selected_1mfbn_u6byu_210.awsui_range-start-date_1mfbn_u6byu_260:not(#\9), .awsui_selected_1mfbn_u6byu_210.awsui_range-start-date_1mfbn_u6byu_260:not(#\9)::after {
+.awsui_selected_1mfbn_1t3vs_210.awsui_start-date_1mfbn_1t3vs_200:not(#\9), .awsui_selected_1mfbn_1t3vs_210.awsui_start-date_1mfbn_1t3vs_200:not(#\9)::after, .awsui_selected_1mfbn_1t3vs_210.awsui_range-start-date_1mfbn_1t3vs_260:not(#\9), .awsui_selected_1mfbn_1t3vs_210.awsui_range-start-date_1mfbn_1t3vs_260:not(#\9)::after {
   border-start-start-radius: var(--border-radius-item-jsz3j8, 0px);
 }
-.awsui_selected_1mfbn_u6byu_210.awsui_start-date_1mfbn_u6byu_200.awsui_in-range-border-bottom_1mfbn_u6byu_263:not(#\9), .awsui_selected_1mfbn_u6byu_210.awsui_start-date_1mfbn_u6byu_200.awsui_in-range-border-bottom_1mfbn_u6byu_263:not(#\9)::after, .awsui_selected_1mfbn_u6byu_210.awsui_range-start-date_1mfbn_u6byu_260.awsui_in-range-border-bottom_1mfbn_u6byu_263:not(#\9), .awsui_selected_1mfbn_u6byu_210.awsui_range-start-date_1mfbn_u6byu_260.awsui_in-range-border-bottom_1mfbn_u6byu_263:not(#\9)::after {
+.awsui_selected_1mfbn_1t3vs_210.awsui_start-date_1mfbn_1t3vs_200.awsui_in-range-border-bottom_1mfbn_1t3vs_263:not(#\9), .awsui_selected_1mfbn_1t3vs_210.awsui_start-date_1mfbn_1t3vs_200.awsui_in-range-border-bottom_1mfbn_1t3vs_263:not(#\9)::after, .awsui_selected_1mfbn_1t3vs_210.awsui_range-start-date_1mfbn_1t3vs_260.awsui_in-range-border-bottom_1mfbn_1t3vs_263:not(#\9), .awsui_selected_1mfbn_1t3vs_210.awsui_range-start-date_1mfbn_1t3vs_260.awsui_in-range-border-bottom_1mfbn_1t3vs_263:not(#\9)::after {
   border-end-start-radius: var(--border-radius-item-jsz3j8, 0px);
 }
-.awsui_selected_1mfbn_u6byu_210.awsui_end-date_1mfbn_u6byu_200:not(#\9), .awsui_selected_1mfbn_u6byu_210.awsui_end-date_1mfbn_u6byu_200:not(#\9)::after, .awsui_selected_1mfbn_u6byu_210.awsui_range-end-date_1mfbn_u6byu_266:not(#\9), .awsui_selected_1mfbn_u6byu_210.awsui_range-end-date_1mfbn_u6byu_266:not(#\9)::after {
+.awsui_selected_1mfbn_1t3vs_210.awsui_end-date_1mfbn_1t3vs_200:not(#\9), .awsui_selected_1mfbn_1t3vs_210.awsui_end-date_1mfbn_1t3vs_200:not(#\9)::after, .awsui_selected_1mfbn_1t3vs_210.awsui_range-end-date_1mfbn_1t3vs_266:not(#\9), .awsui_selected_1mfbn_1t3vs_210.awsui_range-end-date_1mfbn_1t3vs_266:not(#\9)::after {
   border-end-end-radius: var(--border-radius-item-jsz3j8, 0px);
 }
-.awsui_selected_1mfbn_u6byu_210.awsui_end-date_1mfbn_u6byu_200.awsui_in-range-border-top_1mfbn_u6byu_269:not(#\9), .awsui_selected_1mfbn_u6byu_210.awsui_end-date_1mfbn_u6byu_200.awsui_in-range-border-top_1mfbn_u6byu_269:not(#\9)::after, .awsui_selected_1mfbn_u6byu_210.awsui_range-end-date_1mfbn_u6byu_266.awsui_in-range-border-top_1mfbn_u6byu_269:not(#\9), .awsui_selected_1mfbn_u6byu_210.awsui_range-end-date_1mfbn_u6byu_266.awsui_in-range-border-top_1mfbn_u6byu_269:not(#\9)::after {
+.awsui_selected_1mfbn_1t3vs_210.awsui_end-date_1mfbn_1t3vs_200.awsui_in-range-border-top_1mfbn_1t3vs_269:not(#\9), .awsui_selected_1mfbn_1t3vs_210.awsui_end-date_1mfbn_1t3vs_200.awsui_in-range-border-top_1mfbn_1t3vs_269:not(#\9)::after, .awsui_selected_1mfbn_1t3vs_210.awsui_range-end-date_1mfbn_1t3vs_266.awsui_in-range-border-top_1mfbn_1t3vs_269:not(#\9), .awsui_selected_1mfbn_1t3vs_210.awsui_range-end-date_1mfbn_1t3vs_266.awsui_in-range-border-top_1mfbn_1t3vs_269:not(#\9)::after {
   border-start-end-radius: var(--border-radius-item-jsz3j8, 0px);
 }
-.awsui_selected_1mfbn_u6byu_210 > .awsui_day-inner_1mfbn_u6byu_170:not(#\9) {
+.awsui_selected_1mfbn_1t3vs_210 > .awsui_day-inner_1mfbn_1t3vs_170:not(#\9) {
   color: var(--color-background-control-default-n6yadr, #ffffff);
   position: relative;
   z-index: 2;
 }
 
-.awsui_in-range_1mfbn_u6byu_200:not(#\9) {
+.awsui_in-range_1mfbn_1t3vs_200:not(#\9) {
   background-color: var(--color-background-dropdown-item-selected-u5p3gx, #f1faff);
   font-weight: 700;
 }
-.awsui_in-range_1mfbn_u6byu_200.awsui_in-range-border-block-start_1mfbn_u6byu_282:not(#\9)::after {
+.awsui_in-range_1mfbn_1t3vs_200.awsui_in-range-border-block-start_1mfbn_1t3vs_282:not(#\9)::after {
   border-block-start: var(--border-item-width-0zxiwv, 1px) solid var(--color-background-control-checked-pvanxo, #0073bb);
 }
-.awsui_in-range_1mfbn_u6byu_200.awsui_in-range-border-inline-end_1mfbn_u6byu_285:not(#\9)::after {
+.awsui_in-range_1mfbn_1t3vs_200.awsui_in-range-border-inline-end_1mfbn_1t3vs_285:not(#\9)::after {
   border-inline-end: var(--border-item-width-0zxiwv, 1px) solid var(--color-background-control-checked-pvanxo, #0073bb);
 }
-.awsui_in-range_1mfbn_u6byu_200.awsui_in-range-border-block-end_1mfbn_u6byu_288:not(#\9)::after {
+.awsui_in-range_1mfbn_1t3vs_200.awsui_in-range-border-block-end_1mfbn_1t3vs_288:not(#\9)::after {
   border-block-end: var(--border-item-width-0zxiwv, 1px) solid var(--color-background-control-checked-pvanxo, #0073bb);
 }
-.awsui_in-range_1mfbn_u6byu_200.awsui_in-range-border-inline-start_1mfbn_u6byu_291:not(#\9)::after {
+.awsui_in-range_1mfbn_1t3vs_200.awsui_in-range-border-inline-start_1mfbn_1t3vs_291:not(#\9)::after {
   border-inline-start: var(--border-item-width-0zxiwv, 1px) solid var(--color-background-control-checked-pvanxo, #0073bb);
 }
-.awsui_in-range_1mfbn_u6byu_200.awsui_in-range-border-block-start_1mfbn_u6byu_282.awsui_in-range-border-inline-end_1mfbn_u6byu_285:not(#\9), .awsui_in-range_1mfbn_u6byu_200.awsui_in-range-border-block-start_1mfbn_u6byu_282.awsui_in-range-border-inline-end_1mfbn_u6byu_285:not(#\9)::after {
+.awsui_in-range_1mfbn_1t3vs_200.awsui_in-range-border-block-start_1mfbn_1t3vs_282.awsui_in-range-border-inline-end_1mfbn_1t3vs_285:not(#\9), .awsui_in-range_1mfbn_1t3vs_200.awsui_in-range-border-block-start_1mfbn_1t3vs_282.awsui_in-range-border-inline-end_1mfbn_1t3vs_285:not(#\9)::after {
   border-start-end-radius: var(--border-radius-item-jsz3j8, 0px);
 }
-.awsui_in-range_1mfbn_u6byu_200.awsui_in-range-border-block-end_1mfbn_u6byu_288.awsui_in-range-border-inline-end_1mfbn_u6byu_285:not(#\9), .awsui_in-range_1mfbn_u6byu_200.awsui_in-range-border-block-end_1mfbn_u6byu_288.awsui_in-range-border-inline-end_1mfbn_u6byu_285:not(#\9)::after {
+.awsui_in-range_1mfbn_1t3vs_200.awsui_in-range-border-block-end_1mfbn_1t3vs_288.awsui_in-range-border-inline-end_1mfbn_1t3vs_285:not(#\9), .awsui_in-range_1mfbn_1t3vs_200.awsui_in-range-border-block-end_1mfbn_1t3vs_288.awsui_in-range-border-inline-end_1mfbn_1t3vs_285:not(#\9)::after {
   border-end-end-radius: var(--border-radius-item-jsz3j8, 0px);
 }
-.awsui_in-range_1mfbn_u6byu_200.awsui_in-range-border-block-end_1mfbn_u6byu_288.awsui_in-range-border-inline-start_1mfbn_u6byu_291:not(#\9), .awsui_in-range_1mfbn_u6byu_200.awsui_in-range-border-block-end_1mfbn_u6byu_288.awsui_in-range-border-inline-start_1mfbn_u6byu_291:not(#\9)::after {
+.awsui_in-range_1mfbn_1t3vs_200.awsui_in-range-border-block-end_1mfbn_1t3vs_288.awsui_in-range-border-inline-start_1mfbn_1t3vs_291:not(#\9), .awsui_in-range_1mfbn_1t3vs_200.awsui_in-range-border-block-end_1mfbn_1t3vs_288.awsui_in-range-border-inline-start_1mfbn_1t3vs_291:not(#\9)::after {
   border-end-start-radius: var(--border-radius-item-jsz3j8, 0px);
 }
-.awsui_in-range_1mfbn_u6byu_200.awsui_in-range-border-block-start_1mfbn_u6byu_282.awsui_in-range-border-inline-start_1mfbn_u6byu_291:not(#\9), .awsui_in-range_1mfbn_u6byu_200.awsui_in-range-border-block-start_1mfbn_u6byu_282.awsui_in-range-border-inline-start_1mfbn_u6byu_291:not(#\9)::after {
+.awsui_in-range_1mfbn_1t3vs_200.awsui_in-range-border-block-start_1mfbn_1t3vs_282.awsui_in-range-border-inline-start_1mfbn_1t3vs_291:not(#\9), .awsui_in-range_1mfbn_1t3vs_200.awsui_in-range-border-block-start_1mfbn_1t3vs_282.awsui_in-range-border-inline-start_1mfbn_1t3vs_291:not(#\9)::after {
   border-start-start-radius: var(--border-radius-item-jsz3j8, 0px);
+}
+
+.awsui_disabled-reason-tooltip_1mfbn_1t3vs_307:not(#\9) {
+  /* used in test-utils or tests */
 }

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

@@ -2,32 +2,33 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "grid": "awsui_grid_1mfbn_u6byu_101",
-  "grid-cell": "awsui_grid-cell_1mfbn_u6byu_106",
-  "day-header": "awsui_day-header_1mfbn_u6byu_113",
-  "week": "awsui_week_1mfbn_u6byu_123",
-  "day": "awsui_day_1mfbn_u6byu_113",
-  "day-inner": "awsui_day-inner_1mfbn_u6byu_170",
-  "in-first-row": "awsui_in-first-row_1mfbn_u6byu_175",
-  "in-previous-month": "awsui_in-previous-month_1mfbn_u6byu_175",
-  "last-day-of-month": "awsui_last-day-of-month_1mfbn_u6byu_179",
-  "in-next-month": "awsui_in-next-month_1mfbn_u6byu_183",
-  "in-first-column": "awsui_in-first-column_1mfbn_u6byu_187",
-  "in-current-month": "awsui_in-current-month_1mfbn_u6byu_190",
-  "enabled": "awsui_enabled_1mfbn_u6byu_194",
-  "in-range": "awsui_in-range_1mfbn_u6byu_200",
-  "end-date": "awsui_end-date_1mfbn_u6byu_200",
-  "start-date": "awsui_start-date_1mfbn_u6byu_200",
-  "no-range": "awsui_no-range_1mfbn_u6byu_200",
-  "selected": "awsui_selected_1mfbn_u6byu_210",
-  "today": "awsui_today_1mfbn_u6byu_215",
-  "range-start-date": "awsui_range-start-date_1mfbn_u6byu_260",
-  "in-range-border-bottom": "awsui_in-range-border-bottom_1mfbn_u6byu_263",
-  "range-end-date": "awsui_range-end-date_1mfbn_u6byu_266",
-  "in-range-border-top": "awsui_in-range-border-top_1mfbn_u6byu_269",
-  "in-range-border-block-start": "awsui_in-range-border-block-start_1mfbn_u6byu_282",
-  "in-range-border-inline-end": "awsui_in-range-border-inline-end_1mfbn_u6byu_285",
-  "in-range-border-block-end": "awsui_in-range-border-block-end_1mfbn_u6byu_288",
-  "in-range-border-inline-start": "awsui_in-range-border-inline-start_1mfbn_u6byu_291"
+  "grid": "awsui_grid_1mfbn_1t3vs_101",
+  "grid-cell": "awsui_grid-cell_1mfbn_1t3vs_106",
+  "day-header": "awsui_day-header_1mfbn_1t3vs_113",
+  "week": "awsui_week_1mfbn_1t3vs_123",
+  "day": "awsui_day_1mfbn_1t3vs_113",
+  "day-inner": "awsui_day-inner_1mfbn_1t3vs_170",
+  "in-first-row": "awsui_in-first-row_1mfbn_1t3vs_175",
+  "in-previous-month": "awsui_in-previous-month_1mfbn_1t3vs_175",
+  "last-day-of-month": "awsui_last-day-of-month_1mfbn_1t3vs_179",
+  "in-next-month": "awsui_in-next-month_1mfbn_1t3vs_183",
+  "in-first-column": "awsui_in-first-column_1mfbn_1t3vs_187",
+  "in-current-month": "awsui_in-current-month_1mfbn_1t3vs_190",
+  "enabled": "awsui_enabled_1mfbn_1t3vs_194",
+  "in-range": "awsui_in-range_1mfbn_1t3vs_200",
+  "end-date": "awsui_end-date_1mfbn_1t3vs_200",
+  "start-date": "awsui_start-date_1mfbn_1t3vs_200",
+  "no-range": "awsui_no-range_1mfbn_1t3vs_200",
+  "selected": "awsui_selected_1mfbn_1t3vs_210",
+  "today": "awsui_today_1mfbn_1t3vs_215",
+  "range-start-date": "awsui_range-start-date_1mfbn_1t3vs_260",
+  "in-range-border-bottom": "awsui_in-range-border-bottom_1mfbn_1t3vs_263",
+  "range-end-date": "awsui_range-end-date_1mfbn_1t3vs_266",
+  "in-range-border-top": "awsui_in-range-border-top_1mfbn_1t3vs_269",
+  "in-range-border-block-start": "awsui_in-range-border-block-start_1mfbn_1t3vs_282",
+  "in-range-border-inline-end": "awsui_in-range-border-inline-end_1mfbn_1t3vs_285",
+  "in-range-border-block-end": "awsui_in-range-border-block-end_1mfbn_1t3vs_288",
+  "in-range-border-inline-start": "awsui_in-range-border-inline-start_1mfbn_1t3vs_291",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_1mfbn_1t3vs_307"
 };
   

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

@@ -8,10 +8,11 @@ export interface DateRangePickerCalendarProps extends BaseComponentProps {
     locale?: string;
     startOfWeek?: number;
     isDateEnabled?: (date: Date) => boolean;
+    dateDisabledReason?: (date: Date) => string;
     i18nStrings?: RangeCalendarI18nStrings;
     dateOnly?: boolean;
     timeInputFormat?: TimeInputProps.Format;
     customAbsoluteRangeControl: DateRangePickerProps.AbsoluteRangeControl | undefined;
 }
-export default function DateRangePickerCalendar({ value, setValue, locale, startOfWeek, isDateEnabled, i18nStrings, dateOnly, timeInputFormat, customAbsoluteRangeControl, }: DateRangePickerCalendarProps): JSX.Element;
+export default function DateRangePickerCalendar({ value, setValue, locale, startOfWeek, isDateEnabled, dateDisabledReason, i18nStrings, dateOnly, timeInputFormat, customAbsoluteRangeControl, }: DateRangePickerCalendarProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/date-range-picker/calendar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAG/E,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAa7D,MAAM,WAAW,4BAA6B,SAAQ,kBAAkB;IACtE,KAAK,EAAE,oBAAoB,CAAC,oBAAoB,CAAC;IACjD,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAC1F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IACxC,WAAW,CAAC,EAAE,wBAAwB,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC;IACxC,0BAA0B,EAAE,oBAAoB,CAAC,oBAAoB,GAAG,SAAS,CAAC;CACnF;AAED,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,KAAK,EACL,QAAQ,EACR,MAAW,EACX,WAAW,EACX,aAA0B,EAC1B,WAAW,EACX,QAAgB,EAChB,eAA4B,EAC5B,0BAA0B,GAC3B,EAAE,4BAA4B,eAiO9B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/date-range-picker/calendar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAG/E,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAa7D,MAAM,WAAW,4BAA6B,SAAQ,kBAAkB;IACtE,KAAK,EAAE,oBAAoB,CAAC,oBAAoB,CAAC;IACjD,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAC1F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IACxC,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IAC5C,WAAW,CAAC,EAAE,wBAAwB,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC;IACxC,0BAA0B,EAAE,oBAAoB,CAAC,oBAAoB,GAAG,SAAS,CAAC;CACnF;AAED,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,KAAK,EACL,QAAQ,EACR,MAAW,EACX,WAAW,EACX,aAA0B,EAC1B,kBAA6B,EAC7B,WAAW,EACX,QAAgB,EAChB,eAA4B,EAC5B,0BAA0B,GAC3B,EAAE,4BAA4B,eAkO9B"}

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

@@ -17,7 +17,7 @@ import { useMobile } from '../../internal/hooks/use-mobile/index.js';
 import RangeInputs from './range-inputs.js';
 import { findDateToFocus, findMonthToDisplay } from './utils';
 import { useInternalI18n } from '../../i18n/context.js';
-export default function DateRangePickerCalendar({ value, setValue, locale = '', startOfWeek, isDateEnabled = () => true, i18nStrings, dateOnly = false, timeInputFormat = 'hh:mm:ss', customAbsoluteRangeControl, }) {
+export default function DateRangePickerCalendar({ value, setValue, locale = '', startOfWeek, isDateEnabled = () => true, dateDisabledReason = () => '', i18nStrings, dateOnly = false, timeInputFormat = 'hh:mm:ss', customAbsoluteRangeControl, }) {
     const isSingleGrid = useMobile();
     const normalizedLocale = normalizeLocale('DateRangePicker', locale);
     const normalizedStartOfWeek = normalizeStartOfWeek(startOfWeek, normalizedLocale);
@@ -159,7 +159,7 @@ export default function DateRangePickerCalendar({ value, setValue, locale = '',
                         [styles['one-grid']]: isSingleGrid,
                     }) },
                     React.createElement(CalendarHeader, { baseDate: currentMonth, locale: normalizedLocale, onChangeMonth: onHeaderChangeMonthHandler, previousMonthLabel: i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.previousMonthAriaLabel, nextMonthLabel: i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.nextMonthAriaLabel, isSingleGrid: isSingleGrid, headingIdPrefix: headingIdPrefix }),
-                    React.createElement(Grids, { isSingleGrid: isSingleGrid, locale: normalizedLocale, baseDate: currentMonth, focusedDate: focusedDate, onFocusedDateChange: setFocusedDate, isDateEnabled: isDateEnabled, onSelectDate: onSelectDateHandler, onChangeMonth: setCurrentMonth, startOfWeek: normalizedStartOfWeek, todayAriaLabel: i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.todayAriaLabel, selectedStartDate: parseDate(value.start.date, true), selectedEndDate: parseDate(value.end.date, true), headingIdPrefix: headingIdPrefix })),
+                    React.createElement(Grids, { isSingleGrid: isSingleGrid, locale: normalizedLocale, baseDate: currentMonth, focusedDate: focusedDate, onFocusedDateChange: setFocusedDate, isDateEnabled: isDateEnabled, dateDisabledReason: dateDisabledReason, onSelectDate: onSelectDateHandler, onChangeMonth: setCurrentMonth, startOfWeek: normalizedStartOfWeek, todayAriaLabel: i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.todayAriaLabel, selectedStartDate: parseDate(value.start.date, true), selectedEndDate: parseDate(value.end.date, true), headingIdPrefix: headingIdPrefix })),
                 React.createElement(RangeInputs, { startDate: value.start.date, onChangeStartDate: onChangeStartDate, startTime: value.start.time, onChangeStartTime: value => setValue(oldValue => (Object.assign(Object.assign({}, oldValue), { start: Object.assign(Object.assign({}, oldValue.start), { time: value }) }))), endDate: value.end.date, onChangeEndDate: value => setValue(oldValue => (Object.assign(Object.assign({}, oldValue), { end: Object.assign(Object.assign({}, oldValue.end), { date: value }) }))), endTime: value.end.time, onChangeEndTime: value => setValue(oldValue => (Object.assign(Object.assign({}, oldValue), { end: Object.assign(Object.assign({}, oldValue.end), { time: value }) }))), i18nStrings: i18nStrings, dateOnly: dateOnly, timeInputFormat: timeInputFormat }),
                 customAbsoluteRangeControl && React.createElement("div", null, customAbsoluteRangeControl(value, interceptedSetValue)))),
         React.createElement(LiveRegion, { className: styles['calendar-aria-live'] }, announcement)));