@transferwise/components 46.156.0 → 46.157.0

package/build/Calendar/Calendar.mjs

@@ -1,4 +1,6 @@
-import { useEffect, useState, useCallback } from 'react';
+import { useId, useRef, useEffect, useState, useCallback } from 'react';
+import { useIntl } from 'react-intl';
+import { formatDate } from '@transferwise/formatting';
 import '../common/theme.mjs';
 import '../common/direction.mjs';
 import '@transferwise/neptune-tokens';
@@ -18,37 +20,66 @@ import '../common/PropsValues/variant.mjs';
 import '../common/PropsValues/scroll.mjs';
 import '../common/PropsValues/markdownNodeType.mjs';
 import '../common/fileType.mjs';
-import '@transferwise/formatting';
 import '@transferwise/icons';
 import 'clsx';
-import 'react-intl';
 import '../common/CloseButton/CloseButton.messages.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { moveToWithinRange } from '../common/DateUtils/moveToWithinRange/moveToWithinRange.mjs';
 import { isWithinRange } from '../common/DateUtils/isWithinRange/isWithinRange.mjs';
 import { returnDateView } from '../common/DateUtils/getDateView/getDateView.mjs';
+import { clampToDayViewBoundary } from './_helpers/clampToDayViewBoundary/clampToDayViewBoundary.mjs';
+import { isDateDisabled } from './_helpers/isDateDisabled/isDateDisabled.mjs';
+import { hasDisabledDatesInMonth } from './_helpers/hasDisabledDatesInMonth/hasDisabledDatesInMonth.mjs';
+import { LONG_DAY_FORMAT } from './Calendar.constants.mjs';
+import { InlinePrompt } from '../Prompt/InlinePrompt/InlinePrompt.mjs';
 import DayCalendar from './DayCalendar/DayCalendar.mjs';
 import { getStartOfDay } from './GetStartOfDay/GetStartOfDay.mjs';
+import messages from './Calendar.messages.mjs';
 import MonthCalendar from './MonthCalendar/MonthCalendar.mjs';
 import YearCalendar from './YearCalendar/YearCalendar.mjs';
 
+/**
+ * Inline calendar for selecting a single date. Powers [DateLookup](?path=/docs/forms-datelookup--docs).
+ */
 const Calendar = ({
   value,
   min: minProp = null,
   max: maxProp = null,
   monthFormat = MonthFormat.LONG,
   placeholder,
-  onChange,
-  onSelect
+  disabledRules,
+  onDateFocus,
+  onChange
 }) => {
+  const intl = useIntl();
   const selectedDate = getStartOfDay(value);
   const min = getStartOfDay(minProp);
   const max = getStartOfDay(maxProp);
+  const disabledReasonId = useId();
+  const disabledRulesRef = useRef(disabledRules);
+  useEffect(() => {
+    disabledRulesRef.current = disabledRules;
+  });
+  const [hasInteracted, setHasInteracted] = useState(false);
+  const [focusedDate, setFocusedDate] = useState(selectedDate);
+  useEffect(() => {
+    // eslint-disable-next-line react-hooks/set-state-in-effect
+    setFocusedDate(selectedDate);
+  }, [selectedDate?.getTime()]); // eslint-disable-line react-hooks/exhaustive-deps
+  const checkIsEnabled = date => {
+    if (!date) return true;
+    return isWithinRange(date, min, max) && !isDateDisabled(date, disabledRulesRef.current);
+  };
+  const focusedDateDisabled = focusedDate ? !isWithinRange(focusedDate, min, max) || isDateDisabled(focusedDate, disabledRules) : false;
   useEffect(() => {
     if (selectedDate && !isWithinRange(selectedDate, min, max)) {
-      onChange(moveToWithinRange(selectedDate, min, max));
+      const clamped = moveToWithinRange(selectedDate, min, max);
+      setFocusedDate(clamped); // eslint-disable-line react-hooks/set-state-in-effect
+      onDateFocus?.(clamped, {
+        isEnabled: checkIsEnabled(clamped)
+      });
     }
-  }, [selectedDate?.getTime(), min?.getTime(), max?.getTime(), onChange]); // eslint-disable-line react-hooks/exhaustive-deps
+  }, [selectedDate?.getTime(), min?.getTime(), max?.getTime(), onDateFocus]); // eslint-disable-line react-hooks/exhaustive-deps
   const dateView = returnDateView(selectedDate, min, max);
   const [viewMonth, setViewMonth] = useState(dateView.getMonth());
   const [viewYear, setViewYear] = useState(dateView.getFullYear());
@@ -59,6 +90,13 @@ const Calendar = ({
     setViewMonth(view.getMonth());
     setViewYear(view.getFullYear());
   }, [selectedDate?.getTime(), min?.getTime(), max?.getTime()]); // eslint-disable-line react-hooks/exhaustive-deps
