@transferwise/components 0.0.0-experimental-58573b9 → 0.0.0-experimental-f4a3384

package/build/index.esm.js

@@ -3512,7 +3512,11 @@ const TableLink = ({
     children: /*#__PURE__*/jsx("button", {
       ref: buttonRef,
       type: "button",
-      className: `tw-date-lookup-${type}-option ${active ? 'active' : ''} ${today ? 'today' : ''} np-text-body-default-bold`,
+      className: classNames(`tw-date-lookup-${type}-option`, 'np-text-body-default-bold', {
+        active: !!active
+      }, {
+        today: !!today
+      }),
       disabled: disabled,
       "aria-label": calculateAriaLabel(),
       "aria-pressed": active,
@@ -3769,18 +3773,16 @@ const MonthCalendarTable = ({
   const {
     locale
   } = useIntl();
-  const getLink = month => {
-    return /*#__PURE__*/jsx(TableLink$1, {
-      item: month,
-      type: "month",
-      title: formatDate(new Date(viewYear, month), locale, MONTH_ONLY_FORMAT),
-      active: !!(selectedDate && month === selectedDate.getMonth() && viewYear === selectedDate.getFullYear()),
-      disabled: isDisabled(month),
-      today: viewYear === new Date().getFullYear() && month === new Date().getMonth(),
-      autofocus: autofocusMonth === month,
-      onClick: onSelect
-    });
-  };
+  const getLink = month => /*#__PURE__*/jsx(TableLink$1, {
+    item: month,
+    type: "month",
+    title: formatDate(new Date(viewYear, month), locale, MONTH_ONLY_FORMAT),
+    active: !!(selectedDate && month === selectedDate.getMonth() && viewYear === selectedDate.getFullYear()),
+    autofocus: autofocusMonth === month,
+    disabled: isDisabled(month),
+    today: viewYear === new Date().getFullYear() && month === new Date().getMonth(),
+    onClick: onSelect
+  });
   const isDisabled = month => {
     const date = new Date(viewYear, month);
     return !!(min && date < new Date(min.getFullYear(), min.getMonth()) || max && date > new Date(max.getFullYear(), max.getMonth()));
@@ -3920,18 +3922,16 @@ const YearCalendarTable = ({
     locale
   } = useIntl();
   const startYear = viewYear - viewYear % 20;
-  const getLink = year => {
-    return /*#__PURE__*/jsx(TableLink$1, {
-      item: year,
-      type: "year",
-      title: formatDate(new Date(year, 0), locale, YEAR_ONLY_FORMAT),
-      active: !!(selectedDate && year === selectedDate.getFullYear()),
-      disabled: isDisabled(year),
-      today: year === new Date().getFullYear(),
-      autofocus: autofocusYear === year,
-      onClick: onSelect
-    });
-  };
+  const getLink = year => /*#__PURE__*/jsx(TableLink$1, {
+    item: year,
+    type: "year",
+    title: formatDate(new Date(year, 0), locale, YEAR_ONLY_FORMAT),
+    active: !!(selectedDate && year === selectedDate.getFullYear()),
+    disabled: isDisabled(year),
+    today: year === new Date().getFullYear(),
+    autofocus: autofocusYear === year,
+    onClick: onSelect
+  });
   const isDisabled = year => {
     return !!(min && year < min.getFullYear() || max && year > max.getFullYear());
   };