@transferwise/components 0.0.0-experimental-15273df → 0.0.0-experimental-d6d5b6e

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 {\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 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) => void;\n}\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 [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    },\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      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 &&= moveToWithinRange(date, min, max);\n      if (date?.getTime() !== focusedDate?.getTime()) {\n        setFocusedDate(date);\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 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) =>\n    formatDate(date, intl.locale, { day: 'numeric', month: 'long', year: 'numeric' });\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  const promptClassName =\n    showOutOfRangePrompt || (showRulesPrompt && !showOutOfRangePrompt) ? '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          onSelect={handleSelectedDateUpdate}\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","focusedDate","setFocusedDate","useState","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","handleKeyDown","event","key","preventDefault","target","hasAttribute","focusedDateOutOfRange","formatDateForPrompt","formatDate","locale","day","outOfRangePromptText","formatMessage","messages","outOfRangeBetween","outOfRangeAfter","outOfRangeBefore","hasOutOfRangeDates","showRulesPrompt","hasDisabledDatesInMonth","showOutOfRangePrompt","showPrompt","promptText","reason","promptSentiment","promptClassName","_jsxs","onKeyDown","children","_jsx","DayCalendar","onSelect","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,17 @@ let DayCalendar$1 = class DayCalendar extends React.PureComponent {
         formatMessage
       },
       monthFormat,
+      disabledRules,
+      disabledReasonId,
       onLabelClick,
       onSelect
     } = 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,15 +62,20 @@ 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,
+        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  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  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      focusedDate,\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    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            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","focusedDate","min","max","intl","locale","formatMessage","monthFormat","disabledRules","disabledReasonId","onLabelClick","onSelect","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,17 @@ class DayCalendar extends PureComponent {
         formatMessage
       },
       monthFormat,
+      disabledRules,
+      disabledReasonId,
       onLabelClick,
       onSelect
     } = 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,15 +58,20 @@ 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,
+        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  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  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      focusedDate,\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    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            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","focusedDate","min","max","intl","locale","formatMessage","monthFormat","disabledRules","disabledReasonId","onLabelClick","onSelect","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/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 {
@@ -62,7 +68,7 @@ let DayCalendarTable$1 = class DayCalendarTable extends React.PureComponent {
     } = this.props;
     onSelect(new Date(viewYear, viewMonth, day));
   };
-  isDisabled = day => {
+  isOutOfRange = day => {
     if (day < 0) {
       return true;
     }
@@ -75,6 +81,19 @@ let DayCalendarTable$1 = class DayCalendarTable extends React.PureComponent {
     const date = new Date(viewYear, viewMonth, day);
     return !isWithinRange.isWithinRange(date, min, max);
   };
+  isDisabled = day => {
+    if (day < 0) {
+      return false;
+    }
+    const {
+      viewMonth,
+      viewYear,
+      disabledRules
+    } = this.props;
+    const date = new Date(viewYear, viewMonth, day);
+    return isDateDisabled.isDateDisabled(date, disabledRules);
+  };
+  isUnavailable = day => this.isOutOfRange(day) || this.isDisabled(day);
   isActive = day => {
     const {
       selectedDate,
@@ -83,6 +102,14 @@ let DayCalendarTable$1 = class DayCalendarTable extends React.PureComponent {
     } = this.props;
     return !!(selectedDate && Number(new Date(viewYear, viewMonth, day)) === Number(selectedDate));
   };
+  isFocused = day => {
+    const {
+      focusedDate,
+      viewMonth,
+      viewYear
+    } = this.props;
+    return !!(focusedDate && Number(new Date(viewYear, viewMonth, day)) === Number(focusedDate));
+  };
   isToday = day => {
     const {
       viewMonth,
@@ -93,9 +120,9 @@ let DayCalendarTable$1 = class DayCalendarTable extends React.PureComponent {
   getAutofocusDay = weeks => {
     const days = weeks.flatMap(week => week);
     return GetFocusableTime.getFocusableTime({
-      isActive: this.isActive,
+      isActive: this.isFocused,
       isNow: this.isToday,
-      isDisabled: this.isDisabled,
+      isDisabled: this.isUnavailable,
       timeSpan: days
     });
   };
@@ -103,7 +130,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 +158,26 @@ 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 dayOutOfRange = this.isOutOfRange(day);
+            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),
+                outOfRange: dayOutOfRange,
+                disabled: dayDisabled,
+                today: this.isToday(day),
+                disabledReasonId: disabledReasonId,
+                onClick: this.selectDay
+              })
+            }, dayIndex);
+          })
         }, weekIndex))
       })]
     });

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