+  useEffect(() => {
+    if (focusedDate) {
+      // eslint-disable-next-line react-hooks/set-state-in-effect
+      setViewMonth(focusedDate.getMonth());
+      setViewYear(focusedDate.getFullYear());
+    }
+  }, [focusedDate?.getTime()]); // eslint-disable-line react-hooks/exhaustive-deps
   const handleViewDateUpdate = useCallback(
   // eslint-disable-next-line react-hooks/preserve-manual-memoization
   ({
@@ -67,29 +105,56 @@ const Calendar = ({
   }) => {
     if (month !== undefined) setViewMonth(month);
     if (year !== undefined) setViewYear(year);
+    setHasInteracted(false);
   }, []);
   const switchToDays = useCallback(() => setMode('day'), []);
   const switchToMonths = useCallback(() => setMode('month'), []);
   const switchToYears = useCallback(() => setMode('year'), []);
   const handleSelectedDateUpdate = useCallback(date => {
-    if (onSelect) {
-      onSelect(date);
-    } else {
+    if (!hasInteracted) setHasInteracted(true);
+    const isEnabled = checkIsEnabled(date);
+    setFocusedDate(date);
+    onDateFocus?.(date, {
+      isEnabled
+    });
+    if (isEnabled && onChange) {
       onChange(date);
     }
-  }, [onChange, onSelect]);
+  }, [onDateFocus, onChange]);
   const adjustDate = useCallback((daysToAdd, monthsToAdd, yearsToAdd) => {
+    const base = focusedDate ?? selectedDate;
     let date;
-    if (selectedDate) {
-      date = new Date(mode === 'year' ? selectedDate.getFullYear() + yearsToAdd : selectedDate.getFullYear(), mode === 'month' ? selectedDate.getMonth() + monthsToAdd : selectedDate.getMonth(), mode === 'day' ? selectedDate.getDate() + daysToAdd : selectedDate.getDate());
+    if (base) {
+      date = new Date(mode === 'year' ? base.getFullYear() + yearsToAdd : base.getFullYear(), mode === 'month' ? base.getMonth() + monthsToAdd : base.getMonth(), mode === 'day' ? base.getDate() + daysToAdd : base.getDate());
     } else {
       date = getStartOfDay(new Date());
     }
-    date &&= moveToWithinRange(date, min, max);
-    if (date?.getTime() !== selectedDate?.getTime()) {
-      onChange(date);
+    date &&= mode !== 'day' ? moveToWithinRange(date, min, max) : clampToDayViewBoundary(date, min, max);
+    if (date?.getTime() !== focusedDate?.getTime()) {
+      const monthChanged = date ? date.getMonth() !== focusedDate?.getMonth() || date.getFullYear() !== focusedDate?.getFullYear() : false;
+      setFocusedDate(date);
+      if (date) {
+        setViewMonth(date.getMonth());
+        setViewYear(date.getFullYear());
+      }
+      if (monthChanged) {
+        setHasInteracted(false);
+      } else if (!hasInteracted) {
+        setHasInteracted(true);
+      }
+      onDateFocus?.(date, {
+        isEnabled: checkIsEnabled(date)
+      });
     }
-  }, [selectedDate, min, max, mode, onChange]);
+  }, [focusedDate, selectedDate, min, max, mode, onDateFocus]);
+  const handleDayFocus = useCallback(date => {
+    if (date.getTime() !== focusedDate?.getTime()) {
+      setFocusedDate(date);
+      onDateFocus?.(date, {
+        isEnabled: checkIsEnabled(date)
+      });
+    }
+  }, [focusedDate, onDateFocus]);
   const handleKeyDown = useCallback(event => {
     switch (event.key) {
       case 'ArrowLeft':
@@ -108,8 +173,34 @@ const Calendar = ({
         adjustDate(7, 4, 4);
         event.preventDefault();
         break;
+      case 'Enter':
+      case ' ':
+        if (mode === 'day' && focusedDate && event.target.hasAttribute('data-calendar-cell')) {
+          handleSelectedDateUpdate(focusedDate);
+          event.preventDefault();
+        }
+        break;
     }
-  }, [adjustDate]);
+  }, [adjustDate, focusedDate, mode, handleSelectedDateUpdate]);
+  const focusedDateOutOfRange = focusedDate ? !isWithinRange(focusedDate, min, max) : false;
+  const formatDateForPrompt = date => formatDate(date, intl.locale, LONG_DAY_FORMAT);
+  const outOfRangePromptText = min && max ? intl.formatMessage(messages.outOfRangeBetween, {
+    min: formatDateForPrompt(min),
+    max: formatDateForPrompt(max)
+  }) : min ? intl.formatMessage(messages.outOfRangeAfter, {
+    min: formatDateForPrompt(min)
+  }) : max ? intl.formatMessage(messages.outOfRangeBefore, {
+    max: formatDateForPrompt(max)
+  }) : '';
+  const hasOutOfRangeDates = mode === 'day' && !!(min || max);
+  const showRulesPrompt = mode === 'day' && !!disabledRules && hasDisabledDatesInMonth(viewMonth, viewYear, disabledRules, min, max);
+  const showOutOfRangePrompt = mode === 'day' && focusedDateOutOfRange;
+  const showPrompt = hasOutOfRangeDates || showRulesPrompt;
+  const promptText = showOutOfRangePrompt ? outOfRangePromptText : disabledRules?.reason ?? outOfRangePromptText;
+  const promptSentiment = showOutOfRangePrompt || focusedDateDisabled ? 'negative' : 'neutral';
+  // Visible when there's an actionable message; sr-only when only hasOutOfRangeDates is true
+  // (prompt exists for aria-describedby but no visual cue needed until an out-of-range date is focused)
+  const promptClassName = showOutOfRangePrompt || showRulesPrompt ? 'm-t-1' : 'sr-only';
   return (
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
@@ -117,16 +208,22 @@ const Calendar = ({
       onKeyDown: handleKeyDown,
       children: [mode === 'day' && /*#__PURE__*/jsx(DayCalendar, {
         selectedDate: selectedDate,
+        focusedDate: focusedDate,
         min: min,
         max: max,
         viewMonth: viewMonth,
         viewYear: viewYear,
         monthFormat: monthFormat,
+        disabledRules: disabledRules,
+        disabledReasonId: showPrompt ? disabledReasonId : undefined,
+        announceReasonOnFocus: !hasInteracted,
         onSelect: handleSelectedDateUpdate,
+        onDayFocus: handleDayFocus,
         onLabelClick: switchToYears,
         onViewDateUpdate: handleViewDateUpdate
       }), mode === 'month' && /*#__PURE__*/jsx(MonthCalendar, {
         selectedDate: selectedDate,
+        focusedDate: focusedDate,
         min: min,
         max: max,
         viewYear: viewYear,
@@ -138,6 +235,7 @@ const Calendar = ({
         onViewDateUpdate: handleViewDateUpdate
       }), mode === 'year' && /*#__PURE__*/jsx(YearCalendar, {
         selectedDate: selectedDate,
+        focusedDate: focusedDate,
         min: min,
         max: max,
         viewYear: viewYear,
@@ -146,6 +244,12 @@ const Calendar = ({
         }),
         onSelect: switchToMonths,
         onViewDateUpdate: handleViewDateUpdate
+      }), showPrompt && /*#__PURE__*/jsx(InlinePrompt, {
+        sentiment: promptSentiment,
+        width: "full",
+        id: disabledReasonId,
+        className: promptClassName,
+        children: promptText
       })]
     })
   );

package/build/Calendar/Calendar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.mjs","sources":["../../src/Calendar/Calendar.tsx"],"sourcesContent":["import { useState, useCallback, useEffect, KeyboardEvent } from 'react';\n\nimport { MonthFormat } from '../common';\nimport { isWithinRange, moveToWithinRange, returnDateView } from '../common/DateUtils';\nimport DayCalendar from './DayCalendar';\nimport { getStartOfDay } from './GetStartOfDay';\nimport MonthCalendar from './MonthCalendar';\nimport YearCalendar from './YearCalendar';\n\nexport interface CalendarProps {\n  value: Date | null;\n  min?: Date | null;\n  max?: Date | null;\n  monthFormat?: `${MonthFormat}`;\n  placeholder?: string;\n  onChange: (date: Date | null) => void;\n  onSelect?: (date: Date) => void;\n}\n\nconst Calendar = ({\n  value,\n  min: minProp = null,\n  max: maxProp = null,\n  monthFormat = MonthFormat.LONG,\n  placeholder,\n  onChange,\n  onSelect,\n}: CalendarProps) => {\n  const selectedDate = getStartOfDay(value);\n  const min = getStartOfDay(minProp);\n  const max = getStartOfDay(maxProp);\n\n  useEffect(() => {\n    if (selectedDate && !isWithinRange(selectedDate, min, max)) {\n      onChange(moveToWithinRange(selectedDate, min, max));\n    }\n  }, [selectedDate?.getTime(), min?.getTime(), max?.getTime(), onChange]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const dateView = returnDateView(selectedDate, min, max);\n  const [viewMonth, setViewMonth] = useState(dateView.getMonth());\n  const [viewYear, setViewYear] = useState(dateView.getFullYear());\n  const [mode, setMode] = useState<'day' | 'month' | 'year'>('day');\n\n  useEffect(() => {\n    const view = returnDateView(selectedDate, min, max);\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setViewMonth(view.getMonth());\n\n    setViewYear(view.getFullYear());\n  }, [selectedDate?.getTime(), min?.getTime(), max?.getTime()]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const handleViewDateUpdate = useCallback(\n    // eslint-disable-next-line react-hooks/preserve-manual-memoization\n    ({ month, year }: { month?: number; year?: number }) => {\n      if (month !== undefined) setViewMonth(month);\n      if (year !== undefined) setViewYear(year);\n    },\n    [],\n  );\n\n  const switchToDays = useCallback(() => setMode('day'), []);\n  const switchToMonths = useCallback(() => setMode('month'), []);\n  const switchToYears = useCallback(() => setMode('year'), []);\n\n  const handleSelectedDateUpdate = useCallback(\n    (date: Date) => {\n      if (onSelect) {\n        onSelect(date);\n      } else {\n        onChange(date);\n      }\n    },\n    [onChange, onSelect],\n  );\n\n  const adjustDate = useCallback(\n    (daysToAdd: number, monthsToAdd: number, yearsToAdd: number) => {\n      let date: Date | null;\n      if (selectedDate) {\n        date = new Date(\n          mode === 'year' ? selectedDate.getFullYear() + yearsToAdd : selectedDate.getFullYear(),\n          mode === 'month' ? selectedDate.getMonth() + monthsToAdd : selectedDate.getMonth(),\n          mode === 'day' ? selectedDate.getDate() + daysToAdd : selectedDate.getDate(),\n        );\n      } else {\n        date = getStartOfDay(new Date());\n      }\n      date &&= moveToWithinRange(date, min, max);\n      if (date?.getTime() !== selectedDate?.getTime()) {\n        onChange(date);\n      }\n    },\n    [selectedDate, min, max, mode, onChange],\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      switch (event.key) {\n        case 'ArrowLeft':\n          adjustDate(-1, -1, -1);\n          event.preventDefault();\n          break;\n        case 'ArrowUp':\n          adjustDate(-7, -4, -4);\n          event.preventDefault();\n          break;\n        case 'ArrowRight':\n          adjustDate(1, 1, 1);\n          event.preventDefault();\n          break;\n        case 'ArrowDown':\n          adjustDate(7, 4, 4);\n          event.preventDefault();\n          break;\n        default:\n          break;\n      }\n    },\n    [adjustDate],\n  );\n\n  return (\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n    <div onKeyDown={handleKeyDown}>\n      {mode === 'day' && (\n        <DayCalendar\n          selectedDate={selectedDate}\n          min={min}\n          max={max}\n          viewMonth={viewMonth}\n          viewYear={viewYear}\n          monthFormat={monthFormat}\n          onSelect={handleSelectedDateUpdate}\n          onLabelClick={switchToYears}\n          onViewDateUpdate={handleViewDateUpdate}\n        />\n      )}\n      {mode === 'month' && (\n        <MonthCalendar\n          selectedDate={selectedDate}\n          min={min}\n          max={max}\n          viewYear={viewYear}\n          {...(placeholder != null && { placeholder })}\n          onSelect={switchToDays}\n          onLabelClick={switchToYears}\n          onViewDateUpdate={handleViewDateUpdate}\n        />\n      )}\n      {mode === 'year' && (\n        <YearCalendar\n          selectedDate={selectedDate}\n          min={min}\n          max={max}\n          viewYear={viewYear}\n          {...(placeholder != null && { placeholder })}\n          onSelect={switchToMonths}\n          onViewDateUpdate={handleViewDateUpdate}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default Calendar;\n"],"names":["Calendar","value","min","minProp","max","maxProp","monthFormat","MonthFormat","LONG","placeholder","onChange","onSelect","selectedDate","getStartOfDay","useEffect","isWithinRange","moveToWithinRange","getTime","dateView","returnDateView","viewMonth","setViewMonth","useState","getMonth","viewYear","setViewYear","getFullYear","mode","setMode","view","handleViewDateUpdate","useCallback","month","year","undefined","switchToDays","switchToMonths","switchToYears","handleSelectedDateUpdate","date","adjustDate","daysToAdd","monthsToAdd","yearsToAdd","Date","getDate","handleKeyDown","event","key","preventDefault","_jsxs","onKeyDown","children","_jsx","DayCalendar","onLabelClick","onViewDateUpdate","MonthCalendar","YearCalendar"],"mappings":"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"}
+{"version":3,"file":"Calendar.mjs","sources":["../../src/Calendar/Calendar.tsx"],"sourcesContent":["import { useState, useCallback, useEffect, useId, useRef, KeyboardEvent } from 'react';\nimport { useIntl } from 'react-intl';\nimport { formatDate } from '@transferwise/formatting';\n\nimport { MonthFormat } from '../common';\nimport { isWithinRange, moveToWithinRange, returnDateView } from '../common/DateUtils';\nimport { clampToDayViewBoundary, isDateDisabled, hasDisabledDatesInMonth } from './_helpers';\nimport { LONG_DAY_FORMAT } from './Calendar.constants';\nimport { InlinePrompt } from '../Prompt/InlinePrompt';\nimport type { DateChangeMeta, DisabledRules } from './Calendar.types';\nimport DayCalendar from './DayCalendar';\nimport { getStartOfDay } from './GetStartOfDay';\nimport messages from './Calendar.messages';\nimport MonthCalendar from './MonthCalendar';\nimport YearCalendar from './YearCalendar';\n\nexport interface CalendarProps {\n  /** The currently selected date, or `null` for no selection. */\n  value: Date | null;\n  /** Earliest selectable date (inclusive). Dates before this are interactive but not selectable, and show a boundary prompt. */\n  min?: Date | null;\n  /** Latest selectable date (inclusive). Dates after this are interactive but not selectable, and show a boundary prompt. */\n  max?: Date | null;\n  /** Month name format in the header. Defaults to `'long'` (e.g. \"January\"). */\n  monthFormat?: `${MonthFormat}`;\n  /** Placeholder text shown in the month/year cells when no date is selected. */\n  placeholder?: string;\n  /** Rules for disabling specific weekdays, individual dates, or date ranges. The required `reason` is shown in an inline prompt and linked to disabled cells via `aria-describedby` for screen reader accessibility. */\n  disabledRules?: DisabledRules;\n  /** Called whenever the focused date changes — including disabled and out-of-range dates. `meta.isEnabled` is `false` when the date is not selectable. */\n  onDateFocus?: (date: Date | null, meta: DateChangeMeta) => void;\n  /** Called when a date is confirmed (click or Enter). Only fires for enabled dates. */\n  onChange?: (date: Date | null) => void;\n}\n\n/**\n * Temporary toggle — set `true` to restore strict min/max keyboard clamping.\n * @see https://transferwise.atlassian.net/browse/DS-8518\n */\nconst STRICT_KEYBOARD_CLAMPING = false;\n\n/**\n * Inline calendar for selecting a single date. Powers [DateLookup](?path=/docs/forms-datelookup--docs).\n */\nconst Calendar = ({\n  value,\n  min: minProp = null,\n  max: maxProp = null,\n  monthFormat = MonthFormat.LONG,\n  placeholder,\n  disabledRules,\n  onDateFocus,\n  onChange,\n}: CalendarProps) => {\n  const intl = useIntl();\n  const selectedDate = getStartOfDay(value);\n  const min = getStartOfDay(minProp);\n  const max = getStartOfDay(maxProp);\n  const disabledReasonId = useId();\n  const disabledRulesRef = useRef(disabledRules);\n  useEffect(() => {\n    disabledRulesRef.current = disabledRules;\n  });\n\n  const [hasInteracted, setHasInteracted] = useState(false);\n  const [focusedDate, setFocusedDate] = useState<Date | null>(selectedDate);\n\n  useEffect(() => {\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setFocusedDate(selectedDate);\n  }, [selectedDate?.getTime()]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const checkIsEnabled = (date: Date | null) => {\n    if (!date) return true;\n    return isWithinRange(date, min, max) && !isDateDisabled(date, disabledRulesRef.current);\n  };\n\n  const focusedDateDisabled = focusedDate\n    ? !isWithinRange(focusedDate, min, max) || isDateDisabled(focusedDate, disabledRules)\n    : false;\n\n  useEffect(() => {\n    if (selectedDate && !isWithinRange(selectedDate, min, max)) {\n      const clamped = moveToWithinRange(selectedDate, min, max);\n      setFocusedDate(clamped); // eslint-disable-line react-hooks/set-state-in-effect\n      onDateFocus?.(clamped, { isEnabled: checkIsEnabled(clamped) });\n    }\n  }, [selectedDate?.getTime(), min?.getTime(), max?.getTime(), onDateFocus]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const dateView = returnDateView(selectedDate, min, max);\n  const [viewMonth, setViewMonth] = useState(dateView.getMonth());\n  const [viewYear, setViewYear] = useState(dateView.getFullYear());\n  const [mode, setMode] = useState<'day' | 'month' | 'year'>('day');\n\n  useEffect(() => {\n    const view = returnDateView(selectedDate, min, max);\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setViewMonth(view.getMonth());\n\n    setViewYear(view.getFullYear());\n  }, [selectedDate?.getTime(), min?.getTime(), max?.getTime()]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    if (focusedDate) {\n      // eslint-disable-next-line react-hooks/set-state-in-effect\n      setViewMonth(focusedDate.getMonth());\n      setViewYear(focusedDate.getFullYear());\n    }\n  }, [focusedDate?.getTime()]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const handleViewDateUpdate = useCallback(\n    // eslint-disable-next-line react-hooks/preserve-manual-memoization\n    ({ month, year }: { month?: number; year?: number }) => {\n      if (month !== undefined) setViewMonth(month);\n      if (year !== undefined) setViewYear(year);\n      setHasInteracted(false);\n    },\n    [],\n  );\n\n  const switchToDays = useCallback(() => setMode('day'), []);\n  const switchToMonths = useCallback(() => setMode('month'), []);\n  const switchToYears = useCallback(() => setMode('year'), []);\n\n  const handleSelectedDateUpdate = useCallback(\n    (date: Date) => {\n      if (!hasInteracted) setHasInteracted(true);\n      const isEnabled = checkIsEnabled(date);\n      setFocusedDate(date);\n      onDateFocus?.(date, { isEnabled });\n      if (isEnabled && onChange) {\n        onChange(date);\n      }\n    },\n    [onDateFocus, onChange], // eslint-disable-line react-hooks/exhaustive-deps\n  );\n\n  const adjustDate = useCallback(\n    (daysToAdd: number, monthsToAdd: number, yearsToAdd: number) => {\n      const base = focusedDate ?? selectedDate;\n      let date: Date | null;\n      if (base) {\n        date = new Date(\n          mode === 'year' ? base.getFullYear() + yearsToAdd : base.getFullYear(),\n          mode === 'month' ? base.getMonth() + monthsToAdd : base.getMonth(),\n          mode === 'day' ? base.getDate() + daysToAdd : base.getDate(),\n        );\n      } else {\n        date = getStartOfDay(new Date());\n      }\n      date &&=\n        STRICT_KEYBOARD_CLAMPING || mode !== 'day'\n          ? moveToWithinRange(date, min, max)\n          : clampToDayViewBoundary(date, min, max);\n      if (date?.getTime() !== focusedDate?.getTime()) {\n        const monthChanged = date\n          ? date.getMonth() !== focusedDate?.getMonth() ||\n            date.getFullYear() !== focusedDate?.getFullYear()\n          : false;\n        setFocusedDate(date);\n        if (date) {\n          setViewMonth(date.getMonth());\n          setViewYear(date.getFullYear());\n        }\n        if (monthChanged) {\n          setHasInteracted(false);\n        } else if (!hasInteracted) {\n          setHasInteracted(true);\n        }\n        onDateFocus?.(date, { isEnabled: checkIsEnabled(date) });\n      }\n    },\n    [focusedDate, selectedDate, min, max, mode, onDateFocus], // eslint-disable-line react-hooks/exhaustive-deps\n  );\n\n  const handleDayFocus = useCallback(\n    (date: Date) => {\n      if (date.getTime() !== focusedDate?.getTime()) {\n        setFocusedDate(date);\n        onDateFocus?.(date, { isEnabled: checkIsEnabled(date) });\n      }\n    },\n    [focusedDate, onDateFocus], // eslint-disable-line react-hooks/exhaustive-deps\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      switch (event.key) {\n        case 'ArrowLeft':\n          adjustDate(-1, -1, -1);\n          event.preventDefault();\n          break;\n        case 'ArrowUp':\n          adjustDate(-7, -4, -4);\n          event.preventDefault();\n          break;\n        case 'ArrowRight':\n          adjustDate(1, 1, 1);\n          event.preventDefault();\n          break;\n        case 'ArrowDown':\n          adjustDate(7, 4, 4);\n          event.preventDefault();\n          break;\n        case 'Enter':\n        case ' ':\n          if (\n            mode === 'day' &&\n            focusedDate &&\n            (event.target as HTMLElement).hasAttribute('data-calendar-cell')\n          ) {\n            handleSelectedDateUpdate(focusedDate);\n            event.preventDefault();\n          }\n          break;\n        default:\n          break;\n      }\n    },\n    [adjustDate, focusedDate, mode, handleSelectedDateUpdate],\n  );\n\n  const focusedDateOutOfRange = focusedDate ? !isWithinRange(focusedDate, min, max) : false;\n\n  const formatDateForPrompt = (date: Date) => formatDate(date, intl.locale, LONG_DAY_FORMAT);\n\n  const outOfRangePromptText =\n    min && max\n      ? intl.formatMessage(messages.outOfRangeBetween, {\n          min: formatDateForPrompt(min),\n          max: formatDateForPrompt(max),\n        })\n      : min\n        ? intl.formatMessage(messages.outOfRangeAfter, { min: formatDateForPrompt(min) })\n        : max\n          ? intl.formatMessage(messages.outOfRangeBefore, { max: formatDateForPrompt(max) })\n          : '';\n\n  const hasOutOfRangeDates = mode === 'day' && !!(min || max);\n  const showRulesPrompt =\n    mode === 'day' &&\n    !!disabledRules &&\n    hasDisabledDatesInMonth(viewMonth, viewYear, disabledRules, min, max);\n  const showOutOfRangePrompt = mode === 'day' && focusedDateOutOfRange;\n  const showPrompt = hasOutOfRangeDates || showRulesPrompt;\n\n  const promptText = showOutOfRangePrompt\n    ? outOfRangePromptText\n    : (disabledRules?.reason ?? outOfRangePromptText);\n  const promptSentiment = showOutOfRangePrompt || focusedDateDisabled ? 'negative' : 'neutral';\n  // Visible when there's an actionable message; sr-only when only hasOutOfRangeDates is true\n  // (prompt exists for aria-describedby but no visual cue needed until an out-of-range date is focused)\n  const promptClassName = showOutOfRangePrompt || showRulesPrompt ? 'm-t-1' : 'sr-only';\n\n  return (\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n    <div onKeyDown={handleKeyDown}>\n      {mode === 'day' && (\n        <DayCalendar\n          selectedDate={selectedDate}\n          focusedDate={focusedDate}\n          min={min}\n          max={max}\n          viewMonth={viewMonth}\n          viewYear={viewYear}\n          monthFormat={monthFormat}\n          disabledRules={disabledRules}\n          disabledReasonId={showPrompt ? disabledReasonId : undefined}\n          announceReasonOnFocus={!hasInteracted}\n          onSelect={handleSelectedDateUpdate}\n          onDayFocus={handleDayFocus}\n          onLabelClick={switchToYears}\n          onViewDateUpdate={handleViewDateUpdate}\n        />\n      )}\n      {mode === 'month' && (\n        <MonthCalendar\n          selectedDate={selectedDate}\n          focusedDate={focusedDate}\n          min={min}\n          max={max}\n          viewYear={viewYear}\n          {...(placeholder != null && { placeholder })}\n          onSelect={switchToDays}\n          onLabelClick={switchToYears}\n          onViewDateUpdate={handleViewDateUpdate}\n        />\n      )}\n      {mode === 'year' && (\n        <YearCalendar\n          selectedDate={selectedDate}\n          focusedDate={focusedDate}\n          min={min}\n          max={max}\n          viewYear={viewYear}\n          {...(placeholder != null && { placeholder })}\n          onSelect={switchToMonths}\n          onViewDateUpdate={handleViewDateUpdate}\n        />\n      )}\n      {showPrompt && (\n        <InlinePrompt\n          sentiment={promptSentiment}\n          width=\"full\"\n          id={disabledReasonId}\n          className={promptClassName}\n        >\n          {promptText}\n        </InlinePrompt>\n      )}\n    </div>\n  );\n};\n\nexport default Calendar;\n"],"names":["Calendar","value","min","minProp","max","maxProp","monthFormat","MonthFormat","LONG","placeholder","disabledRules","onDateFocus","onChange","intl","useIntl","selectedDate","getStartOfDay","disabledReasonId","useId","disabledRulesRef","useRef","useEffect","current","hasInteracted","setHasInteracted","useState","focusedDate","setFocusedDate","getTime","checkIsEnabled","date","isWithinRange","isDateDisabled","focusedDateDisabled","clamped","moveToWithinRange","isEnabled","dateView","returnDateView","viewMonth","setViewMonth","getMonth","viewYear","setViewYear","getFullYear","mode","setMode","view","handleViewDateUpdate","useCallback","month","year","undefined","switchToDays","switchToMonths","switchToYears","handleSelectedDateUpdate","adjustDate","daysToAdd","monthsToAdd","yearsToAdd","base","Date","getDate","clampToDayViewBoundary","monthChanged","handleDayFocus","handleKeyDown","event","key","preventDefault","target","hasAttribute","focusedDateOutOfRange","formatDateForPrompt","formatDate","locale","LONG_DAY_FORMAT","outOfRangePromptText","formatMessage","messages","outOfRangeBetween","outOfRangeAfter","outOfRangeBefore","hasOutOfRangeDates","showRulesPrompt","hasDisabledDatesInMonth","showOutOfRangePrompt","showPrompt","promptText","reason","promptSentiment","promptClassName","_jsxs","onKeyDown","children","_jsx","DayCalendar","announceReasonOnFocus","onSelect","onDayFocus","onLabelClick","onViewDateUpdate","MonthCalendar","YearCalendar","InlinePrompt","sentiment","width","id","className"],"mappings":"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"}

package/build/Calendar/DateHeader/DateHeader.js

@@ -41,7 +41,9 @@ const DateHeader = ({
   onLabelClick,
   onPreviousClick,
   onNextClick,
-  dateMode
+  dateMode,
+  isPreviousDisabled,
+  isNextDisabled
 }) => {
   const intl = reactIntl.useIntl();
   const {
@@ -56,6 +58,7 @@ const DateHeader = ({
         priority: "minimal",
         className: "d-inline-flex",
         "aria-label": `${intl.formatMessage(Calendar_messages.default.previous)} ${dateMode}`,
+        disabled: isPreviousDisabled,
         onClick: onPreviousClick,
         children: /*#__PURE__*/jsxRuntime.jsx(icons.ChevronLeft, {
           className: "left-single-direction"
@@ -85,6 +88,7 @@ const DateHeader = ({
         className: "d-inline-flex",
         "aria-label": `${intl.formatMessage(Calendar_messages.default.next)} ${dateMode}`,
         priority: "minimal",
+        disabled: isNextDisabled,
         onClick: onNextClick,
         children: /*#__PURE__*/jsxRuntime.jsx(icons.ChevronRight, {
           className: "right-single-direction"

package/build/Calendar/DateHeader/DateHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateHeader.js","sources":["../../../src/Calendar/DateHeader/DateHeader.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useIntl } from 'react-intl';\n\nimport { Typography } from '../../common';\nimport { useLayout } from '../../common/hooks';\nimport Title from '../../Title';\nimport messages from '../Calendar.messages';\nimport Button from '../../Button/Button';\nimport { ChevronDown, ChevronLeft, ChevronRight } from '@transferwise/icons';\nimport IconButton from '../../IconButton';\n\ninterface DateHeaderProps {\n  label?: string;\n  onLabelClick?: () => void;\n  onPreviousClick: () => void;\n  onNextClick: () => void;\n  dateMode: string;\n}\n\nconst DateHeader: React.FC<DateHeaderProps> = ({\n  label,\n  onLabelClick,\n  onPreviousClick,\n  onNextClick,\n  dateMode,\n}) => {\n  const intl = useIntl();\n  const { isMobile } = useLayout();\n  return (\n    <div className={clsx('text-xs-center', !isMobile && ['clearfix', 'p-y-1'])}>\n      <div className=\"pull-left-single-direction\">\n        <IconButton\n          size={40}\n          priority=\"minimal\"\n          className=\"d-inline-flex\"\n          aria-label={`${intl.formatMessage(messages.previous)} ${dateMode}`}\n          onClick={onPreviousClick}\n        >\n          <ChevronLeft className=\"left-single-direction\" />\n        </IconButton>\n      </div>\n      {label && (\n        <Title type={Typography.TITLE_BODY} className=\"tw-date-lookup-header-current-container\">\n          <Button\n            v2\n            size=\"md\"\n            type=\"button\"\n            priority=\"tertiary\"\n            className=\"tw-date-lookup-header-current\"\n            aria-label={intl.formatMessage(messages.goTo20YearView)}\n            addonEnd={{ type: 'icon', value: <ChevronDown /> }}\n            onClick={onLabelClick}\n          >\n            {label}\n          </Button>\n        </Title>\n      )}\n      <div className=\"pull-right-single-direction\">\n        <IconButton\n          size={40}\n          className=\"d-inline-flex\"\n          aria-label={`${intl.formatMessage(messages.next)} ${dateMode}`}\n          priority=\"minimal\"\n          onClick={onNextClick}\n        >\n          <ChevronRight className=\"right-single-direction\" />\n        </IconButton>\n      </div>\n    </div>\n  );\n};\n\nexport default DateHeader;\n"],"names":["DateHeader","label","onLabelClick","onPreviousClick","onNextClick","dateMode","intl","useIntl","isMobile","useLayout","_jsxs","className","clsx","children","_jsx","IconButton","size","priority","formatMessage","messages","previous","onClick","ChevronLeft","Title","type","Typography","TITLE_BODY","Button","v2","goTo20YearView","addonEnd","value","ChevronDown","next","ChevronRight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAMA,UAAU,GAA8BA,CAAC;EAC7CC,KAAK;EACLC,YAAY;EACZC,eAAe;EACfC,WAAW;AACXC,EAAAA;AAAQ,CACT,KAAI;AACH,EAAA,MAAMC,IAAI,GAAGC,iBAAO,EAAE;EACtB,MAAM;AAAEC,IAAAA;GAAU,GAAGC,mBAAS,EAAE;AAChC,EAAA,oBACEC,eAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAEC,SAAI,CAAC,gBAAgB,EAAE,CAACJ,QAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAE;AAAAK,IAAAA,QAAA,gBACzEC,cAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,SAAS,EAAC,4BAA4B;MAAAE,QAAA,eACzCC,cAAA,CAACC,kBAAU,EAAA;AACTC,QAAAA,IAAI,EAAE,EAAG;AACTC,QAAAA,QAAQ,EAAC,SAAS;AAClBN,QAAAA,SAAS,EAAC,eAAe;QACzB,YAAA,EAAY,CAAA,EAAGL,IAAI,CAACY,aAAa,CAACC,yBAAQ,CAACC,QAAQ,CAAC,CAAA,CAAA,EAAIf,QAAQ,CAAA,CAAG;AACnEgB,QAAAA,OAAO,EAAElB,eAAgB;QAAAU,QAAA,eAEzBC,cAAA,CAACQ,iBAAW,EAAA;AAACX,UAAAA,SAAS,EAAC;SAAuB;OACpC;AACd,KAAK,CACL,EAACV,KAAK,iBACJa,cAAA,CAACS,aAAK,EAAA;MAACC,IAAI,EAAEC,qBAAU,CAACC,UAAW;AAACf,MAAAA,SAAS,EAAC,yCAAyC;MAAAE,QAAA,eACrFC,cAAA,CAACa,cAAM,EAAA;QACLC,EAAE,EAAA,IAAA;AACFZ,QAAAA,IAAI,EAAC,IAAI;AACTQ,QAAAA,IAAI,EAAC,QAAQ;AACbP,QAAAA,QAAQ,EAAC,UAAU;AACnBN,QAAAA,SAAS,EAAC,+BAA+B;AACzC,QAAA,YAAA,EAAYL,IAAI,CAACY,aAAa,CAACC,yBAAQ,CAACU,cAAc,CAAE;AACxDC,QAAAA,QAAQ,EAAE;AAAEN,UAAAA,IAAI,EAAE,MAAM;AAAEO,UAAAA,KAAK,eAAEjB,cAAA,CAACkB,iBAAW,EAAA,EAAA;SAAM;AACnDX,QAAAA,OAAO,EAAEnB,YAAa;AAAAW,QAAAA,QAAA,EAErBZ;OACK;KACH,CACR,eACDa,cAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,SAAS,EAAC,6BAA6B;MAAAE,QAAA,eAC1CC,cAAA,CAACC,kBAAU,EAAA;AACTC,QAAAA,IAAI,EAAE,EAAG;AACTL,QAAAA,SAAS,EAAC,eAAe;QACzB,YAAA,EAAY,CAAA,EAAGL,IAAI,CAACY,aAAa,CAACC,yBAAQ,CAACc,IAAI,CAAC,CAAA,CAAA,EAAI5B,QAAQ,CAAA,CAAG;AAC/DY,QAAAA,QAAQ,EAAC,SAAS;AAClBI,QAAAA,OAAO,EAAEjB,WAAY;QAAAS,QAAA,eAErBC,cAAA,CAACoB,kBAAY,EAAA;AAACvB,UAAAA,SAAS,EAAC;SAAwB;OACtC;AACd,KAAK,CACP;AAAA,GAAK,CAAC;AAEV;;;;"}
+{"version":3,"file":"DateHeader.js","sources":["../../../src/Calendar/DateHeader/DateHeader.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useIntl } from 'react-intl';\n\nimport { Typography } from '../../common';\nimport { useLayout } from '../../common/hooks';\nimport Title from '../../Title';\nimport messages from '../Calendar.messages';\nimport Button from '../../Button/Button';\nimport { ChevronDown, ChevronLeft, ChevronRight } from '@transferwise/icons';\nimport IconButton from '../../IconButton';\n\ninterface DateHeaderProps {\n  label?: string;\n  onLabelClick?: () => void;\n  onPreviousClick: () => void;\n  onNextClick: () => void;\n  dateMode: string;\n  isPreviousDisabled?: boolean;\n  isNextDisabled?: boolean;\n}\n\nconst DateHeader: React.FC<DateHeaderProps> = ({\n  label,\n  onLabelClick,\n  onPreviousClick,\n  onNextClick,\n  dateMode,\n  isPreviousDisabled,\n  isNextDisabled,\n}) => {\n  const intl = useIntl();\n  const { isMobile } = useLayout();\n  return (\n    <div className={clsx('text-xs-center', !isMobile && ['clearfix', 'p-y-1'])}>\n      <div className=\"pull-left-single-direction\">\n        <IconButton\n          size={40}\n          priority=\"minimal\"\n          className=\"d-inline-flex\"\n          aria-label={`${intl.formatMessage(messages.previous)} ${dateMode}`}\n          disabled={isPreviousDisabled}\n          onClick={onPreviousClick}\n        >\n          <ChevronLeft className=\"left-single-direction\" />\n        </IconButton>\n      </div>\n      {label && (\n        <Title type={Typography.TITLE_BODY} className=\"tw-date-lookup-header-current-container\">\n          <Button\n            v2\n            size=\"md\"\n            type=\"button\"\n            priority=\"tertiary\"\n            className=\"tw-date-lookup-header-current\"\n            aria-label={intl.formatMessage(messages.goTo20YearView)}\n            addonEnd={{ type: 'icon', value: <ChevronDown /> }}\n            onClick={onLabelClick}\n          >\n            {label}\n          </Button>\n        </Title>\n      )}\n      <div className=\"pull-right-single-direction\">\n        <IconButton\n          size={40}\n          className=\"d-inline-flex\"\n          aria-label={`${intl.formatMessage(messages.next)} ${dateMode}`}\n          priority=\"minimal\"\n          disabled={isNextDisabled}\n          onClick={onNextClick}\n        >\n          <ChevronRight className=\"right-single-direction\" />\n        </IconButton>\n      </div>\n    </div>\n  );\n};\n\nexport default DateHeader;\n"],"names":["DateHeader","label","onLabelClick","onPreviousClick","onNextClick","dateMode","isPreviousDisabled","isNextDisabled","intl","useIntl","isMobile","useLayout","_jsxs","className","clsx","children","_jsx","IconButton","size","priority","formatMessage","messages","previous","disabled","onClick","ChevronLeft","Title","type","Typography","TITLE_BODY","Button","v2","goTo20YearView","addonEnd","value","ChevronDown","next","ChevronRight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAMA,UAAU,GAA8BA,CAAC;EAC7CC,KAAK;EACLC,YAAY;EACZC,eAAe;EACfC,WAAW;EACXC,QAAQ;EACRC,kBAAkB;AAClBC,EAAAA;AAAc,CACf,KAAI;AACH,EAAA,MAAMC,IAAI,GAAGC,iBAAO,EAAE;EACtB,MAAM;AAAEC,IAAAA;GAAU,GAAGC,mBAAS,EAAE;AAChC,EAAA,oBACEC,eAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAEC,SAAI,CAAC,gBAAgB,EAAE,CAACJ,QAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAE;AAAAK,IAAAA,QAAA,gBACzEC,cAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,SAAS,EAAC,4BAA4B;MAAAE,QAAA,eACzCC,cAAA,CAACC,kBAAU,EAAA;AACTC,QAAAA,IAAI,EAAE,EAAG;AACTC,QAAAA,QAAQ,EAAC,SAAS;AAClBN,QAAAA,SAAS,EAAC,eAAe;QACzB,YAAA,EAAY,CAAA,EAAGL,IAAI,CAACY,aAAa,CAACC,yBAAQ,CAACC,QAAQ,CAAC,CAAA,CAAA,EAAIjB,QAAQ,CAAA,CAAG;AACnEkB,QAAAA,QAAQ,EAAEjB,kBAAmB;AAC7BkB,QAAAA,OAAO,EAAErB,eAAgB;QAAAY,QAAA,eAEzBC,cAAA,CAACS,iBAAW,EAAA;AAACZ,UAAAA,SAAS,EAAC;SAAuB;OACpC;AACd,KAAK,CACL,EAACZ,KAAK,iBACJe,cAAA,CAACU,aAAK,EAAA;MAACC,IAAI,EAAEC,qBAAU,CAACC,UAAW;AAAChB,MAAAA,SAAS,EAAC,yCAAyC;MAAAE,QAAA,eACrFC,cAAA,CAACc,cAAM,EAAA;QACLC,EAAE,EAAA,IAAA;AACFb,QAAAA,IAAI,EAAC,IAAI;AACTS,QAAAA,IAAI,EAAC,QAAQ;AACbR,QAAAA,QAAQ,EAAC,UAAU;AACnBN,QAAAA,SAAS,EAAC,+BAA+B;AACzC,QAAA,YAAA,EAAYL,IAAI,CAACY,aAAa,CAACC,yBAAQ,CAACW,cAAc,CAAE;AACxDC,QAAAA,QAAQ,EAAE;AAAEN,UAAAA,IAAI,EAAE,MAAM;AAAEO,UAAAA,KAAK,eAAElB,cAAA,CAACmB,iBAAW,EAAA,EAAA;SAAM;AACnDX,QAAAA,OAAO,EAAEtB,YAAa;AAAAa,QAAAA,QAAA,EAErBd;OACK;KACH,CACR,eACDe,cAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,SAAS,EAAC,6BAA6B;MAAAE,QAAA,eAC1CC,cAAA,CAACC,kBAAU,EAAA;AACTC,QAAAA,IAAI,EAAE,EAAG;AACTL,QAAAA,SAAS,EAAC,eAAe;QACzB,YAAA,EAAY,CAAA,EAAGL,IAAI,CAACY,aAAa,CAACC,yBAAQ,CAACe,IAAI,CAAC,CAAA,CAAA,EAAI/B,QAAQ,CAAA,CAAG;AAC/Dc,QAAAA,QAAQ,EAAC,SAAS;AAClBI,QAAAA,QAAQ,EAAEhB,cAAe;AACzBiB,QAAAA,OAAO,EAAEpB,WAAY;QAAAW,QAAA,eAErBC,cAAA,CAACqB,kBAAY,EAAA;AAACxB,UAAAA,SAAS,EAAC;SAAwB;OACtC;AACd,KAAK,CACP;AAAA,GAAK,CAAC;AAEV;;;;"}

package/build/Calendar/DateHeader/DateHeader.mjs

@@ -37,7 +37,9 @@ const DateHeader = ({
   onLabelClick,
   onPreviousClick,
   onNextClick,
-  dateMode
+  dateMode,
+  isPreviousDisabled,
+  isNextDisabled
 }) => {
   const intl = useIntl();
   const {
@@ -52,6 +54,7 @@ const DateHeader = ({
         priority: "minimal",
         className: "d-inline-flex",
         "aria-label": `${intl.formatMessage(messages.previous)} ${dateMode}`,
+        disabled: isPreviousDisabled,
         onClick: onPreviousClick,
         children: /*#__PURE__*/jsx(ChevronLeft, {
           className: "left-single-direction"
@@ -81,6 +84,7 @@ const DateHeader = ({
         className: "d-inline-flex",
         "aria-label": `${intl.formatMessage(messages.next)} ${dateMode}`,
         priority: "minimal",
+        disabled: isNextDisabled,
         onClick: onNextClick,
         children: /*#__PURE__*/jsx(ChevronRight, {
           className: "right-single-direction"

package/build/Calendar/DateHeader/DateHeader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DateHeader.mjs","sources":["../../../src/Calendar/DateHeader/DateHeader.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useIntl } from 'react-intl';\n\nimport { Typography } from '../../common';\nimport { useLayout } from '../../common/hooks';\nimport Title from '../../Title';\nimport messages from '../Calendar.messages';\nimport Button from '../../Button/Button';\nimport { ChevronDown, ChevronLeft, ChevronRight } from '@transferwise/icons';\nimport IconButton from '../../IconButton';\n\ninterface DateHeaderProps {\n  label?: string;\n  onLabelClick?: () => void;\n  onPreviousClick: () => void;\n  onNextClick: () => void;\n  dateMode: string;\n}\n\nconst DateHeader: React.FC<DateHeaderProps> = ({\n  label,\n  onLabelClick,\n  onPreviousClick,\n  onNextClick,\n  dateMode,\n}) => {\n  const intl = useIntl();\n  const { isMobile } = useLayout();\n  return (\n    <div className={clsx('text-xs-center', !isMobile && ['clearfix', 'p-y-1'])}>\n      <div className=\"pull-left-single-direction\">\n        <IconButton\n          size={40}\n          priority=\"minimal\"\n          className=\"d-inline-flex\"\n          aria-label={`${intl.formatMessage(messages.previous)} ${dateMode}`}\n          onClick={onPreviousClick}\n        >\n          <ChevronLeft className=\"left-single-direction\" />\n        </IconButton>\n      </div>\n      {label && (\n        <Title type={Typography.TITLE_BODY} className=\"tw-date-lookup-header-current-container\">\n          <Button\n            v2\n            size=\"md\"\n            type=\"button\"\n            priority=\"tertiary\"\n            className=\"tw-date-lookup-header-current\"\n            aria-label={intl.formatMessage(messages.goTo20YearView)}\n            addonEnd={{ type: 'icon', value: <ChevronDown /> }}\n            onClick={onLabelClick}\n          >\n            {label}\n          </Button>\n        </Title>\n      )}\n      <div className=\"pull-right-single-direction\">\n        <IconButton\n          size={40}\n          className=\"d-inline-flex\"\n          aria-label={`${intl.formatMessage(messages.next)} ${dateMode}`}\n          priority=\"minimal\"\n          onClick={onNextClick}\n        >\n          <ChevronRight className=\"right-single-direction\" />\n        </IconButton>\n      </div>\n    </div>\n  );\n};\n\nexport default DateHeader;\n"],"names":["DateHeader","label","onLabelClick","onPreviousClick","onNextClick","dateMode","intl","useIntl","isMobile","useLayout","_jsxs","className","clsx","children","_jsx","IconButton","size","priority","formatMessage","messages","previous","onClick","ChevronLeft","Title","type","Typography","TITLE_BODY","Button","v2","goTo20YearView","addonEnd","value","ChevronDown","next","ChevronRight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAMA,UAAU,GAA8BA,CAAC;EAC7CC,KAAK;EACLC,YAAY;EACZC,eAAe;EACfC,WAAW;AACXC,EAAAA;AAAQ,CACT,KAAI;AACH,EAAA,MAAMC,IAAI,GAAGC,OAAO,EAAE;EACtB,MAAM;AAAEC,IAAAA;GAAU,GAAGC,SAAS,EAAE;AAChC,EAAA,oBACEC,IAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAEC,IAAI,CAAC,gBAAgB,EAAE,CAACJ,QAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAE;AAAAK,IAAAA,QAAA,gBACzEC,GAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,SAAS,EAAC,4BAA4B;MAAAE,QAAA,eACzCC,GAAA,CAACC,UAAU,EAAA;AACTC,QAAAA,IAAI,EAAE,EAAG;AACTC,QAAAA,QAAQ,EAAC,SAAS;AAClBN,QAAAA,SAAS,EAAC,eAAe;QACzB,YAAA,EAAY,CAAA,EAAGL,IAAI,CAACY,aAAa,CAACC,QAAQ,CAACC,QAAQ,CAAC,CAAA,CAAA,EAAIf,QAAQ,CAAA,CAAG;AACnEgB,QAAAA,OAAO,EAAElB,eAAgB;QAAAU,QAAA,eAEzBC,GAAA,CAACQ,WAAW,EAAA;AAACX,UAAAA,SAAS,EAAC;SAAuB;OACpC;AACd,KAAK,CACL,EAACV,KAAK,iBACJa,GAAA,CAACS,KAAK,EAAA;MAACC,IAAI,EAAEC,UAAU,CAACC,UAAW;AAACf,MAAAA,SAAS,EAAC,yCAAyC;MAAAE,QAAA,eACrFC,GAAA,CAACa,MAAM,EAAA;QACLC,EAAE,EAAA,IAAA;AACFZ,QAAAA,IAAI,EAAC,IAAI;AACTQ,QAAAA,IAAI,EAAC,QAAQ;AACbP,QAAAA,QAAQ,EAAC,UAAU;AACnBN,QAAAA,SAAS,EAAC,+BAA+B;AACzC,QAAA,YAAA,EAAYL,IAAI,CAACY,aAAa,CAACC,QAAQ,CAACU,cAAc,CAAE;AACxDC,QAAAA,QAAQ,EAAE;AAAEN,UAAAA,IAAI,EAAE,MAAM;AAAEO,UAAAA,KAAK,eAAEjB,GAAA,CAACkB,WAAW,EAAA,EAAA;SAAM;AACnDX,QAAAA,OAAO,EAAEnB,YAAa;AAAAW,QAAAA,QAAA,EAErBZ;OACK;KACH,CACR,eACDa,GAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,SAAS,EAAC,6BAA6B;MAAAE,QAAA,eAC1CC,GAAA,CAACC,UAAU,EAAA;AACTC,QAAAA,IAAI,EAAE,EAAG;AACTL,QAAAA,SAAS,EAAC,eAAe;QACzB,YAAA,EAAY,CAAA,EAAGL,IAAI,CAACY,aAAa,CAACC,QAAQ,CAACc,IAAI,CAAC,CAAA,CAAA,EAAI5B,QAAQ,CAAA,CAAG;AAC/DY,QAAAA,QAAQ,EAAC,SAAS;AAClBI,QAAAA,OAAO,EAAEjB,WAAY;QAAAS,QAAA,eAErBC,GAAA,CAACoB,YAAY,EAAA;AAACvB,UAAAA,SAAS,EAAC;SAAwB;OACtC;AACd,KAAK,CACP;AAAA,GAAK,CAAC;AAEV;;;;"}
+{"version":3,"file":"DateHeader.mjs","sources":["../../../src/Calendar/DateHeader/DateHeader.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useIntl } from 'react-intl';\n\nimport { Typography } from '../../common';\nimport { useLayout } from '../../common/hooks';\nimport Title from '../../Title';\nimport messages from '../Calendar.messages';\nimport Button from '../../Button/Button';\nimport { ChevronDown, ChevronLeft, ChevronRight } from '@transferwise/icons';\nimport IconButton from '../../IconButton';\n\ninterface DateHeaderProps {\n  label?: string;\n  onLabelClick?: () => void;\n  onPreviousClick: () => void;\n  onNextClick: () => void;\n  dateMode: string;\n  isPreviousDisabled?: boolean;\n  isNextDisabled?: boolean;\n}\n\nconst DateHeader: React.FC<DateHeaderProps> = ({\n  label,\n  onLabelClick,\n  onPreviousClick,\n  onNextClick,\n  dateMode,\n  isPreviousDisabled,\n  isNextDisabled,\n}) => {\n  const intl = useIntl();\n  const { isMobile } = useLayout();\n  return (\n    <div className={clsx('text-xs-center', !isMobile && ['clearfix', 'p-y-1'])}>\n      <div className=\"pull-left-single-direction\">\n        <IconButton\n          size={40}\n          priority=\"minimal\"\n          className=\"d-inline-flex\"\n          aria-label={`${intl.formatMessage(messages.previous)} ${dateMode}`}\n          disabled={isPreviousDisabled}\n          onClick={onPreviousClick}\n        >\n          <ChevronLeft className=\"left-single-direction\" />\n        </IconButton>\n      </div>\n      {label && (\n        <Title type={Typography.TITLE_BODY} className=\"tw-date-lookup-header-current-container\">\n          <Button\n            v2\n            size=\"md\"\n            type=\"button\"\n            priority=\"tertiary\"\n            className=\"tw-date-lookup-header-current\"\n            aria-label={intl.formatMessage(messages.goTo20YearView)}\n            addonEnd={{ type: 'icon', value: <ChevronDown /> }}\n            onClick={onLabelClick}\n          >\n            {label}\n          </Button>\n        </Title>\n      )}\n      <div className=\"pull-right-single-direction\">\n        <IconButton\n          size={40}\n          className=\"d-inline-flex\"\n          aria-label={`${intl.formatMessage(messages.next)} ${dateMode}`}\n          priority=\"minimal\"\n          disabled={isNextDisabled}\n          onClick={onNextClick}\n        >\n          <ChevronRight className=\"right-single-direction\" />\n        </IconButton>\n      </div>\n    </div>\n  );\n};\n\nexport default DateHeader;\n"],"names":["DateHeader","label","onLabelClick","onPreviousClick","onNextClick","dateMode","isPreviousDisabled","isNextDisabled","intl","useIntl","isMobile","useLayout","_jsxs","className","clsx","children","_jsx","IconButton","size","priority","formatMessage","messages","previous","disabled","onClick","ChevronLeft","Title","type","Typography","TITLE_BODY","Button","v2","goTo20YearView","addonEnd","value","ChevronDown","next","ChevronRight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAMA,UAAU,GAA8BA,CAAC;EAC7CC,KAAK;EACLC,YAAY;EACZC,eAAe;EACfC,WAAW;EACXC,QAAQ;EACRC,kBAAkB;AAClBC,EAAAA;AAAc,CACf,KAAI;AACH,EAAA,MAAMC,IAAI,GAAGC,OAAO,EAAE;EACtB,MAAM;AAAEC,IAAAA;GAAU,GAAGC,SAAS,EAAE;AAChC,EAAA,oBACEC,IAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAEC,IAAI,CAAC,gBAAgB,EAAE,CAACJ,QAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAE;AAAAK,IAAAA,QAAA,gBACzEC,GAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,SAAS,EAAC,4BAA4B;MAAAE,QAAA,eACzCC,GAAA,CAACC,UAAU,EAAA;AACTC,QAAAA,IAAI,EAAE,EAAG;AACTC,QAAAA,QAAQ,EAAC,SAAS;AAClBN,QAAAA,SAAS,EAAC,eAAe;QACzB,YAAA,EAAY,CAAA,EAAGL,IAAI,CAACY,aAAa,CAACC,QAAQ,CAACC,QAAQ,CAAC,CAAA,CAAA,EAAIjB,QAAQ,CAAA,CAAG;AACnEkB,QAAAA,QAAQ,EAAEjB,kBAAmB;AAC7BkB,QAAAA,OAAO,EAAErB,eAAgB;QAAAY,QAAA,eAEzBC,GAAA,CAACS,WAAW,EAAA;AAACZ,UAAAA,SAAS,EAAC;SAAuB;OACpC;AACd,KAAK,CACL,EAACZ,KAAK,iBACJe,GAAA,CAACU,KAAK,EAAA;MAACC,IAAI,EAAEC,UAAU,CAACC,UAAW;AAAChB,MAAAA,SAAS,EAAC,yCAAyC;MAAAE,QAAA,eACrFC,GAAA,CAACc,MAAM,EAAA;QACLC,EAAE,EAAA,IAAA;AACFb,QAAAA,IAAI,EAAC,IAAI;AACTS,QAAAA,IAAI,EAAC,QAAQ;AACbR,QAAAA,QAAQ,EAAC,UAAU;AACnBN,QAAAA,SAAS,EAAC,+BAA+B;AACzC,QAAA,YAAA,EAAYL,IAAI,CAACY,aAAa,CAACC,QAAQ,CAACW,cAAc,CAAE;AACxDC,QAAAA,QAAQ,EAAE;AAAEN,UAAAA,IAAI,EAAE,MAAM;AAAEO,UAAAA,KAAK,eAAElB,GAAA,CAACmB,WAAW,EAAA,EAAA;SAAM;AACnDX,QAAAA,OAAO,EAAEtB,YAAa;AAAAa,QAAAA,QAAA,EAErBd;OACK;KACH,CACR,eACDe,GAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,SAAS,EAAC,6BAA6B;MAAAE,QAAA,eAC1CC,GAAA,CAACC,UAAU,EAAA;AACTC,QAAAA,IAAI,EAAE,EAAG;AACTL,QAAAA,SAAS,EAAC,eAAe;QACzB,YAAA,EAAY,CAAA,EAAGL,IAAI,CAACY,aAAa,CAACC,QAAQ,CAACe,IAAI,CAAC,CAAA,CAAA,EAAI/B,QAAQ,CAAA,CAAG;AAC/Dc,QAAAA,QAAQ,EAAC,SAAS;AAClBI,QAAAA,QAAQ,EAAEhB,cAAe;AACzBiB,QAAAA,OAAO,EAAEpB,WAAY;QAAAW,QAAA,eAErBC,GAAA,CAACqB,YAAY,EAAA;AAACxB,UAAAA,SAAS,EAAC;SAAwB;OACtC;AACd,KAAK,CACP;AAAA,GAAK,CAAC;AAEV;;;;"}

package/build/Calendar/DayCalendar/DayCalendar.js

@@ -34,6 +34,7 @@ let DayCalendar$1 = class DayCalendar extends React.PureComponent {
   render() {
     const {
       selectedDate,
+      focusedDate,
       min,
       max,
       viewMonth,
@@ -43,9 +44,19 @@ let DayCalendar$1 = class DayCalendar extends React.PureComponent {
         formatMessage
       },
       monthFormat,
+      disabledRules,
+      disabledReasonId,
+      announceReasonOnFocus,
       onLabelClick,
-      onSelect
+      onSelect,
+      onDayFocus
     } = this.props;
+    const prevMonth = viewMonth <= 0 ? 11 : viewMonth - 1;
+    const prevYear = viewMonth <= 0 ? viewYear - 1 : viewYear;
+    const nextMonth = viewMonth >= 11 ? 0 : viewMonth + 1;
+    const nextYear = viewMonth >= 11 ? viewYear + 1 : viewYear;
+    const isPreviousDisabled = !!(min && new Date(prevYear, prevMonth) < new Date(min.getFullYear(), min.getMonth()));
+    const isNextDisabled = !!(max && new Date(nextYear, nextMonth) > new Date(max.getFullYear(), max.getMonth()));
     return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [/*#__PURE__*/jsxRuntime.jsx(DateHeader.default, {
         label: formatting.formatDate(new Date(viewYear, viewMonth), locale, {
@@ -53,16 +64,23 @@ let DayCalendar$1 = class DayCalendar extends React.PureComponent {
           year: 'numeric'
         }),
         dateMode: formatMessage(Calendar_messages.default.month),
+        isPreviousDisabled: isPreviousDisabled,
+        isNextDisabled: isNextDisabled,
         onLabelClick: onLabelClick,
         onPreviousClick: this.selectPreviousMonth,
         onNextClick: this.selectNextMonth
       }), /*#__PURE__*/jsxRuntime.jsx(DayCalendarTable.default, {
         selectedDate,
+        focusedDate,
         min,
         max,
         viewMonth,
         viewYear,
-        onSelect
+        disabledRules,
+        disabledReasonId,
+        announceReasonOnFocus,
+        onSelect,
+        onDayFocus
       })]
     });
   }

package/build/Calendar/DayCalendar/DayCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"DayCalendar.js","sources":["../../../src/Calendar/DayCalendar/DayCalendar.tsx"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\nimport { PureComponent } from 'react';\n\nimport { MonthFormat } from '../../common';\nimport messages from '../Calendar.messages';\nimport DateHeader from '../DateHeader';\n\nimport DayCalendarTable from './Table';\nimport { injectIntl, type WrappedComponentProps } from '../../common/injectIntl';\n\ninterface DayCalendarProps extends WrappedComponentProps {\n  selectedDate: Date | null;\n  min: Date | null;\n  max: Date | null;\n  viewMonth: number;\n  viewYear: number;\n  monthFormat: `${MonthFormat}`;\n  onSelect: (date: Date) => void;\n  onLabelClick: () => void;\n  onViewDateUpdate: (date: { month: number; year: number }) => void;\n}\n\nclass DayCalendar extends PureComponent<DayCalendarProps> {\n  selectPreviousMonth = () => {\n    const { viewMonth, viewYear } = this.props;\n    this.props.onViewDateUpdate({\n      month: viewMonth <= 0 ? 11 : viewMonth - 1,\n      year: viewMonth <= 0 ? viewYear - 1 : viewYear,\n    });\n  };\n\n  selectNextMonth = () => {\n    const { viewMonth, viewYear } = this.props;\n    this.props.onViewDateUpdate({\n      month: viewMonth >= 11 ? 0 : viewMonth + 1,\n      year: viewMonth >= 11 ? viewYear + 1 : viewYear,\n    });\n  };\n\n  render() {\n    const {\n      selectedDate,\n      min,\n      max,\n      viewMonth,\n      viewYear,\n      intl: { locale, formatMessage },\n      monthFormat,\n      onLabelClick,\n      onSelect,\n    } = this.props;\n    return (\n      <>\n        <DateHeader\n          label={formatDate(new Date(viewYear, viewMonth), locale, {\n            month: monthFormat,\n            year: 'numeric',\n          })}\n          dateMode={formatMessage(messages.month)}\n          onLabelClick={onLabelClick}\n          onPreviousClick={this.selectPreviousMonth}\n          onNextClick={this.selectNextMonth}\n        />\n        <DayCalendarTable {...{ selectedDate, min, max, viewMonth, viewYear, onSelect }} />\n      </>\n    );\n  }\n}\n\nexport default injectIntl(DayCalendar);\n"],"names":["DayCalendar","PureComponent","selectPreviousMonth","viewMonth","viewYear","props","onViewDateUpdate","month","year","selectNextMonth","render","selectedDate","min","max","intl","locale","formatMessage","monthFormat","onLabelClick","onSelect","_jsxs","_Fragment","children","_jsx","DateHeader","label","formatDate","Date","dateMode","messages","onPreviousClick","onNextClick","DayCalendarTable","injectIntl"],"mappings":";;;;;;;;;;;;oBAsBA,MAAMA,WAAY,SAAQC,mBAA+B,CAAA;EACvDC,mBAAmB,GAAGA,MAAK;IACzB,MAAM;MAAEC,SAAS;AAAEC,MAAAA;KAAU,GAAG,IAAI,CAACC,KAAK;AAC1C,IAAA,IAAI,CAACA,KAAK,CAACC,gBAAgB,CAAC;MAC1BC,KAAK,EAAEJ,SAAS,IAAI,CAAC,GAAG,EAAE,GAAGA,SAAS,GAAG,CAAC;MAC1CK,IAAI,EAAEL,SAAS,IAAI,CAAC,GAAGC,QAAQ,GAAG,CAAC,GAAGA;AACvC,KAAA,CAAC;EACJ,CAAC;EAEDK,eAAe,GAAGA,MAAK;IACrB,MAAM;MAAEN,SAAS;AAAEC,MAAAA;KAAU,GAAG,IAAI,CAACC,KAAK;AAC1C,IAAA,IAAI,CAACA,KAAK,CAACC,gBAAgB,CAAC;MAC1BC,KAAK,EAAEJ,SAAS,IAAI,EAAE,GAAG,CAAC,GAAGA,SAAS,GAAG,CAAC;MAC1CK,IAAI,EAAEL,SAAS,IAAI,EAAE,GAAGC,QAAQ,GAAG,CAAC,GAAGA;AACxC,KAAA,CAAC;EACJ,CAAC;AAEDM,EAAAA,MAAMA,GAAA;IACJ,MAAM;MACJC,YAAY;MACZC,GAAG;MACHC,GAAG;MACHV,SAAS;MACTC,QAAQ;AACRU,MAAAA,IAAI,EAAE;QAAEC,MAAM;AAAEC,QAAAA;OAAe;MAC/BC,WAAW;MACXC,YAAY;AACZC,MAAAA;KACD,GAAG,IAAI,CAACd,KAAK;IACd,oBACEe,eAAA,CAAAC,mBAAA,EAAA;MAAAC,QAAA,EAAA,cACEC,cAAA,CAACC,kBAAU,EAAA;AACTC,QAAAA,KAAK,EAAEC,qBAAU,CAAC,IAAIC,IAAI,CAACvB,QAAQ,EAAED,SAAS,CAAC,EAAEY,MAAM,EAAE;AACvDR,UAAAA,KAAK,EAAEU,WAAW;AAClBT,UAAAA,IAAI,EAAE;AACP,SAAA,CAAE;AACHoB,QAAAA,QAAQ,EAAEZ,aAAa,CAACa,yBAAQ,CAACtB,KAAK,CAAE;AACxCW,QAAAA,YAAY,EAAEA,YAAa;QAC3BY,eAAe,EAAE,IAAI,CAAC5B,mBAAoB;QAC1C6B,WAAW,EAAE,IAAI,CAACtB;AAAgB,OAAA,CAEpC,eAAAc,cAAA,CAACS,wBAAgB,EAAA;QAAOrB,YAAY;QAAEC,GAAG;QAAEC,GAAG;QAAEV,SAAS;QAAEC,QAAQ;AAAEe,QAAAA;AAAQ,OAAG,CAClF;AAAA,KAAA,CAAG;AAEP,EAAA;AACD;AAED,kBAAec,qBAAU,CAACjC,aAAW,CAAC;;;;"}
+{"version":3,"file":"DayCalendar.js","sources":["../../../src/Calendar/DayCalendar/DayCalendar.tsx"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\nimport { PureComponent } from 'react';\n\nimport { MonthFormat } from '../../common';\nimport type { DisabledRules } from '../Calendar.types';\nimport messages from '../Calendar.messages';\nimport DateHeader from '../DateHeader';\n\nimport DayCalendarTable from './Table';\nimport { injectIntl, type WrappedComponentProps } from '../../common/injectIntl';\n\ninterface DayCalendarProps extends WrappedComponentProps {\n  selectedDate: Date | null;\n  focusedDate?: Date | null;\n  min: Date | null;\n  max: Date | null;\n  viewMonth: number;\n  viewYear: number;\n  monthFormat: `${MonthFormat}`;\n  disabledRules?: DisabledRules;\n  disabledReasonId?: string;\n  announceReasonOnFocus?: boolean;\n  onSelect: (date: Date) => void;\n  onDayFocus?: (date: Date) => void;\n  onLabelClick: () => void;\n  onViewDateUpdate: (date: { month: number; year: number }) => void;\n}\n\nclass DayCalendar extends PureComponent<DayCalendarProps> {\n  selectPreviousMonth = () => {\n    const { viewMonth, viewYear } = this.props;\n    this.props.onViewDateUpdate({\n      month: viewMonth <= 0 ? 11 : viewMonth - 1,\n      year: viewMonth <= 0 ? viewYear - 1 : viewYear,\n    });\n  };\n\n  selectNextMonth = () => {\n    const { viewMonth, viewYear } = this.props;\n    this.props.onViewDateUpdate({\n      month: viewMonth >= 11 ? 0 : viewMonth + 1,\n      year: viewMonth >= 11 ? viewYear + 1 : viewYear,\n    });\n  };\n\n  render() {\n    const {\n      selectedDate,\n      focusedDate,\n      min,\n      max,\n      viewMonth,\n      viewYear,\n      intl: { locale, formatMessage },\n      monthFormat,\n      disabledRules,\n      disabledReasonId,\n      announceReasonOnFocus,\n      onLabelClick,\n      onSelect,\n      onDayFocus,\n    } = this.props;\n    const prevMonth = viewMonth <= 0 ? 11 : viewMonth - 1;\n    const prevYear = viewMonth <= 0 ? viewYear - 1 : viewYear;\n    const nextMonth = viewMonth >= 11 ? 0 : viewMonth + 1;\n    const nextYear = viewMonth >= 11 ? viewYear + 1 : viewYear;\n    const isPreviousDisabled = !!(\n      min && new Date(prevYear, prevMonth) < new Date(min.getFullYear(), min.getMonth())\n    );\n    const isNextDisabled = !!(\n      max && new Date(nextYear, nextMonth) > new Date(max.getFullYear(), max.getMonth())\n    );\n\n    return (\n      <>\n        <DateHeader\n          label={formatDate(new Date(viewYear, viewMonth), locale, {\n            month: monthFormat,\n            year: 'numeric',\n          })}\n          dateMode={formatMessage(messages.month)}\n          isPreviousDisabled={isPreviousDisabled}\n          isNextDisabled={isNextDisabled}\n          onLabelClick={onLabelClick}\n          onPreviousClick={this.selectPreviousMonth}\n          onNextClick={this.selectNextMonth}\n        />\n        <DayCalendarTable\n          {...{\n            selectedDate,\n            focusedDate,\n            min,\n            max,\n            viewMonth,\n            viewYear,\n            disabledRules,\n            disabledReasonId,\n            announceReasonOnFocus,\n            onSelect,\n            onDayFocus,\n          }}\n        />\n      </>\n    );\n  }\n}\n\nexport default injectIntl(DayCalendar);\n"],"names":["DayCalendar","PureComponent","selectPreviousMonth","viewMonth","viewYear","props","onViewDateUpdate","month","year","selectNextMonth","render","selectedDate","focusedDate","min","max","intl","locale","formatMessage","monthFormat","disabledRules","disabledReasonId","announceReasonOnFocus","onLabelClick","onSelect","onDayFocus","prevMonth","prevYear","nextMonth","nextYear","isPreviousDisabled","Date","getFullYear","getMonth","isNextDisabled","_jsxs","_Fragment","children","_jsx","DateHeader","label","formatDate","dateMode","messages","onPreviousClick","onNextClick","DayCalendarTable","injectIntl"],"mappings":"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"}

package/build/Calendar/DayCalendar/DayCalendar.mjs

@@ -30,6 +30,7 @@ class DayCalendar extends PureComponent {
   render() {
     const {
       selectedDate,
+      focusedDate,
       min,
       max,
       viewMonth,
@@ -39,9 +40,19 @@ class DayCalendar extends PureComponent {
         formatMessage
       },
       monthFormat,
+      disabledRules,
+      disabledReasonId,
+      announceReasonOnFocus,
       onLabelClick,
-      onSelect
+      onSelect,
+      onDayFocus
     } = this.props;
+    const prevMonth = viewMonth <= 0 ? 11 : viewMonth - 1;
+    const prevYear = viewMonth <= 0 ? viewYear - 1 : viewYear;
+    const nextMonth = viewMonth >= 11 ? 0 : viewMonth + 1;
+    const nextYear = viewMonth >= 11 ? viewYear + 1 : viewYear;
+    const isPreviousDisabled = !!(min && new Date(prevYear, prevMonth) < new Date(min.getFullYear(), min.getMonth()));
+    const isNextDisabled = !!(max && new Date(nextYear, nextMonth) > new Date(max.getFullYear(), max.getMonth()));
     return /*#__PURE__*/jsxs(Fragment, {
       children: [/*#__PURE__*/jsx(DateHeader, {
         label: formatDate(new Date(viewYear, viewMonth), locale, {
@@ -49,16 +60,23 @@ class DayCalendar extends PureComponent {
           year: 'numeric'
         }),
         dateMode: formatMessage(messages.month),
+        isPreviousDisabled: isPreviousDisabled,
+        isNextDisabled: isNextDisabled,
         onLabelClick: onLabelClick,
         onPreviousClick: this.selectPreviousMonth,
         onNextClick: this.selectNextMonth
       }), /*#__PURE__*/jsx(DayCalendarTable, {
         selectedDate,
+        focusedDate,
         min,
         max,
         viewMonth,
         viewYear,
-        onSelect
+        disabledRules,
+        disabledReasonId,
+        announceReasonOnFocus,
+        onSelect,
+        onDayFocus
       })]
     });
   }

package/build/Calendar/DayCalendar/DayCalendar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DayCalendar.mjs","sources":["../../../src/Calendar/DayCalendar/DayCalendar.tsx"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\nimport { PureComponent } from 'react';\n\nimport { MonthFormat } from '../../common';\nimport messages from '../Calendar.messages';\nimport DateHeader from '../DateHeader';\n\nimport DayCalendarTable from './Table';\nimport { injectIntl, type WrappedComponentProps } from '../../common/injectIntl';\n\ninterface DayCalendarProps extends WrappedComponentProps {\n  selectedDate: Date | null;\n  min: Date | null;\n  max: Date | null;\n  viewMonth: number;\n  viewYear: number;\n  monthFormat: `${MonthFormat}`;\n  onSelect: (date: Date) => void;\n  onLabelClick: () => void;\n  onViewDateUpdate: (date: { month: number; year: number }) => void;\n}\n\nclass DayCalendar extends PureComponent<DayCalendarProps> {\n  selectPreviousMonth = () => {\n    const { viewMonth, viewYear } = this.props;\n    this.props.onViewDateUpdate({\n      month: viewMonth <= 0 ? 11 : viewMonth - 1,\n      year: viewMonth <= 0 ? viewYear - 1 : viewYear,\n    });\n  };\n\n  selectNextMonth = () => {\n    const { viewMonth, viewYear } = this.props;\n    this.props.onViewDateUpdate({\n      month: viewMonth >= 11 ? 0 : viewMonth + 1,\n      year: viewMonth >= 11 ? viewYear + 1 : viewYear,\n    });\n  };\n\n  render() {\n    const {\n      selectedDate,\n      min,\n      max,\n      viewMonth,\n      viewYear,\n      intl: { locale, formatMessage },\n      monthFormat,\n      onLabelClick,\n      onSelect,\n    } = this.props;\n    return (\n      <>\n        <DateHeader\n          label={formatDate(new Date(viewYear, viewMonth), locale, {\n            month: monthFormat,\n            year: 'numeric',\n          })}\n          dateMode={formatMessage(messages.month)}\n          onLabelClick={onLabelClick}\n          onPreviousClick={this.selectPreviousMonth}\n          onNextClick={this.selectNextMonth}\n        />\n        <DayCalendarTable {...{ selectedDate, min, max, viewMonth, viewYear, onSelect }} />\n      </>\n    );\n  }\n}\n\nexport default injectIntl(DayCalendar);\n"],"names":["DayCalendar","PureComponent","selectPreviousMonth","viewMonth","viewYear","props","onViewDateUpdate","month","year","selectNextMonth","render","selectedDate","min","max","intl","locale","formatMessage","monthFormat","onLabelClick","onSelect","_jsxs","_Fragment","children","_jsx","DateHeader","label","formatDate","Date","dateMode","messages","onPreviousClick","onNextClick","DayCalendarTable","injectIntl"],"mappings":";;;;;;;;AAsBA,MAAMA,WAAY,SAAQC,aAA+B,CAAA;EACvDC,mBAAmB,GAAGA,MAAK;IACzB,MAAM;MAAEC,SAAS;AAAEC,MAAAA;KAAU,GAAG,IAAI,CAACC,KAAK;AAC1C,IAAA,IAAI,CAACA,KAAK,CAACC,gBAAgB,CAAC;MAC1BC,KAAK,EAAEJ,SAAS,IAAI,CAAC,GAAG,EAAE,GAAGA,SAAS,GAAG,CAAC;MAC1CK,IAAI,EAAEL,SAAS,IAAI,CAAC,GAAGC,QAAQ,GAAG,CAAC,GAAGA;AACvC,KAAA,CAAC;EACJ,CAAC;EAEDK,eAAe,GAAGA,MAAK;IACrB,MAAM;MAAEN,SAAS;AAAEC,MAAAA;KAAU,GAAG,IAAI,CAACC,KAAK;AAC1C,IAAA,IAAI,CAACA,KAAK,CAACC,gBAAgB,CAAC;MAC1BC,KAAK,EAAEJ,SAAS,IAAI,EAAE,GAAG,CAAC,GAAGA,SAAS,GAAG,CAAC;MAC1CK,IAAI,EAAEL,SAAS,IAAI,EAAE,GAAGC,QAAQ,GAAG,CAAC,GAAGA;AACxC,KAAA,CAAC;EACJ,CAAC;AAEDM,EAAAA,MAAMA,GAAA;IACJ,MAAM;MACJC,YAAY;MACZC,GAAG;MACHC,GAAG;MACHV,SAAS;MACTC,QAAQ;AACRU,MAAAA,IAAI,EAAE;QAAEC,MAAM;AAAEC,QAAAA;OAAe;MAC/BC,WAAW;MACXC,YAAY;AACZC,MAAAA;KACD,GAAG,IAAI,CAACd,KAAK;IACd,oBACEe,IAAA,CAAAC,QAAA,EAAA;MAAAC,QAAA,EAAA,cACEC,GAAA,CAACC,UAAU,EAAA;AACTC,QAAAA,KAAK,EAAEC,UAAU,CAAC,IAAIC,IAAI,CAACvB,QAAQ,EAAED,SAAS,CAAC,EAAEY,MAAM,EAAE;AACvDR,UAAAA,KAAK,EAAEU,WAAW;AAClBT,UAAAA,IAAI,EAAE;AACP,SAAA,CAAE;AACHoB,QAAAA,QAAQ,EAAEZ,aAAa,CAACa,QAAQ,CAACtB,KAAK,CAAE;AACxCW,QAAAA,YAAY,EAAEA,YAAa;QAC3BY,eAAe,EAAE,IAAI,CAAC5B,mBAAoB;QAC1C6B,WAAW,EAAE,IAAI,CAACtB;AAAgB,OAAA,CAEpC,eAAAc,GAAA,CAACS,gBAAgB,EAAA;QAAOrB,YAAY;QAAEC,GAAG;QAAEC,GAAG;QAAEV,SAAS;QAAEC,QAAQ;AAAEe,QAAAA;AAAQ,OAAG,CAClF;AAAA,KAAA,CAAG;AAEP,EAAA;AACD;AAED,oBAAec,UAAU,CAACjC,WAAW,CAAC;;;;"}
+{"version":3,"file":"DayCalendar.mjs","sources":["../../../src/Calendar/DayCalendar/DayCalendar.tsx"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\nimport { PureComponent } from 'react';\n\nimport { MonthFormat } from '../../common';\nimport type { DisabledRules } from '../Calendar.types';\nimport messages from '../Calendar.messages';\nimport DateHeader from '../DateHeader';\n\nimport DayCalendarTable from './Table';\nimport { injectIntl, type WrappedComponentProps } from '../../common/injectIntl';\n\ninterface DayCalendarProps extends WrappedComponentProps {\n  selectedDate: Date | null;\n  focusedDate?: Date | null;\n  min: Date | null;\n  max: Date | null;\n  viewMonth: number;\n  viewYear: number;\n  monthFormat: `${MonthFormat}`;\n  disabledRules?: DisabledRules;\n  disabledReasonId?: string;\n  announceReasonOnFocus?: boolean;\n  onSelect: (date: Date) => void;\n  onDayFocus?: (date: Date) => void;\n  onLabelClick: () => void;\n  onViewDateUpdate: (date: { month: number; year: number }) => void;\n}\n\nclass DayCalendar extends PureComponent<DayCalendarProps> {\n  selectPreviousMonth = () => {\n    const { viewMonth, viewYear } = this.props;\n    this.props.onViewDateUpdate({\n      month: viewMonth <= 0 ? 11 : viewMonth - 1,\n      year: viewMonth <= 0 ? viewYear - 1 : viewYear,\n    });\n  };\n\n  selectNextMonth = () => {\n    const { viewMonth, viewYear } = this.props;\n    this.props.onViewDateUpdate({\n      month: viewMonth >= 11 ? 0 : viewMonth + 1,\n      year: viewMonth >= 11 ? viewYear + 1 : viewYear,\n    });\n  };\n\n  render() {\n    const {\n      selectedDate,\n      focusedDate,\n      min,\n      max,\n      viewMonth,\n      viewYear,\n      intl: { locale, formatMessage },\n      monthFormat,\n      disabledRules,\n      disabledReasonId,\n      announceReasonOnFocus,\n      onLabelClick,\n      onSelect,\n      onDayFocus,\n    } = this.props;\n    const prevMonth = viewMonth <= 0 ? 11 : viewMonth - 1;\n    const prevYear = viewMonth <= 0 ? viewYear - 1 : viewYear;\n    const nextMonth = viewMonth >= 11 ? 0 : viewMonth + 1;\n    const nextYear = viewMonth >= 11 ? viewYear + 1 : viewYear;\n    const isPreviousDisabled = !!(\n      min && new Date(prevYear, prevMonth) < new Date(min.getFullYear(), min.getMonth())\n    );\n    const isNextDisabled = !!(\n      max && new Date(nextYear, nextMonth) > new Date(max.getFullYear(), max.getMonth())\n    );\n\n    return (\n      <>\n        <DateHeader\n          label={formatDate(new Date(viewYear, viewMonth), locale, {\n            month: monthFormat,\n            year: 'numeric',\n          })}\n          dateMode={formatMessage(messages.month)}\n          isPreviousDisabled={isPreviousDisabled}\n          isNextDisabled={isNextDisabled}\n          onLabelClick={onLabelClick}\n          onPreviousClick={this.selectPreviousMonth}\n          onNextClick={this.selectNextMonth}\n        />\n        <DayCalendarTable\n          {...{\n            selectedDate,\n            focusedDate,\n            min,\n            max,\n            viewMonth,\n            viewYear,\n            disabledRules,\n            disabledReasonId,\n            announceReasonOnFocus,\n            onSelect,\n            onDayFocus,\n          }}\n        />\n      </>\n    );\n  }\n}\n\nexport default injectIntl(DayCalendar);\n"],"names":["DayCalendar","PureComponent","selectPreviousMonth","viewMonth","viewYear","props","onViewDateUpdate","month","year","selectNextMonth","render","selectedDate","focusedDate","min","max","intl","locale","formatMessage","monthFormat","disabledRules","disabledReasonId","announceReasonOnFocus","onLabelClick","onSelect","onDayFocus","prevMonth","prevYear","nextMonth","nextYear","isPreviousDisabled","Date","getFullYear","getMonth","isNextDisabled","_jsxs","_Fragment","children","_jsx","DateHeader","label","formatDate","dateMode","messages","onPreviousClick","onNextClick","DayCalendarTable","injectIntl"],"mappings":"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"}