@transferwise/components 0.0.0-experimental-bcea1dd → 0.0.0-experimental-1168b1c

package/build/Calendar/Calendar.js

@@ -31,6 +31,9 @@ var jsxRuntime = require('react/jsx-runtime');
 var moveToWithinRange = require('../common/DateUtils/moveToWithinRange/moveToWithinRange.js');
 var isWithinRange = require('../common/DateUtils/isWithinRange/isWithinRange.js');
 var getDateView = require('../common/DateUtils/getDateView/getDateView.js');
+var isDateDisabled = require('../common/DateUtils/isDateDisabled/isDateDisabled.js');
+var hasDisabledDatesInMonth = require('../common/DateUtils/hasDisabledDatesInMonth/hasDisabledDatesInMonth.js');
+var InlinePrompt = require('../Prompt/InlinePrompt/InlinePrompt.js');
 var DayCalendar = require('./DayCalendar/DayCalendar.js');
 var GetStartOfDay = require('./GetStartOfDay/GetStartOfDay.js');
 var MonthCalendar = require('./MonthCalendar/MonthCalendar.js');
@@ -42,15 +45,26 @@ const Calendar = ({
   max: maxProp = null,
   monthFormat: monthFormat$1 = monthFormat.MonthFormat.LONG,
   placeholder,
+  disabledRules,
   onChange,
   onSelect
 }) => {
   const selectedDate = GetStartOfDay.getStartOfDay(value);
   const min = GetStartOfDay.getStartOfDay(minProp);
   const max = GetStartOfDay.getStartOfDay(maxProp);
+  const disabledReasonId = React.useId();
+  const [focusedDateDisabled, setFocusedDateDisabled] = React.useState(false);
+  const disabledRulesRef = React.useRef(disabledRules);
+  React.useEffect(() => {
+    disabledRulesRef.current = disabledRules;
+  });
   React.useEffect(() => {
     if (selectedDate && !isWithinRange.isWithinRange(selectedDate, min, max)) {
-      onChange(moveToWithinRange.moveToWithinRange(selectedDate, min, max));
+      const clamped = moveToWithinRange.moveToWithinRange(selectedDate, min, max);
+      const isEnabled = !isDateDisabled.isDateDisabled(clamped, disabledRulesRef.current);
+      onChange(clamped, {
+        isEnabled
+      });
     }
   }, [selectedDate?.getTime(), min?.getTime(), max?.getTime(), onChange]); // eslint-disable-line react-hooks/exhaustive-deps
   const dateView = getDateView.returnDateView(selectedDate, min, max);
@@ -63,6 +77,12 @@ const Calendar = ({
     setViewMonth(view.getMonth());
     setViewYear(view.getFullYear());
   }, [selectedDate?.getTime(), min?.getTime(), max?.getTime()]); // eslint-disable-line react-hooks/exhaustive-deps
+  React.useEffect(() => {
+    if (selectedDate) {
+      const isEnabled = isWithinRange.isWithinRange(selectedDate, min, max) && !isDateDisabled.isDateDisabled(selectedDate, disabledRulesRef.current);
+      setFocusedDateDisabled(!isEnabled);
+    }
+  }, [selectedDate?.getTime(), min?.getTime(), max?.getTime(), disabledRules]); // eslint-disable-line react-hooks/exhaustive-deps
   const handleViewDateUpdate = React.useCallback(
   // eslint-disable-next-line react-hooks/preserve-manual-memoization
   ({
@@ -75,14 +95,21 @@ const Calendar = ({
   const switchToDays = React.useCallback(() => setMode('day'), []);
   const switchToMonths = React.useCallback(() => setMode('month'), []);
   const switchToYears = React.useCallback(() => setMode('year'), []);
-  const handleSelectedDateUpdate = React.useCallback(date => {
-    if (onSelect) {
+  const handleSelectedDateUpdate = React.useCallback(
+  // eslint-disable-next-line react-hooks/preserve-manual-memoization
+  date => {
+    const isEnabled = isWithinRange.isWithinRange(date, min, max) && !isDateDisabled.isDateDisabled(date, disabledRulesRef.current);
+    setFocusedDateDisabled(!isEnabled);
+    onChange(date, {
+      isEnabled
+    });
+    if (isEnabled && onSelect) {
       onSelect(date);
-    } else {
-      onChange(date);
     }
-  }, [onChange, onSelect]);
-  const adjustDate = React.useCallback((daysToAdd, monthsToAdd, yearsToAdd) => {
+  }, [min, max, onChange, onSelect]);
+  const adjustDate = React.useCallback(
+  // eslint-disable-next-line react-hooks/preserve-manual-memoization
+  (daysToAdd, monthsToAdd, yearsToAdd) => {
     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());
@@ -91,7 +118,11 @@ const Calendar = ({
     }
     date &&= moveToWithinRange.moveToWithinRange(date, min, max);
     if (date?.getTime() !== selectedDate?.getTime()) {
-      onChange(date);
+      const isEnabled = date ? isWithinRange.isWithinRange(date, min, max) && !isDateDisabled.isDateDisabled(date, disabledRulesRef.current) : true;
+      setFocusedDateDisabled(!isEnabled);
+      onChange(date, {
+        isEnabled
+      });
     }
   }, [selectedDate, min, max, mode, onChange]);
   const handleKeyDown = React.useCallback(event => {
@@ -114,6 +145,7 @@ const Calendar = ({
         break;
     }
   }, [adjustDate]);
+  const showPrompt = mode === 'day' && !!disabledRules?.reason && hasDisabledDatesInMonth.hasDisabledDatesInMonth(viewMonth, viewYear, disabledRules, min, max);
   return (
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
@@ -126,6 +158,8 @@ const Calendar = ({
         viewMonth: viewMonth,
         viewYear: viewYear,
         monthFormat: monthFormat$1,
+        disabledRules: disabledRules,
+        disabledReasonId: showPrompt ? disabledReasonId : undefined,
         onSelect: handleSelectedDateUpdate,
         onLabelClick: switchToYears,
         onViewDateUpdate: handleViewDateUpdate
@@ -150,6 +184,11 @@ const Calendar = ({
         }),
         onSelect: switchToMonths,
         onViewDateUpdate: handleViewDateUpdate
+      }), showPrompt && /*#__PURE__*/jsxRuntime.jsx(InlinePrompt.InlinePrompt, {
+        sentiment: focusedDateDisabled ? 'negative' : 'neutral',
+        width: "full",
+        id: disabledReasonId,
+        children: disabledRules.reason
       })]
     })
   );

package/build/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","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.js","sources":["../../src/Calendar/Calendar.tsx"],"sourcesContent":["import { useState, useCallback, useEffect, useId, useRef, KeyboardEvent } from 'react';\n\nimport { MonthFormat } from '../common';\nimport {\n  isWithinRange,\n  moveToWithinRange,\n  returnDateView,\n  isDateDisabled,\n  hasDisabledDatesInMonth,\n} from '../common/DateUtils';\nimport { InlinePrompt } from '../Prompt/InlinePrompt';\nimport type { DateChangeMeta, DisabledRules } from './Calendar.types';\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  disabledRules?: DisabledRules;\n  onChange: (date: Date | null, meta: DateChangeMeta) => 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  disabledRules,\n  onChange,\n  onSelect,\n}: CalendarProps) => {\n  const selectedDate = getStartOfDay(value);\n  const min = getStartOfDay(minProp);\n  const max = getStartOfDay(maxProp);\n  const disabledReasonId = useId();\n  const [focusedDateDisabled, setFocusedDateDisabled] = useState(false);\n  const disabledRulesRef = useRef(disabledRules);\n  useEffect(() => {\n    disabledRulesRef.current = disabledRules;\n  });\n\n  useEffect(() => {\n    if (selectedDate && !isWithinRange(selectedDate, min, max)) {\n      const clamped = moveToWithinRange(selectedDate, min, max);\n      const isEnabled = !isDateDisabled(clamped, disabledRulesRef.current);\n      onChange(clamped, { isEnabled });\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  useEffect(() => {\n    if (selectedDate) {\n      const isEnabled =\n        isWithinRange(selectedDate, min, max) &&\n        !isDateDisabled(selectedDate, disabledRulesRef.current);\n\n      setFocusedDateDisabled(!isEnabled);\n    }\n  }, [selectedDate?.getTime(), min?.getTime(), max?.getTime(), disabledRules]); // 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    // eslint-disable-next-line react-hooks/preserve-manual-memoization\n    (date: Date) => {\n      const isEnabled =\n        isWithinRange(date, min, max) && !isDateDisabled(date, disabledRulesRef.current);\n      setFocusedDateDisabled(!isEnabled);\n      onChange(date, { isEnabled });\n      if (isEnabled && onSelect) {\n        onSelect(date);\n      }\n    },\n    [min, max, onChange, onSelect],\n  );\n\n  const adjustDate = useCallback(\n    // eslint-disable-next-line react-hooks/preserve-manual-memoization\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        const isEnabled = date\n          ? isWithinRange(date, min, max) && !isDateDisabled(date, disabledRulesRef.current)\n          : true;\n        setFocusedDateDisabled(!isEnabled);\n        onChange(date, { isEnabled });\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  const showPrompt =\n    mode === 'day' &&\n    !!disabledRules?.reason &&\n    hasDisabledDatesInMonth(viewMonth, viewYear, disabledRules, min, max);\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          disabledRules={disabledRules}\n          disabledReasonId={showPrompt ? disabledReasonId : undefined}\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      {showPrompt && (\n        <InlinePrompt\n          sentiment={focusedDateDisabled ? 'negative' : 'neutral'}\n          width=\"full\"\n          id={disabledReasonId}\n        >\n          {disabledRules.reason}\n        </InlinePrompt>\n      )}\n    </div>\n  );\n};\n\nexport default Calendar;\n"],"names":["Calendar","value","min","minProp","max","maxProp","monthFormat","MonthFormat","LONG","placeholder","disabledRules","onChange","onSelect","selectedDate","getStartOfDay","disabledReasonId","useId","focusedDateDisabled","setFocusedDateDisabled","useState","disabledRulesRef","useRef","useEffect","current","isWithinRange","clamped","moveToWithinRange","isEnabled","isDateDisabled","getTime","dateView","returnDateView","viewMonth","setViewMonth","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","showPrompt","reason","hasDisabledDatesInMonth","_jsxs","onKeyDown","children","_jsx","DayCalendar","onLabelClick","onViewDateUpdate","MonthCalendar","YearCalendar","InlinePrompt","sentiment","width","id"],"mappings":"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"}

package/build/Calendar/Calendar.messages.js

@@ -26,6 +26,9 @@ var messages = reactIntl.defineMessages({
   selected: {
     id: "neptune.DateLookup.selected"
   },
+  notAvailable: {
+    id: "neptune.DateLookup.notAvailable"
+  },
   goTo20YearView: {
     id: "neptune.DateLookup.goTo20YearView"
   }

package/build/Calendar/Calendar.messages.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.messages.js","sources":["../../src/Calendar/Calendar.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  next: {\n    id: 'neptune.DateLookup.next',\n    defaultMessage: 'next',\n    description: 'Description of next button',\n  },\n  previous: {\n    id: 'neptune.DateLookup.previous',\n    defaultMessage: 'previous',\n    description: 'Description of previous button',\n  },\n  day: {\n    id: 'neptune.DateLookup.day',\n    defaultMessage: 'day',\n    description: 'Description of next/previous/selected day button',\n  },\n  month: {\n    id: 'neptune.DateLookup.month',\n    defaultMessage: 'month',\n    description: 'Description of next/previous/selected month button',\n  },\n  year: {\n    id: 'neptune.DateLookup.year',\n    defaultMessage: 'year',\n    description: 'Description of next/previous/selected year button',\n  },\n  twentyYears: {\n    id: 'neptune.DateLookup.twentyYears',\n    defaultMessage: '20 years',\n    description: 'Description of next/previous 20 years button',\n  },\n  selected: {\n    id: 'neptune.DateLookup.selected',\n    defaultMessage: 'selected',\n    description: 'Description of the selected day/month/year',\n  },\n  goTo20YearView: {\n    id: 'neptune.DateLookup.goTo20YearView',\n    defaultMessage: 'Go to 20 year view',\n    description: 'Description of the button to go to 20 year view',\n  },\n});\n"],"names":["defineMessages","next","id","previous","day","month","year","twentyYears","selected","goTo20YearView"],"mappings":";;;;;;AAEA,eAAeA,wBAAc,CAAC;AAC5BC,EAAAA,IAAI,EAAE;IACJC,EAAE,EAAA;GAGH;AACDC,EAAAA,QAAQ,EAAE;IACRD,EAAE,EAAA;GAGH;AACDE,EAAAA,GAAG,EAAE;IACHF,EAAE,EAAA;GAGH;AACDG,EAAAA,KAAK,EAAE;IACLH,EAAE,EAAA;GAGH;AACDI,EAAAA,IAAI,EAAE;IACJJ,EAAE,EAAA;GAGH;AACDK,EAAAA,WAAW,EAAE;IACXL,EAAE,EAAA;GAGH;AACDM,EAAAA,QAAQ,EAAE;IACRN,EAAE,EAAA;GAGH;AACDO,EAAAA,cAAc,EAAE;IACdP,EAAE,EAAA;AAGH;AACF,CAAA,CAAC;;;;"}
+{"version":3,"file":"Calendar.messages.js","sources":["../../src/Calendar/Calendar.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  next: {\n    id: 'neptune.DateLookup.next',\n    defaultMessage: 'next',\n    description: 'Description of next button',\n  },\n  previous: {\n    id: 'neptune.DateLookup.previous',\n    defaultMessage: 'previous',\n    description: 'Description of previous button',\n  },\n  day: {\n    id: 'neptune.DateLookup.day',\n    defaultMessage: 'day',\n    description: 'Description of next/previous/selected day button',\n  },\n  month: {\n    id: 'neptune.DateLookup.month',\n    defaultMessage: 'month',\n    description: 'Description of next/previous/selected month button',\n  },\n  year: {\n    id: 'neptune.DateLookup.year',\n    defaultMessage: 'year',\n    description: 'Description of next/previous/selected year button',\n  },\n  twentyYears: {\n    id: 'neptune.DateLookup.twentyYears',\n    defaultMessage: '20 years',\n    description: 'Description of next/previous 20 years button',\n  },\n  selected: {\n    id: 'neptune.DateLookup.selected',\n    defaultMessage: 'selected',\n    description: 'Description of the selected day/month/year',\n  },\n  notAvailable: {\n    id: 'neptune.DateLookup.notAvailable',\n    defaultMessage: 'not available',\n    description: 'Announces that a date is disabled/unavailable',\n  },\n  goTo20YearView: {\n    id: 'neptune.DateLookup.goTo20YearView',\n    defaultMessage: 'Go to 20 year view',\n    description: 'Description of the button to go to 20 year view',\n  },\n});\n"],"names":["defineMessages","next","id","previous","day","month","year","twentyYears","selected","notAvailable","goTo20YearView"],"mappings":";;;;;;AAEA,eAAeA,wBAAc,CAAC;AAC5BC,EAAAA,IAAI,EAAE;IACJC,EAAE,EAAA;GAGH;AACDC,EAAAA,QAAQ,EAAE;IACRD,EAAE,EAAA;GAGH;AACDE,EAAAA,GAAG,EAAE;IACHF,EAAE,EAAA;GAGH;AACDG,EAAAA,KAAK,EAAE;IACLH,EAAE,EAAA;GAGH;AACDI,EAAAA,IAAI,EAAE;IACJJ,EAAE,EAAA;GAGH;AACDK,EAAAA,WAAW,EAAE;IACXL,EAAE,EAAA;GAGH;AACDM,EAAAA,QAAQ,EAAE;IACRN,EAAE,EAAA;GAGH;AACDO,EAAAA,YAAY,EAAE;IACZP,EAAE,EAAA;GAGH;AACDQ,EAAAA,cAAc,EAAE;IACdR,EAAE,EAAA;AAGH;AACF,CAAA,CAAC;;;;"}

package/build/Calendar/Calendar.messages.mjs

@@ -22,6 +22,9 @@ var messages = defineMessages({
   selected: {
     id: "neptune.DateLookup.selected"
   },
+  notAvailable: {
+    id: "neptune.DateLookup.notAvailable"
+  },
   goTo20YearView: {
     id: "neptune.DateLookup.goTo20YearView"
   }

package/build/Calendar/Calendar.messages.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.messages.mjs","sources":["../../src/Calendar/Calendar.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  next: {\n    id: 'neptune.DateLookup.next',\n    defaultMessage: 'next',\n    description: 'Description of next button',\n  },\n  previous: {\n    id: 'neptune.DateLookup.previous',\n    defaultMessage: 'previous',\n    description: 'Description of previous button',\n  },\n  day: {\n    id: 'neptune.DateLookup.day',\n    defaultMessage: 'day',\n    description: 'Description of next/previous/selected day button',\n  },\n  month: {\n    id: 'neptune.DateLookup.month',\n    defaultMessage: 'month',\n    description: 'Description of next/previous/selected month button',\n  },\n  year: {\n    id: 'neptune.DateLookup.year',\n    defaultMessage: 'year',\n    description: 'Description of next/previous/selected year button',\n  },\n  twentyYears: {\n    id: 'neptune.DateLookup.twentyYears',\n    defaultMessage: '20 years',\n    description: 'Description of next/previous 20 years button',\n  },\n  selected: {\n    id: 'neptune.DateLookup.selected',\n    defaultMessage: 'selected',\n    description: 'Description of the selected day/month/year',\n  },\n  goTo20YearView: {\n    id: 'neptune.DateLookup.goTo20YearView',\n    defaultMessage: 'Go to 20 year view',\n    description: 'Description of the button to go to 20 year view',\n  },\n});\n"],"names":["defineMessages","next","id","previous","day","month","year","twentyYears","selected","goTo20YearView"],"mappings":";;AAEA,eAAeA,cAAc,CAAC;AAC5BC,EAAAA,IAAI,EAAE;IACJC,EAAE,EAAA;GAGH;AACDC,EAAAA,QAAQ,EAAE;IACRD,EAAE,EAAA;GAGH;AACDE,EAAAA,GAAG,EAAE;IACHF,EAAE,EAAA;GAGH;AACDG,EAAAA,KAAK,EAAE;IACLH,EAAE,EAAA;GAGH;AACDI,EAAAA,IAAI,EAAE;IACJJ,EAAE,EAAA;GAGH;AACDK,EAAAA,WAAW,EAAE;IACXL,EAAE,EAAA;GAGH;AACDM,EAAAA,QAAQ,EAAE;IACRN,EAAE,EAAA;GAGH;AACDO,EAAAA,cAAc,EAAE;IACdP,EAAE,EAAA;AAGH;AACF,CAAA,CAAC;;;;"}
+{"version":3,"file":"Calendar.messages.mjs","sources":["../../src/Calendar/Calendar.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  next: {\n    id: 'neptune.DateLookup.next',\n    defaultMessage: 'next',\n    description: 'Description of next button',\n  },\n  previous: {\n    id: 'neptune.DateLookup.previous',\n    defaultMessage: 'previous',\n    description: 'Description of previous button',\n  },\n  day: {\n    id: 'neptune.DateLookup.day',\n    defaultMessage: 'day',\n    description: 'Description of next/previous/selected day button',\n  },\n  month: {\n    id: 'neptune.DateLookup.month',\n    defaultMessage: 'month',\n    description: 'Description of next/previous/selected month button',\n  },\n  year: {\n    id: 'neptune.DateLookup.year',\n    defaultMessage: 'year',\n    description: 'Description of next/previous/selected year button',\n  },\n  twentyYears: {\n    id: 'neptune.DateLookup.twentyYears',\n    defaultMessage: '20 years',\n    description: 'Description of next/previous 20 years button',\n  },\n  selected: {\n    id: 'neptune.DateLookup.selected',\n    defaultMessage: 'selected',\n    description: 'Description of the selected day/month/year',\n  },\n  notAvailable: {\n    id: 'neptune.DateLookup.notAvailable',\n    defaultMessage: 'not available',\n    description: 'Announces that a date is disabled/unavailable',\n  },\n  goTo20YearView: {\n    id: 'neptune.DateLookup.goTo20YearView',\n    defaultMessage: 'Go to 20 year view',\n    description: 'Description of the button to go to 20 year view',\n  },\n});\n"],"names":["defineMessages","next","id","previous","day","month","year","twentyYears","selected","notAvailable","goTo20YearView"],"mappings":";;AAEA,eAAeA,cAAc,CAAC;AAC5BC,EAAAA,IAAI,EAAE;IACJC,EAAE,EAAA;GAGH;AACDC,EAAAA,QAAQ,EAAE;IACRD,EAAE,EAAA;GAGH;AACDE,EAAAA,GAAG,EAAE;IACHF,EAAE,EAAA;GAGH;AACDG,EAAAA,KAAK,EAAE;IACLH,EAAE,EAAA;GAGH;AACDI,EAAAA,IAAI,EAAE;IACJJ,EAAE,EAAA;GAGH;AACDK,EAAAA,WAAW,EAAE;IACXL,EAAE,EAAA;GAGH;AACDM,EAAAA,QAAQ,EAAE;IACRN,EAAE,EAAA;GAGH;AACDO,EAAAA,YAAY,EAAE;IACZP,EAAE,EAAA;GAGH;AACDQ,EAAAA,cAAc,EAAE;IACdR,EAAE,EAAA;AAGH;AACF,CAAA,CAAC;;;;"}

package/build/Calendar/Calendar.mjs

@@ -1,4 +1,4 @@
-import { useEffect, useState, useCallback } from 'react';
+import { useId, useState, useRef, useEffect, useCallback } from 'react';
 import '../common/theme.mjs';
 import '../common/direction.mjs';
 import '@transferwise/neptune-tokens';
@@ -27,6 +27,9 @@ 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 { isDateDisabled } from '../common/DateUtils/isDateDisabled/isDateDisabled.mjs';
+import { hasDisabledDatesInMonth } from '../common/DateUtils/hasDisabledDatesInMonth/hasDisabledDatesInMonth.mjs';
+import { InlinePrompt } from '../Prompt/InlinePrompt/InlinePrompt.mjs';
 import DayCalendar from './DayCalendar/DayCalendar.mjs';
 import { getStartOfDay } from './GetStartOfDay/GetStartOfDay.mjs';
 import MonthCalendar from './MonthCalendar/MonthCalendar.mjs';
@@ -38,15 +41,26 @@ const Calendar = ({
   max: maxProp = null,
   monthFormat = MonthFormat.LONG,
   placeholder,
+  disabledRules,
   onChange,
   onSelect
 }) => {
   const selectedDate = getStartOfDay(value);
   const min = getStartOfDay(minProp);
   const max = getStartOfDay(maxProp);
+  const disabledReasonId = useId();
+  const [focusedDateDisabled, setFocusedDateDisabled] = useState(false);
+  const disabledRulesRef = useRef(disabledRules);
+  useEffect(() => {
+    disabledRulesRef.current = disabledRules;
+  });
   useEffect(() => {
     if (selectedDate && !isWithinRange(selectedDate, min, max)) {
-      onChange(moveToWithinRange(selectedDate, min, max));
+      const clamped = moveToWithinRange(selectedDate, min, max);
+      const isEnabled = !isDateDisabled(clamped, disabledRulesRef.current);
+      onChange(clamped, {
+        isEnabled
+      });
     }
   }, [selectedDate?.getTime(), min?.getTime(), max?.getTime(), onChange]); // eslint-disable-line react-hooks/exhaustive-deps
   const dateView = returnDateView(selectedDate, min, max);
@@ -59,6 +73,12 @@ const Calendar = ({
     setViewMonth(view.getMonth());
     setViewYear(view.getFullYear());
   }, [selectedDate?.getTime(), min?.getTime(), max?.getTime()]); // eslint-disable-line react-hooks/exhaustive-deps
+  useEffect(() => {
+    if (selectedDate) {
+      const isEnabled = isWithinRange(selectedDate, min, max) && !isDateDisabled(selectedDate, disabledRulesRef.current);
+      setFocusedDateDisabled(!isEnabled);
+    }
+  }, [selectedDate?.getTime(), min?.getTime(), max?.getTime(), disabledRules]); // eslint-disable-line react-hooks/exhaustive-deps
   const handleViewDateUpdate = useCallback(
   // eslint-disable-next-line react-hooks/preserve-manual-memoization
   ({
@@ -71,14 +91,21 @@ const Calendar = ({
   const switchToDays = useCallback(() => setMode('day'), []);
   const switchToMonths = useCallback(() => setMode('month'), []);
   const switchToYears = useCallback(() => setMode('year'), []);
-  const handleSelectedDateUpdate = useCallback(date => {
-    if (onSelect) {
+  const handleSelectedDateUpdate = useCallback(
+  // eslint-disable-next-line react-hooks/preserve-manual-memoization
+  date => {
+    const isEnabled = isWithinRange(date, min, max) && !isDateDisabled(date, disabledRulesRef.current);
+    setFocusedDateDisabled(!isEnabled);
+    onChange(date, {
+      isEnabled
+    });
+    if (isEnabled && onSelect) {
       onSelect(date);
-    } else {
-      onChange(date);
     }
-  }, [onChange, onSelect]);
-  const adjustDate = useCallback((daysToAdd, monthsToAdd, yearsToAdd) => {
+  }, [min, max, onChange, onSelect]);
+  const adjustDate = useCallback(
+  // eslint-disable-next-line react-hooks/preserve-manual-memoization
+  (daysToAdd, monthsToAdd, yearsToAdd) => {
     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());
@@ -87,7 +114,11 @@ const Calendar = ({
     }
     date &&= moveToWithinRange(date, min, max);
     if (date?.getTime() !== selectedDate?.getTime()) {
-      onChange(date);
+      const isEnabled = date ? isWithinRange(date, min, max) && !isDateDisabled(date, disabledRulesRef.current) : true;
+      setFocusedDateDisabled(!isEnabled);
+      onChange(date, {
+        isEnabled
+      });
     }
   }, [selectedDate, min, max, mode, onChange]);
   const handleKeyDown = useCallback(event => {
@@ -110,6 +141,7 @@ const Calendar = ({
         break;
     }
   }, [adjustDate]);
+  const showPrompt = mode === 'day' && !!disabledRules?.reason && hasDisabledDatesInMonth(viewMonth, viewYear, disabledRules, min, max);
   return (
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
@@ -122,6 +154,8 @@ const Calendar = ({
         viewMonth: viewMonth,
         viewYear: viewYear,
         monthFormat: monthFormat,
+        disabledRules: disabledRules,
+        disabledReasonId: showPrompt ? disabledReasonId : undefined,
         onSelect: handleSelectedDateUpdate,
         onLabelClick: switchToYears,
         onViewDateUpdate: handleViewDateUpdate
@@ -146,6 +180,11 @@ const Calendar = ({
         }),
         onSelect: switchToMonths,
         onViewDateUpdate: handleViewDateUpdate
+      }), showPrompt && /*#__PURE__*/jsx(InlinePrompt, {
+        sentiment: focusedDateDisabled ? 'negative' : 'neutral',
+        width: "full",
+        id: disabledReasonId,
+        children: disabledRules.reason
       })]
     })
   );

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';\n\nimport { MonthFormat } from '../common';\nimport {\n  isWithinRange,\n  moveToWithinRange,\n  returnDateView,\n  isDateDisabled,\n  hasDisabledDatesInMonth,\n} from '../common/DateUtils';\nimport { InlinePrompt } from '../Prompt/InlinePrompt';\nimport type { DateChangeMeta, DisabledRules } from './Calendar.types';\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  disabledRules?: DisabledRules;\n  onChange: (date: Date | null, meta: DateChangeMeta) => 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  disabledRules,\n  onChange,\n  onSelect,\n}: CalendarProps) => {\n  const selectedDate = getStartOfDay(value);\n  const min = getStartOfDay(minProp);\n  const max = getStartOfDay(maxProp);\n  const disabledReasonId = useId();\n  const [focusedDateDisabled, setFocusedDateDisabled] = useState(false);\n  const disabledRulesRef = useRef(disabledRules);\n  useEffect(() => {\n    disabledRulesRef.current = disabledRules;\n  });\n\n  useEffect(() => {\n    if (selectedDate && !isWithinRange(selectedDate, min, max)) {\n      const clamped = moveToWithinRange(selectedDate, min, max);\n      const isEnabled = !isDateDisabled(clamped, disabledRulesRef.current);\n      onChange(clamped, { isEnabled });\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  useEffect(() => {\n    if (selectedDate) {\n      const isEnabled =\n        isWithinRange(selectedDate, min, max) &&\n        !isDateDisabled(selectedDate, disabledRulesRef.current);\n\n      setFocusedDateDisabled(!isEnabled);\n    }\n  }, [selectedDate?.getTime(), min?.getTime(), max?.getTime(), disabledRules]); // 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    // eslint-disable-next-line react-hooks/preserve-manual-memoization\n    (date: Date) => {\n      const isEnabled =\n        isWithinRange(date, min, max) && !isDateDisabled(date, disabledRulesRef.current);\n      setFocusedDateDisabled(!isEnabled);\n      onChange(date, { isEnabled });\n      if (isEnabled && onSelect) {\n        onSelect(date);\n      }\n    },\n    [min, max, onChange, onSelect],\n  );\n\n  const adjustDate = useCallback(\n    // eslint-disable-next-line react-hooks/preserve-manual-memoization\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        const isEnabled = date\n          ? isWithinRange(date, min, max) && !isDateDisabled(date, disabledRulesRef.current)\n          : true;\n        setFocusedDateDisabled(!isEnabled);\n        onChange(date, { isEnabled });\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  const showPrompt =\n    mode === 'day' &&\n    !!disabledRules?.reason &&\n    hasDisabledDatesInMonth(viewMonth, viewYear, disabledRules, min, max);\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          disabledRules={disabledRules}\n          disabledReasonId={showPrompt ? disabledReasonId : undefined}\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      {showPrompt && (\n        <InlinePrompt\n          sentiment={focusedDateDisabled ? 'negative' : 'neutral'}\n          width=\"full\"\n          id={disabledReasonId}\n        >\n          {disabledRules.reason}\n        </InlinePrompt>\n      )}\n    </div>\n  );\n};\n\nexport default Calendar;\n"],"names":["Calendar","value","min","minProp","max","maxProp","monthFormat","MonthFormat","LONG","placeholder","disabledRules","onChange","onSelect","selectedDate","getStartOfDay","disabledReasonId","useId","focusedDateDisabled","setFocusedDateDisabled","useState","disabledRulesRef","useRef","useEffect","current","isWithinRange","clamped","moveToWithinRange","isEnabled","isDateDisabled","getTime","dateView","returnDateView","viewMonth","setViewMonth","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","showPrompt","reason","hasDisabledDatesInMonth","_jsxs","onKeyDown","children","_jsx","DayCalendar","onLabelClick","onViewDateUpdate","MonthCalendar","YearCalendar","InlinePrompt","sentiment","width","id"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAMA,QAAQ,GAAGA,CAAC;EAChBC,KAAK;EACLC,GAAG,EAAEC,OAAO,GAAG,IAAI;EACnBC,GAAG,EAAEC,OAAO,GAAG,IAAI;EACnBC,WAAW,GAAGC,WAAW,CAACC,IAAI;EAC9BC,WAAW;EACXC,aAAa;EACbC,QAAQ;AACRC,EAAAA;AAAQ,CACM,KAAI;AAClB,EAAA,MAAMC,YAAY,GAAGC,aAAa,CAACb,KAAK,CAAC;AACzC,EAAA,MAAMC,GAAG,GAAGY,aAAa,CAACX,OAAO,CAAC;AAClC,EAAA,MAAMC,GAAG,GAAGU,aAAa,CAACT,OAAO,CAAC;AAClC,EAAA,MAAMU,gBAAgB,GAAGC,KAAK,EAAE;EAChC,MAAM,CAACC,mBAAmB,EAAEC,sBAAsB,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC;AACrE,EAAA,MAAMC,gBAAgB,GAAGC,MAAM,CAACX,aAAa,CAAC;AAC9CY,EAAAA,SAAS,CAAC,MAAK;IACbF,gBAAgB,CAACG,OAAO,GAAGb,aAAa;AAC1C,EAAA,CAAC,CAAC;AAEFY,EAAAA,SAAS,CAAC,MAAK;IACb,IAAIT,YAAY,IAAI,CAACW,aAAa,CAACX,YAAY,EAAEX,GAAG,EAAEE,GAAG,CAAC,EAAE;MAC1D,MAAMqB,OAAO,GAAGC,iBAAiB,CAACb,YAAY,EAAEX,GAAG,EAAEE,GAAG,CAAC;MACzD,MAAMuB,SAAS,GAAG,CAACC,cAAc,CAACH,OAAO,EAAEL,gBAAgB,CAACG,OAAO,CAAC;MACpEZ,QAAQ,CAACc,OAAO,EAAE;AAAEE,QAAAA;AAAS,OAAE,CAAC;AAClC,IAAA;EACF,CAAC,EAAE,CAACd,YAAY,EAAEgB,OAAO,EAAE,EAAE3B,GAAG,EAAE2B,OAAO,EAAE,EAAEzB,GAAG,EAAEyB,OAAO,EAAE,EAAElB,QAAQ,CAAC,CAAC,CAAC;EAExE,MAAMmB,QAAQ,GAAGC,cAAc,CAAClB,YAAY,EAAEX,GAAG,EAAEE,GAAG,CAAC;AACvD,EAAA,MAAM,CAAC4B,SAAS,EAAEC,YAAY,CAAC,GAAGd,QAAQ,CAACW,QAAQ,CAACI,QAAQ,EAAE,CAAC;AAC/D,EAAA,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGjB,QAAQ,CAACW,QAAQ,CAACO,WAAW,EAAE,CAAC;EAChE,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGpB,QAAQ,CAA2B,KAAK,CAAC;AAEjEG,EAAAA,SAAS,CAAC,MAAK;IACb,MAAMkB,IAAI,GAAGT,cAAc,CAAClB,YAAY,EAAEX,GAAG,EAAEE,GAAG,CAAC;AACnD;AACA6B,IAAAA,YAAY,CAACO,IAAI,CAACN,QAAQ,EAAE,CAAC;AAE7BE,IAAAA,WAAW,CAACI,IAAI,CAACH,WAAW,EAAE,CAAC;EACjC,CAAC,EAAE,CAACxB,YAAY,EAAEgB,OAAO,EAAE,EAAE3B,GAAG,EAAE2B,OAAO,EAAE,EAAEzB,GAAG,EAAEyB,OAAO,EAAE,CAAC,CAAC,CAAC;AAE9DP,EAAAA,SAAS,CAAC,MAAK;AACb,IAAA,IAAIT,YAAY,EAAE;AAChB,MAAA,MAAMc,SAAS,GACbH,aAAa,CAACX,YAAY,EAAEX,GAAG,EAAEE,GAAG,CAAC,IACrC,CAACwB,cAAc,CAACf,YAAY,EAAEO,gBAAgB,CAACG,OAAO,CAAC;MAEzDL,sBAAsB,CAAC,CAACS,SAAS,CAAC;AACpC,IAAA;EACF,CAAC,EAAE,CAACd,YAAY,EAAEgB,OAAO,EAAE,EAAE3B,GAAG,EAAE2B,OAAO,EAAE,EAAEzB,GAAG,EAAEyB,OAAO,EAAE,EAAEnB,aAAa,CAAC,CAAC,CAAC;EAE7E,MAAM+B,oBAAoB,GAAGC,WAAW;AACtC;EACA,CAAC;IAAEC,KAAK;AAAEC,IAAAA;AAAI,GAAqC,KAAI;AACrD,IAAA,IAAID,KAAK,KAAKE,SAAS,EAAEZ,YAAY,CAACU,KAAK,CAAC;AAC5C,IAAA,IAAIC,IAAI,KAAKC,SAAS,EAAET,WAAW,CAACQ,IAAI,CAAC;EAC3C,CAAC,EACD,EAAE,CACH;EAED,MAAME,YAAY,GAAGJ,WAAW,CAAC,MAAMH,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;EAC1D,MAAMQ,cAAc,GAAGL,WAAW,CAAC,MAAMH,OAAO,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC;EAC9D,MAAMS,aAAa,GAAGN,WAAW,CAAC,MAAMH,OAAO,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC;EAE5D,MAAMU,wBAAwB,GAAGP,WAAW;AAC1C;AACCQ,EAAAA,IAAU,IAAI;AACb,IAAA,MAAMvB,SAAS,GACbH,aAAa,CAAC0B,IAAI,EAAEhD,GAAG,EAAEE,GAAG,CAAC,IAAI,CAACwB,cAAc,CAACsB,IAAI,EAAE9B,gBAAgB,CAACG,OAAO,CAAC;IAClFL,sBAAsB,CAAC,CAACS,SAAS,CAAC;IAClChB,QAAQ,CAACuC,IAAI,EAAE;AAAEvB,MAAAA;AAAS,KAAE,CAAC;IAC7B,IAAIA,SAAS,IAAIf,QAAQ,EAAE;MACzBA,QAAQ,CAACsC,IAAI,CAAC;AAChB,IAAA;EACF,CAAC,EACD,CAAChD,GAAG,EAAEE,GAAG,EAAEO,QAAQ,EAAEC,QAAQ,CAAC,CAC/B;EAED,MAAMuC,UAAU,GAAGT,WAAW;AAC5B;AACA,EAAA,CAACU,SAAiB,EAAEC,WAAmB,EAAEC,UAAkB,KAAI;AAC7D,IAAA,IAAIJ,IAAiB;AACrB,IAAA,IAAIrC,YAAY,EAAE;MAChBqC,IAAI,GAAG,IAAIK,IAAI,CACbjB,IAAI,KAAK,MAAM,GAAGzB,YAAY,CAACwB,WAAW,EAAE,GAAGiB,UAAU,GAAGzC,YAAY,CAACwB,WAAW,EAAE,EACtFC,IAAI,KAAK,OAAO,GAAGzB,YAAY,CAACqB,QAAQ,EAAE,GAAGmB,WAAW,GAAGxC,YAAY,CAACqB,QAAQ,EAAE,EAClFI,IAAI,KAAK,KAAK,GAAGzB,YAAY,CAAC2C,OAAO,EAAE,GAAGJ,SAAS,GAAGvC,YAAY,CAAC2C,OAAO,EAAE,CAC7E;AACH,IAAA,CAAC,MAAM;AACLN,MAAAA,IAAI,GAAGpC,aAAa,CAAC,IAAIyC,IAAI,EAAE,CAAC;AAClC,IAAA;IACAL,IAAI,KAAKxB,iBAAiB,CAACwB,IAAI,EAAEhD,GAAG,EAAEE,GAAG,CAAC;IAC1C,IAAI8C,IAAI,EAAErB,OAAO,EAAE,KAAKhB,YAAY,EAAEgB,OAAO,EAAE,EAAE;MAC/C,MAAMF,SAAS,GAAGuB,IAAI,GAClB1B,aAAa,CAAC0B,IAAI,EAAEhD,GAAG,EAAEE,GAAG,CAAC,IAAI,CAACwB,cAAc,CAACsB,IAAI,EAAE9B,gBAAgB,CAACG,OAAO,CAAC,GAChF,IAAI;MACRL,sBAAsB,CAAC,CAACS,SAAS,CAAC;MAClChB,QAAQ,CAACuC,IAAI,EAAE;AAAEvB,QAAAA;AAAS,OAAE,CAAC;AAC/B,IAAA;AACF,EAAA,CAAC,EACD,CAACd,YAAY,EAAEX,GAAG,EAAEE,GAAG,EAAEkC,IAAI,EAAE3B,QAAQ,CAAC,CACzC;AAED,EAAA,MAAM8C,aAAa,GAAGf,WAAW,CAC9BgB,KAAoC,IAAI;IACvC,QAAQA,KAAK,CAACC,GAAG;AACf,MAAA,KAAK,WAAW;QACdR,UAAU,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;QACtBO,KAAK,CAACE,cAAc,EAAE;AACtB,QAAA;AACF,MAAA,KAAK,SAAS;QACZT,UAAU,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;QACtBO,KAAK,CAACE,cAAc,EAAE;AACtB,QAAA;AACF,MAAA,KAAK,YAAY;AACfT,QAAAA,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACnBO,KAAK,CAACE,cAAc,EAAE;AACtB,QAAA;AACF,MAAA,KAAK,WAAW;AACdT,QAAAA,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACnBO,KAAK,CAACE,cAAc,EAAE;AACtB,QAAA;AAGJ;AACF,EAAA,CAAC,EACD,CAACT,UAAU,CAAC,CACb;EAED,MAAMU,UAAU,GACdvB,IAAI,KAAK,KAAK,IACd,CAAC,CAAC5B,aAAa,EAAEoD,MAAM,IACvBC,uBAAuB,CAAC/B,SAAS,EAAEG,QAAQ,EAAEzB,aAAa,EAAER,GAAG,EAAEE,GAAG,CAAC;AAEvE,EAAA;AAAA;AACE;IACA4D,IAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAER,aAAc;AAAAS,MAAAA,QAAA,GAC3B5B,IAAI,KAAK,KAAK,iBACb6B,GAAA,CAACC,WAAW,EAAA;AACVvD,QAAAA,YAAY,EAAEA,YAAa;AAC3BX,QAAAA,GAAG,EAAEA,GAAI;AACTE,QAAAA,GAAG,EAAEA,GAAI;AACT4B,QAAAA,SAAS,EAAEA,SAAU;AACrBG,QAAAA,QAAQ,EAAEA,QAAS;AACnB7B,QAAAA,WAAW,EAAEA,WAAY;AACzBI,QAAAA,aAAa,EAAEA,aAAc;AAC7BK,QAAAA,gBAAgB,EAAE8C,UAAU,GAAG9C,gBAAgB,GAAG8B,SAAU;AAC5DjC,QAAAA,QAAQ,EAAEqC,wBAAyB;AACnCoB,QAAAA,YAAY,EAAErB,aAAc;AAC5BsB,QAAAA,gBAAgB,EAAE7B;OAAqB,CAE1C,EACAH,IAAI,KAAK,OAAO,iBACf6B,GAAA,CAACI,aAAa,EAAA;AACZ1D,QAAAA,YAAY,EAAEA,YAAa;AAC3BX,QAAAA,GAAG,EAAEA,GAAI;AACTE,QAAAA,GAAG,EAAEA,GAAI;AACT+B,QAAAA,QAAQ,EAAEA,QAAS;QAAA,IACd1B,WAAW,IAAI,IAAI,IAAI;AAAEA,UAAAA;SAAa,CAAA;AAC3CG,QAAAA,QAAQ,EAAEkC,YAAa;AACvBuB,QAAAA,YAAY,EAAErB,aAAc;AAC5BsB,QAAAA,gBAAgB,EAAE7B;OAAqB,CAE1C,EACAH,IAAI,KAAK,MAAM,iBACd6B,GAAA,CAACK,YAAY,EAAA;AACX3D,QAAAA,YAAY,EAAEA,YAAa;AAC3BX,QAAAA,GAAG,EAAEA,GAAI;AACTE,QAAAA,GAAG,EAAEA,GAAI;AACT+B,QAAAA,QAAQ,EAAEA,QAAS;QAAA,IACd1B,WAAW,IAAI,IAAI,IAAI;AAAEA,UAAAA;SAAa,CAAA;AAC3CG,QAAAA,QAAQ,EAAEmC,cAAe;AACzBuB,QAAAA,gBAAgB,EAAE7B;AAAqB,OAAA,CAE1C,EACAoB,UAAU,iBACTM,GAAA,CAACM,YAAY,EAAA;AACXC,QAAAA,SAAS,EAAEzD,mBAAmB,GAAG,UAAU,GAAG,SAAU;AACxD0D,QAAAA,KAAK,EAAC,MAAM;AACZC,QAAAA,EAAE,EAAE7D,gBAAiB;QAAAmD,QAAA,EAEpBxD,aAAa,CAACoD;AAAM,OACT,CACf;KACE;AAAC;AAEV;;;;"}

package/build/Calendar/DayCalendar/DayCalendar.js

@@ -43,6 +43,8 @@ let DayCalendar$1 = class DayCalendar extends React.PureComponent {
         formatMessage
       },
       monthFormat,
+      disabledRules,
+      disabledReasonId,
       onLabelClick,
       onSelect
     } = this.props;
@@ -62,6 +64,8 @@ let DayCalendar$1 = class DayCalendar extends React.PureComponent {
         max,
         viewMonth,
         viewYear,
+        disabledRules,
+        disabledReasonId,
         onSelect
       })]
     });

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  min: Date | null;\n  max: Date | null;\n  viewMonth: number;\n  viewYear: number;\n  monthFormat: `${MonthFormat}`;\n  disabledRules?: DisabledRules;\n  disabledReasonId?: string;\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      disabledRules,\n      disabledReasonId,\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\n          {...{\n            selectedDate,\n            min,\n            max,\n            viewMonth,\n            viewYear,\n            disabledRules,\n            disabledReasonId,\n            onSelect,\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","min","max","intl","locale","formatMessage","monthFormat","disabledRules","disabledReasonId","onLabelClick","onSelect","_jsxs","_Fragment","children","_jsx","DateHeader","label","formatDate","Date","dateMode","messages","onPreviousClick","onNextClick","DayCalendarTable","injectIntl"],"mappings":";;;;;;;;;;;;oBAyBA,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,aAAa;MACbC,gBAAgB;MAChBC,YAAY;AACZC,MAAAA;KACD,GAAG,IAAI,CAAChB,KAAK;IACd,oBACEiB,eAAA,CAAAC,mBAAA,EAAA;MAAAC,QAAA,EAAA,cACEC,cAAA,CAACC,kBAAU,EAAA;AACTC,QAAAA,KAAK,EAAEC,qBAAU,CAAC,IAAIC,IAAI,CAACzB,QAAQ,EAAED,SAAS,CAAC,EAAEY,MAAM,EAAE;AACvDR,UAAAA,KAAK,EAAEU,WAAW;AAClBT,UAAAA,IAAI,EAAE;AACP,SAAA,CAAE;AACHsB,QAAAA,QAAQ,EAAEd,aAAa,CAACe,yBAAQ,CAACxB,KAAK,CAAE;AACxCa,QAAAA,YAAY,EAAEA,YAAa;QAC3BY,eAAe,EAAE,IAAI,CAAC9B,mBAAoB;QAC1C+B,WAAW,EAAE,IAAI,CAACxB;AAAgB,OAAA,CAEpC,eAAAgB,cAAA,CAACS,wBAAgB,EAAA;QAEbvB,YAAY;QACZC,GAAG;QACHC,GAAG;QACHV,SAAS;QACTC,QAAQ;QACRc,aAAa;QACbC,gBAAgB;AAChBE,QAAAA;AAAQ,OACR,CAEN;AAAA,KAAA,CAAG;AAEP,EAAA;AACD;AAED,kBAAec,qBAAU,CAACnC,aAAW,CAAC;;;;"}

package/build/Calendar/DayCalendar/DayCalendar.mjs

@@ -39,6 +39,8 @@ class DayCalendar extends PureComponent {
         formatMessage
       },
       monthFormat,
+      disabledRules,
+      disabledReasonId,
       onLabelClick,
       onSelect
     } = this.props;
@@ -58,6 +60,8 @@ class DayCalendar extends PureComponent {
         max,
         viewMonth,
         viewYear,
+        disabledRules,
+        disabledReasonId,
         onSelect
       })]
     });

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  min: Date | null;\n  max: Date | null;\n  viewMonth: number;\n  viewYear: number;\n  monthFormat: `${MonthFormat}`;\n  disabledRules?: DisabledRules;\n  disabledReasonId?: string;\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      disabledRules,\n      disabledReasonId,\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\n          {...{\n            selectedDate,\n            min,\n            max,\n            viewMonth,\n            viewYear,\n            disabledRules,\n            disabledReasonId,\n            onSelect,\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","min","max","intl","locale","formatMessage","monthFormat","disabledRules","disabledReasonId","onLabelClick","onSelect","_jsxs","_Fragment","children","_jsx","DateHeader","label","formatDate","Date","dateMode","messages","onPreviousClick","onNextClick","DayCalendarTable","injectIntl"],"mappings":";;;;;;;;AAyBA,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,aAAa;MACbC,gBAAgB;MAChBC,YAAY;AACZC,MAAAA;KACD,GAAG,IAAI,CAAChB,KAAK;IACd,oBACEiB,IAAA,CAAAC,QAAA,EAAA;MAAAC,QAAA,EAAA,cACEC,GAAA,CAACC,UAAU,EAAA;AACTC,QAAAA,KAAK,EAAEC,UAAU,CAAC,IAAIC,IAAI,CAACzB,QAAQ,EAAED,SAAS,CAAC,EAAEY,MAAM,EAAE;AACvDR,UAAAA,KAAK,EAAEU,WAAW;AAClBT,UAAAA,IAAI,EAAE;AACP,SAAA,CAAE;AACHsB,QAAAA,QAAQ,EAAEd,aAAa,CAACe,QAAQ,CAACxB,KAAK,CAAE;AACxCa,QAAAA,YAAY,EAAEA,YAAa;QAC3BY,eAAe,EAAE,IAAI,CAAC9B,mBAAoB;QAC1C+B,WAAW,EAAE,IAAI,CAACxB;AAAgB,OAAA,CAEpC,eAAAgB,GAAA,CAACS,gBAAgB,EAAA;QAEbvB,YAAY;QACZC,GAAG;QACHC,GAAG;QACHV,SAAS;QACTC,QAAQ;QACRc,aAAa;QACbC,gBAAgB;AAChBE,QAAAA;AAAQ,OACR,CAEN;AAAA,KAAA,CAAG;AAEP,EAAA;AACD;AAED,oBAAec,UAAU,CAACnC,WAAW,CAAC;;;;"}

package/build/Calendar/DayCalendar/Table/DayCalendarTable.js

@@ -7,14 +7,20 @@ var React = require('react');
 var injectIntl = require('../../../common/injectIntl.js');
 var getDayNames = require('../../../common/DateUtils/getDayNames/getDayNames.js');
 var isWithinRange = require('../../../common/DateUtils/isWithinRange/isWithinRange.js');
+var isDateDisabled = require('../../../common/DateUtils/isDateDisabled/isDateDisabled.js');
 var GetFocusableTime = require('../../GetFocusableTime/GetFocusableTime.js');
 var GetStartOfDay = require('../../GetStartOfDay/GetStartOfDay.js');
-var TableLink = require('../../tableLink/TableLink.js');
+var TableLink = require('../../TableLink/TableLink.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 const SHORT_DAY_FORMAT = {
   day: 'numeric'
 };
+const LONG_DAY_FORMAT = {
+  day: 'numeric',
+  month: 'long',
+  year: 'numeric'
+};
 let DayCalendarTable$1 = class DayCalendarTable extends React.PureComponent {
   getTableStructure = () => {
     const {
@@ -70,10 +76,11 @@ let DayCalendarTable$1 = class DayCalendarTable extends React.PureComponent {
       min,
       max,
       viewMonth,
-      viewYear
+      viewYear,
+      disabledRules
     } = this.props;
     const date = new Date(viewYear, viewMonth, day);
-    return !isWithinRange.isWithinRange(date, min, max);
+    return !isWithinRange.isWithinRange(date, min, max) || isDateDisabled.isDateDisabled(date, disabledRules);
   };
   isActive = day => {
     const {
@@ -103,7 +110,8 @@ let DayCalendarTable$1 = class DayCalendarTable extends React.PureComponent {
     const {
       viewMonth,
       viewYear,
-      intl
+      intl,
+      disabledReasonId
     } = this.props;
     const weeks = this.getTableStructure();
     const autoFocusDay = this.getAutofocusDay(weeks);
@@ -130,20 +138,24 @@ let DayCalendarTable$1 = class DayCalendarTable extends React.PureComponent {
         })
       }), /*#__PURE__*/jsxRuntime.jsx("tbody", {
         children: weeks.map((week, weekIndex) => /*#__PURE__*/jsxRuntime.jsx("tr", {
-          children: week.map((day, dayIndex) => /*#__PURE__*/jsxRuntime.jsx("td", {
-            className: dayIndex > 4 ? 'weekend' : '',
-            children: day !== -1 && /*#__PURE__*/jsxRuntime.jsx(TableLink.default, {
-              item: day,
-              type: "day",
-              title: formatting.formatDate(new Date(viewYear, viewMonth, day), intl.locale, SHORT_DAY_FORMAT),
-              autofocus: day === autoFocusDay,
-              longTitle: formatting.formatDate(new Date(viewYear, viewMonth, day), intl.locale),
-              active: this.isActive(day),
-              disabled: this.isDisabled(day),
-              today: this.isToday(day),
-              onClick: this.selectDay
-            })
-          }, dayIndex))
+          children: week.map((day, dayIndex) => {
+            const dayDisabled = this.isDisabled(day);
+            return /*#__PURE__*/jsxRuntime.jsx("td", {
+              className: dayIndex > 4 ? 'weekend' : '',
+              children: day !== -1 && /*#__PURE__*/jsxRuntime.jsx(TableLink.default, {
+                item: day,
+                type: "day",
+                title: formatting.formatDate(new Date(viewYear, viewMonth, day), intl.locale, SHORT_DAY_FORMAT),
+                autofocus: day === autoFocusDay,
+                longTitle: formatting.formatDate(new Date(viewYear, viewMonth, day), intl.locale, LONG_DAY_FORMAT),
+                active: this.isActive(day),
+                disabled: dayDisabled,
+                today: this.isToday(day),
+                disabledReasonId: dayDisabled ? disabledReasonId : undefined,
+                onClick: this.selectDay
+              })
+            }, dayIndex);
+          })
         }, weekIndex))
       })]
     });