@@ -1 +1 @@
-{"version":3,"file":"DayCalendarTable.js","sources":["../../../../src/Calendar/DayCalendar/Table/DayCalendarTable.tsx"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\nimport { PureComponent } from 'react';\nimport { injectIntl, type WrappedComponentProps } from '../../../common/injectIntl';\n\nimport { getDayNames, isWithinRange } from '../../../common/DateUtils';\nimport { getFocusableTime } from '../../GetFocusableTime/GetFocusableTime';\nimport { getStartOfDay } from '../../GetStartOfDay';\nimport TableLink from '../../tableLink';\n\nconst SHORT_DAY_FORMAT: Intl.DateTimeFormatOptions = { day: 'numeric' };\n\ninterface DayCalendarTableProps extends WrappedComponentProps {\n  selectedDate: Date | null;\n  min: Date | null;\n  max: Date | null;\n  viewMonth: number;\n  viewYear: number;\n  onSelect: (date: Date) => void;\n}\n\nclass DayCalendarTable extends PureComponent<DayCalendarTableProps> {\n  getTableStructure = () => {\n    const { viewMonth, viewYear } = this.props;\n    let firstDayOfMonth = new Date(viewYear, viewMonth, 1).getDay();\n    // JS Sunday is 0, we're setting it last\n    if (firstDayOfMonth === 0) {\n      firstDayOfMonth = 7;\n    }\n    const daysInMonth = new Date(viewYear, viewMonth + 1, 0).getDate();\n\n    let week: number[] = [];\n    const weeks: number[][] = [];\n    let i;\n\n    // Pad first week\n    for (i = 1; i < firstDayOfMonth; i += 1) {\n      week.push(-1);\n    }\n    // Fill in days\n    for (i = 1; i <= daysInMonth; i += 1) {\n      week.push(i);\n      if ((firstDayOfMonth + i - 1) % 7 === 0) {\n        weeks.push(week);\n        week = [];\n      }\n    }\n    if (week.length > 0) {\n      // Pad last week\n      for (i = week.length; i < 7; i += 1) {\n        week.push(-1);\n      }\n      weeks.push(week);\n    }\n    return weeks;\n  };\n\n  days = getDayNames(this.props.intl.locale, 'short');\n  daysShort = getDayNames(this.props.intl.locale, 'narrow');\n  daysLong = getDayNames(this.props.intl.locale, 'long');\n\n  selectDay = (day: number) => {\n    const { viewMonth, viewYear, onSelect } = this.props;\n    onSelect(new Date(viewYear, viewMonth, day));\n  };\n\n  isDisabled = (day: number) => {\n    if (day < 0) {\n      return true;\n    }\n    const { min, max, viewMonth, viewYear } = this.props;\n    const date = new Date(viewYear, viewMonth, day);\n\n    return !isWithinRange(date, min, max);\n  };\n\n  isActive = (day: number) => {\n    const { selectedDate, viewMonth, viewYear } = this.props;\n    return !!(selectedDate && Number(new Date(viewYear, viewMonth, day)) === Number(selectedDate));\n  };\n\n  isToday = (day: number) => {\n    const { viewMonth, viewYear } = this.props;\n    return Number(getStartOfDay(new Date())) === Number(new Date(viewYear, viewMonth, day));\n  };\n\n  getAutofocusDay = (weeks: number[][]) => {\n    const days = weeks.flatMap((week) => week);\n    return getFocusableTime({\n      isActive: this.isActive,\n      isNow: this.isToday,\n      isDisabled: this.isDisabled,\n      timeSpan: days,\n    });\n  };\n\n  render() {\n    const { viewMonth, viewYear, intl } = this.props;\n    const weeks = this.getTableStructure();\n    const autoFocusDay = this.getAutofocusDay(weeks);\n    return (\n      <table className=\"table table-condensed table-bordered tw-date-lookup-calendar m-b-0\">\n        <thead>\n          <tr>\n            {this.days.map((day, index) => (\n              <th\n                key={day}\n                className={\n                  index > 4\n                    ? 'text-xs-center np-text-body-default'\n                    : 'text-xs-center np-text-body-default-bold'\n                }\n              >\n                <span className=\"hidden-xs\">\n                  <abbr title={this.daysLong[index]}>{day.slice(0, 3)}</abbr>\n                </span>\n                <span className=\"visible-xs-inline-block\">\n                  <abbr title={this.daysLong[index]}>{this.daysShort[index].slice(0, 2)}</abbr>\n                </span>\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {/* eslint-disable react/no-array-index-key */}\n          {weeks.map((week, weekIndex) => (\n            <tr key={weekIndex}>\n              {week.map((day, dayIndex) => (\n                <td key={dayIndex} className={dayIndex > 4 ? 'weekend' : ''}>\n                  {day !== -1 && (\n                    <TableLink\n                      item={day}\n                      type=\"day\"\n                      title={formatDate(\n                        new Date(viewYear, viewMonth, day),\n                        intl.locale,\n                        SHORT_DAY_FORMAT,\n                      )}\n                      autofocus={day === autoFocusDay}\n                      longTitle={formatDate(new Date(viewYear, viewMonth, day), intl.locale)}\n                      active={this.isActive(day)}\n                      disabled={this.isDisabled(day)}\n                      today={this.isToday(day)}\n                      onClick={this.selectDay}\n                    />\n                  )}\n                </td>\n              ))}\n            </tr>\n          ))}\n          {/* eslint-enable react/no-array-index-key */}\n        </tbody>\n      </table>\n    );\n  }\n}\n\nexport default injectIntl(DayCalendarTable);\n"],"names":["SHORT_DAY_FORMAT","day","DayCalendarTable","PureComponent","getTableStructure","viewMonth","viewYear","props","firstDayOfMonth","Date","getDay","daysInMonth","getDate","week","weeks","i","push","length","days","getDayNames","intl","locale","daysShort","daysLong","selectDay","onSelect","isDisabled","min","max","date","isWithinRange","isActive","selectedDate","Number","isToday","getStartOfDay","getAutofocusDay","flatMap","getFocusableTime","isNow","timeSpan","render","autoFocusDay","_jsxs","className","children","_jsx","map","index","title","slice","weekIndex","dayIndex","TableLink","item","type","formatDate","autofocus","longTitle","active","disabled","today","onClick","injectIntl"],"mappings":";;;;;;;;;;;;;;AASA,MAAMA,gBAAgB,GAA+B;AAAEC,EAAAA,GAAG,EAAE;CAAW;yBAWvE,MAAMC,gBAAiB,SAAQC,mBAAoC,CAAA;EACjEC,iBAAiB,GAAGA,MAAK;IACvB,MAAM;MAAEC,SAAS;AAAEC,MAAAA;KAAU,GAAG,IAAI,CAACC,KAAK;AAC1C,IAAA,IAAIC,eAAe,GAAG,IAAIC,IAAI,CAACH,QAAQ,EAAED,SAAS,EAAE,CAAC,CAAC,CAACK,MAAM,EAAE;AAC/D;IACA,IAAIF,eAAe,KAAK,CAAC,EAAE;AACzBA,MAAAA,eAAe,GAAG,CAAC;AACrB,IAAA;AACA,IAAA,MAAMG,WAAW,GAAG,IAAIF,IAAI,CAACH,QAAQ,EAAED,SAAS,GAAG,CAAC,EAAE,CAAC,CAAC,CAACO,OAAO,EAAE;IAElE,IAAIC,IAAI,GAAa,EAAE;IACvB,MAAMC,KAAK,GAAe,EAAE;AAC5B,IAAA,IAAIC,CAAC;AAEL;IACA,KAAKA,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGP,eAAe,EAAEO,CAAC,IAAI,CAAC,EAAE;AACvCF,MAAAA,IAAI,CAACG,IAAI,CAAC,EAAE,CAAC;AACf,IAAA;AACA;IACA,KAAKD,CAAC,GAAG,CAAC,EAAEA,CAAC,IAAIJ,WAAW,EAAEI,CAAC,IAAI,CAAC,EAAE;AACpCF,MAAAA,IAAI,CAACG,IAAI,CAACD,CAAC,CAAC;MACZ,IAAI,CAACP,eAAe,GAAGO,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;AACvCD,QAAAA,KAAK,CAACE,IAAI,CAACH,IAAI,CAAC;AAChBA,QAAAA,IAAI,GAAG,EAAE;AACX,MAAA;AACF,IAAA;AACA,IAAA,IAAIA,IAAI,CAACI,MAAM,GAAG,CAAC,EAAE;AACnB;AACA,MAAA,KAAKF,CAAC,GAAGF,IAAI,CAACI,MAAM,EAAEF,CAAC,GAAG,CAAC,EAAEA,CAAC,IAAI,CAAC,EAAE;AACnCF,QAAAA,IAAI,CAACG,IAAI,CAAC,EAAE,CAAC;AACf,MAAA;AACAF,MAAAA,KAAK,CAACE,IAAI,CAACH,IAAI,CAAC;AAClB,IAAA;AACA,IAAA,OAAOC,KAAK;EACd,CAAC;AAEDI,EAAAA,IAAI,GAAGC,uBAAW,CAAC,IAAI,CAACZ,KAAK,CAACa,IAAI,CAACC,MAAM,EAAE,OAAO,CAAC;AACnDC,EAAAA,SAAS,GAAGH,uBAAW,CAAC,IAAI,CAACZ,KAAK,CAACa,IAAI,CAACC,MAAM,EAAE,QAAQ,CAAC;AACzDE,EAAAA,QAAQ,GAAGJ,uBAAW,CAAC,IAAI,CAACZ,KAAK,CAACa,IAAI,CAACC,MAAM,EAAE,MAAM,CAAC;EAEtDG,SAAS,GAAIvB,GAAW,IAAI;IAC1B,MAAM;MAAEI,SAAS;MAAEC,QAAQ;AAAEmB,MAAAA;KAAU,GAAG,IAAI,CAAClB,KAAK;IACpDkB,QAAQ,CAAC,IAAIhB,IAAI,CAACH,QAAQ,EAAED,SAAS,EAAEJ,GAAG,CAAC,CAAC;EAC9C,CAAC;EAEDyB,UAAU,GAAIzB,GAAW,IAAI;IAC3B,IAAIA,GAAG,GAAG,CAAC,EAAE;AACX,MAAA,OAAO,IAAI;AACb,IAAA;IACA,MAAM;MAAE0B,GAAG;MAAEC,GAAG;MAAEvB,SAAS;AAAEC,MAAAA;KAAU,GAAG,IAAI,CAACC,KAAK;IACpD,MAAMsB,IAAI,GAAG,IAAIpB,IAAI,CAACH,QAAQ,EAAED,SAAS,EAAEJ,GAAG,CAAC;IAE/C,OAAO,CAAC6B,2BAAa,CAACD,IAAI,EAAEF,GAAG,EAAEC,GAAG,CAAC;EACvC,CAAC;EAEDG,QAAQ,GAAI9B,GAAW,IAAI;IACzB,MAAM;MAAE+B,YAAY;MAAE3B,SAAS;AAAEC,MAAAA;KAAU,GAAG,IAAI,CAACC,KAAK;IACxD,OAAO,CAAC,EAAEyB,YAAY,IAAIC,MAAM,CAAC,IAAIxB,IAAI,CAACH,QAAQ,EAAED,SAAS,EAAEJ,GAAG,CAAC,CAAC,KAAKgC,MAAM,CAACD,YAAY,CAAC,CAAC;EAChG,CAAC;EAEDE,OAAO,GAAIjC,GAAW,IAAI;IACxB,MAAM;MAAEI,SAAS;AAAEC,MAAAA;KAAU,GAAG,IAAI,CAACC,KAAK;IAC1C,OAAO0B,MAAM,CAACE,2BAAa,CAAC,IAAI1B,IAAI,EAAE,CAAC,CAAC,KAAKwB,MAAM,CAAC,IAAIxB,IAAI,CAACH,QAAQ,EAAED,SAAS,EAAEJ,GAAG,CAAC,CAAC;EACzF,CAAC;EAEDmC,eAAe,GAAItB,KAAiB,IAAI;IACtC,MAAMI,IAAI,GAAGJ,KAAK,CAACuB,OAAO,CAAExB,IAAI,IAAKA,IAAI,CAAC;AAC1C,IAAA,OAAOyB,iCAAgB,CAAC;MACtBP,QAAQ,EAAE,IAAI,CAACA,QAAQ;MACvBQ,KAAK,EAAE,IAAI,CAACL,OAAO;MACnBR,UAAU,EAAE,IAAI,CAACA,UAAU;AAC3Bc,MAAAA,QAAQ,EAAEtB;AACX,KAAA,CAAC;EACJ,CAAC;AAEDuB,EAAAA,MAAMA,GAAA;IACJ,MAAM;MAAEpC,SAAS;MAAEC,QAAQ;AAAEc,MAAAA;KAAM,GAAG,IAAI,CAACb,KAAK;AAChD,IAAA,MAAMO,KAAK,GAAG,IAAI,CAACV,iBAAiB,EAAE;AACtC,IAAA,MAAMsC,YAAY,GAAG,IAAI,CAACN,eAAe,CAACtB,KAAK,CAAC;AAChD,IAAA,oBACE6B,eAAA,CAAA,OAAA,EAAA;AAAOC,MAAAA,SAAS,EAAC,oEAAoE;AAAAC,MAAAA,QAAA,gBACnFC,cAAA,CAAA,OAAA,EAAA;AAAAD,QAAAA,QAAA,eACEC,cAAA,CAAA,IAAA,EAAA;AAAAD,UAAAA,QAAA,EACG,IAAI,CAAC3B,IAAI,CAAC6B,GAAG,CAAC,CAAC9C,GAAG,EAAE+C,KAAK,kBACxBL,eAAA,CAAA,IAAA,EAAA;AAEEC,YAAAA,SAAS,EACPI,KAAK,GAAG,CAAC,GACL,qCAAqC,GACrC,0CACL;AAAAH,YAAAA,QAAA,gBAEDC,cAAA,CAAA,MAAA,EAAA;AAAMF,cAAAA,SAAS,EAAC,WAAW;AAAAC,cAAAA,QAAA,eACzBC,cAAA,CAAA,MAAA,EAAA;AAAMG,gBAAAA,KAAK,EAAE,IAAI,CAAC1B,QAAQ,CAACyB,KAAK,CAAE;AAAAH,gBAAAA,QAAA,EAAE5C,GAAG,CAACiD,KAAK,CAAC,CAAC,EAAE,CAAC;eAAQ;aACtD,CACN,eAAAJ,cAAA,CAAA,MAAA,EAAA;AAAMF,cAAAA,SAAS,EAAC,yBAAyB;AAAAC,cAAAA,QAAA,eACvCC,cAAA,CAAA,MAAA,EAAA;AAAMG,gBAAAA,KAAK,EAAE,IAAI,CAAC1B,QAAQ,CAACyB,KAAK,CAAE;AAAAH,gBAAAA,QAAA,EAAE,IAAI,CAACvB,SAAS,CAAC0B,KAAK,CAAC,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC;eAAQ;AAC9E,aAAM,CACR;AAAA,WAAA,EAbOjD,GAaH,CACL;SACC;OACC,CACP,eAAA6C,cAAA,CAAA,OAAA,EAAA;QAAAD,QAAA,EAEG/B,KAAK,CAACiC,GAAG,CAAC,CAAClC,IAAI,EAAEsC,SAAS,kBACzBL,cAAA,CAAA,IAAA,EAAA;UAAAD,QAAA,EACGhC,IAAI,CAACkC,GAAG,CAAC,CAAC9C,GAAG,EAAEmD,QAAQ,kBACtBN,cAAA,CAAA,IAAA,EAAA;AAAmBF,YAAAA,SAAS,EAAEQ,QAAQ,GAAG,CAAC,GAAG,SAAS,GAAG,EAAG;YAAAP,QAAA,EACzD5C,GAAG,KAAK,EAAE,iBACT6C,cAAA,CAACO,iBAAS,EAAA;AACRC,cAAAA,IAAI,EAAErD,GAAI;AACVsD,cAAAA,IAAI,EAAC,KAAK;AACVN,cAAAA,KAAK,EAAEO,qBAAU,CACf,IAAI/C,IAAI,CAACH,QAAQ,EAAED,SAAS,EAAEJ,GAAG,CAAC,EAClCmB,IAAI,CAACC,MAAM,EACXrB,gBAAgB,CAChB;cACFyD,SAAS,EAAExD,GAAG,KAAKyC,YAAa;AAChCgB,cAAAA,SAAS,EAAEF,qBAAU,CAAC,IAAI/C,IAAI,CAACH,QAAQ,EAAED,SAAS,EAAEJ,GAAG,CAAC,EAAEmB,IAAI,CAACC,MAAM,CAAE;AACvEsC,cAAAA,MAAM,EAAE,IAAI,CAAC5B,QAAQ,CAAC9B,GAAG,CAAE;AAC3B2D,cAAAA,QAAQ,EAAE,IAAI,CAAClC,UAAU,CAACzB,GAAG,CAAE;AAC/B4D,cAAAA,KAAK,EAAE,IAAI,CAAC3B,OAAO,CAACjC,GAAG,CAAE;cACzB6D,OAAO,EAAE,IAAI,CAACtC;aAAU;AAE3B,WAAA,EAjBM4B,QAkBL,CACL;AAAC,SAAA,EArBKD,SAsBL,CACL;AAAC,OAEG,CACT;AAAA,KAAO,CAAC;AAEZ,EAAA;AACD;AAED,uBAAeY,qBAAU,CAAC7D,kBAAgB,CAAC;;;;"}
+{"version":3,"file":"DayCalendarTable.js","sources":["../../../../src/Calendar/DayCalendar/Table/DayCalendarTable.tsx"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\nimport { PureComponent } from 'react';\nimport { injectIntl, type WrappedComponentProps } from '../../../common/injectIntl';\n\nimport { getDayNames, isWithinRange, isDateDisabled } from '../../../common/DateUtils';\nimport type { DisabledRules } from '../../Calendar.types';\nimport { getFocusableTime } from '../../GetFocusableTime/GetFocusableTime';\nimport { getStartOfDay } from '../../GetStartOfDay';\nimport TableLink from '../../TableLink';\n\nconst SHORT_DAY_FORMAT: Intl.DateTimeFormatOptions = { day: 'numeric' };\nconst LONG_DAY_FORMAT: Intl.DateTimeFormatOptions = {\n  day: 'numeric',\n  month: 'long',\n  year: 'numeric',\n};\n\ninterface DayCalendarTableProps 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  disabledRules?: DisabledRules;\n  disabledReasonId?: string;\n  onSelect: (date: Date) => void;\n}\n\nclass DayCalendarTable extends PureComponent<DayCalendarTableProps> {\n  getTableStructure = () => {\n    const { viewMonth, viewYear } = this.props;\n    let firstDayOfMonth = new Date(viewYear, viewMonth, 1).getDay();\n    // JS Sunday is 0, we're setting it last\n    if (firstDayOfMonth === 0) {\n      firstDayOfMonth = 7;\n    }\n    const daysInMonth = new Date(viewYear, viewMonth + 1, 0).getDate();\n\n    let week: number[] = [];\n    const weeks: number[][] = [];\n    let i;\n\n    // Pad first week\n    for (i = 1; i < firstDayOfMonth; i += 1) {\n      week.push(-1);\n    }\n    // Fill in days\n    for (i = 1; i <= daysInMonth; i += 1) {\n      week.push(i);\n      if ((firstDayOfMonth + i - 1) % 7 === 0) {\n        weeks.push(week);\n        week = [];\n      }\n    }\n    if (week.length > 0) {\n      // Pad last week\n      for (i = week.length; i < 7; i += 1) {\n        week.push(-1);\n      }\n      weeks.push(week);\n    }\n    return weeks;\n  };\n\n  days = getDayNames(this.props.intl.locale, 'short');\n  daysShort = getDayNames(this.props.intl.locale, 'narrow');\n  daysLong = getDayNames(this.props.intl.locale, 'long');\n\n  selectDay = (day: number) => {\n    const { viewMonth, viewYear, onSelect } = this.props;\n    onSelect(new Date(viewYear, viewMonth, day));\n  };\n\n  isOutOfRange = (day: number) => {\n    if (day < 0) {\n      return true;\n    }\n    const { min, max, viewMonth, viewYear } = this.props;\n    const date = new Date(viewYear, viewMonth, day);\n    return !isWithinRange(date, min, max);\n  };\n\n  isDisabled = (day: number) => {\n    if (day < 0) {\n      return false;\n    }\n    const { viewMonth, viewYear, disabledRules } = this.props;\n    const date = new Date(viewYear, viewMonth, day);\n    return isDateDisabled(date, disabledRules);\n  };\n\n  isUnavailable = (day: number) => this.isOutOfRange(day) || this.isDisabled(day);\n\n  isActive = (day: number) => {\n    const { selectedDate, viewMonth, viewYear } = this.props;\n    return !!(selectedDate && Number(new Date(viewYear, viewMonth, day)) === Number(selectedDate));\n  };\n\n  isFocused = (day: number) => {\n    const { focusedDate, viewMonth, viewYear } = this.props;\n    return !!(focusedDate && Number(new Date(viewYear, viewMonth, day)) === Number(focusedDate));\n  };\n\n  isToday = (day: number) => {\n    const { viewMonth, viewYear } = this.props;\n    return Number(getStartOfDay(new Date())) === Number(new Date(viewYear, viewMonth, day));\n  };\n\n  getAutofocusDay = (weeks: number[][]) => {\n    const days = weeks.flatMap((week) => week);\n    return getFocusableTime({\n      isActive: this.isFocused,\n      isNow: this.isToday,\n      isDisabled: this.isUnavailable,\n      timeSpan: days,\n    });\n  };\n\n  render() {\n    const { viewMonth, viewYear, intl, disabledReasonId } = this.props;\n    const weeks = this.getTableStructure();\n    const autoFocusDay = this.getAutofocusDay(weeks);\n    return (\n      <table className=\"table table-condensed table-bordered tw-date-lookup-calendar m-b-0\">\n        <thead>\n          <tr>\n            {this.days.map((day, index) => (\n              <th\n                key={day}\n                className={\n                  index > 4\n                    ? 'text-xs-center np-text-body-default'\n                    : 'text-xs-center np-text-body-default-bold'\n                }\n              >\n                <span className=\"hidden-xs\">\n                  <abbr title={this.daysLong[index]}>{day.slice(0, 3)}</abbr>\n                </span>\n                <span className=\"visible-xs-inline-block\">\n                  <abbr title={this.daysLong[index]}>{this.daysShort[index].slice(0, 2)}</abbr>\n                </span>\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {/* eslint-disable react/no-array-index-key */}\n          {weeks.map((week, weekIndex) => (\n            <tr key={weekIndex}>\n              {week.map((day, dayIndex) => {\n                const dayOutOfRange = this.isOutOfRange(day);\n                const dayDisabled = this.isDisabled(day);\n                return (\n                  <td key={dayIndex} className={dayIndex > 4 ? 'weekend' : ''}>\n                    {day !== -1 && (\n                      <TableLink\n                        item={day}\n                        type=\"day\"\n                        title={formatDate(\n                          new Date(viewYear, viewMonth, day),\n                          intl.locale,\n                          SHORT_DAY_FORMAT,\n                        )}\n                        autofocus={day === autoFocusDay}\n                        longTitle={formatDate(\n                          new Date(viewYear, viewMonth, day),\n                          intl.locale,\n                          LONG_DAY_FORMAT,\n                        )}\n                        active={this.isActive(day)}\n                        outOfRange={dayOutOfRange}\n                        disabled={dayDisabled}\n                        today={this.isToday(day)}\n                        disabledReasonId={disabledReasonId}\n                        onClick={this.selectDay}\n                      />\n                    )}\n                  </td>\n                );\n              })}\n            </tr>\n          ))}\n          {/* eslint-enable react/no-array-index-key */}\n        </tbody>\n      </table>\n    );\n  }\n}\n\nexport default injectIntl(DayCalendarTable);\n"],"names":["SHORT_DAY_FORMAT","day","LONG_DAY_FORMAT","month","year","DayCalendarTable","PureComponent","getTableStructure","viewMonth","viewYear","props","firstDayOfMonth","Date","getDay","daysInMonth","getDate","week","weeks","i","push","length","days","getDayNames","intl","locale","daysShort","daysLong","selectDay","onSelect","isOutOfRange","min","max","date","isWithinRange","isDisabled","disabledRules","isDateDisabled","isUnavailable","isActive","selectedDate","Number","isFocused","focusedDate","isToday","getStartOfDay","getAutofocusDay","flatMap","getFocusableTime","isNow","timeSpan","render","disabledReasonId","autoFocusDay","_jsxs","className","children","_jsx","map","index","title","slice","weekIndex","dayIndex","dayOutOfRange","dayDisabled","TableLink","item","type","formatDate","autofocus","longTitle","active","outOfRange","disabled","today","onClick","injectIntl"],"mappings":"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"}