@atlaskit/calendar 13.3.0 → 13.3.2

package/dist/cjs/calendar.js

@@ -35,7 +35,7 @@ var boxStyles = (0, _primitives.xcss)({
 var analyticsAttributes = {
   componentName: 'calendar',
   packageName: "@atlaskit/calendar",
-  packageVersion: "13.3.0"
+  packageVersion: "13.3.2"
 };
 var CalendarWithMode = /*#__PURE__*/(0, _react.forwardRef)(function Calendar(_ref, ref) {
   var day = _ref.day,
@@ -191,58 +191,55 @@ var CalendarWithMode = /*#__PURE__*/(0, _react.forwardRef)(function Calendar(_re
     return "".concat(monthsLong[previousMonth], " ").concat(showPreviousYear ? yearValue - 1 : yearValue);
   };
   var headerId = (0, _useUniqueId.default)('month-year-header');
-  return (
-    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/no-static-element-interactions
-    (0, _react2.jsx)("div", {
-      className: className,
-      style: style,
-      onBlur: handleContainerBlur,
-      onFocus: handleContainerFocus,
-      "data-testid": testId && "".concat(testId, "--container"),
-      ref: ref
-    }, (0, _react2.jsx)(_primitives.Box, {
-      xcss: boxStyles,
-      padding: "space.200",
-      "aria-label": "calendar",
-      testId: testId && "".concat(testId, "--calendar")
-    }, (0, _react2.jsx)(_primitives.Stack, {
-      space: "space.150"
-    }, (0, _react2.jsx)(_header.default
-    // The month number needs to be translated to index in the month
-    // name array e.g. 1 (January) -> 0
-    , {
-      monthLongTitle: monthsLong[monthValue - 1],
-      year: yearValue,
-      nextMonthLabel: nextMonthLabel,
-      previousMonthLabel: previousMonthLabel,
-      nextHeading: getNextHeading(),
-      previousHeading: getPreviousHeading(),
-      handleClickNext: handleClickNext,
-      handleClickPrev: handleClickPrev,
-      headerId: headerId,
-      mode: mode,
-      tabIndex: tabIndex,
-      testId: testId
-    }), (0, _react2.jsx)(_primitives.Box, {
-      role: "grid",
-      tabIndex: tabIndex,
-      onKeyDown: handleContainerKeyDown,
-      "aria-labelledby": headerId,
-      testId: testId && "".concat(testId, "--calendar-dates")
-    }, (0, _react2.jsx)(_weekHeader.default, {
-      daysShort: daysShort,
-      mode: mode,
-      testId: testId
-    }), (0, _react2.jsx)(_weekDays.default, {
-      weeks: weeks,
-      handleClickDay: handleClickDay,
-      mode: mode,
-      monthsLong: monthsLong,
-      shouldSetFocus: shouldSetFocus,
-      tabIndex: tabIndex,
-      testId: testId
-    })))))
-  );
+  return (0, _react2.jsx)("div", {
+    className: className,
+    style: style,
+    onBlur: handleContainerBlur,
+    onFocus: handleContainerFocus,
+    "data-testid": testId && "".concat(testId, "--container"),
+    ref: ref
+  }, (0, _react2.jsx)(_primitives.Box, {
+    xcss: boxStyles,
+    padding: "space.200",
+    "aria-label": "calendar",
+    testId: testId && "".concat(testId, "--calendar")
+  }, (0, _react2.jsx)(_primitives.Stack, {
+    space: "space.150"
+  }, (0, _react2.jsx)(_header.default
+  // The month number needs to be translated to index in the month
+  // name array e.g. 1 (January) -> 0
+  , {
+    monthLongTitle: monthsLong[monthValue - 1],
+    year: yearValue,
+    nextMonthLabel: nextMonthLabel,
+    previousMonthLabel: previousMonthLabel,
+    nextHeading: getNextHeading(),
+    previousHeading: getPreviousHeading(),
+    handleClickNext: handleClickNext,
+    handleClickPrev: handleClickPrev,
+    headerId: headerId,
+    mode: mode,
+    tabIndex: tabIndex,
+    testId: testId
+  }), (0, _react2.jsx)(_primitives.Box, {
+    role: "grid",
+    tabIndex: tabIndex,
+    onKeyDown: handleContainerKeyDown,
+    "aria-labelledby": headerId,
+    testId: testId && "".concat(testId, "--calendar-dates")
+  }, (0, _react2.jsx)(_weekHeader.default, {
+    daysShort: daysShort,
+    mode: mode,
+    testId: testId
+  }), (0, _react2.jsx)(_weekDays.default, {
+    weeks: weeks,
+    handleClickDay: handleClickDay,
+    mode: mode,
+    monthsLong: monthsLong,
+    shouldSetFocus: shouldSetFocus,
+    tabIndex: tabIndex,
+    testId: testId
+  })))));
 });
 
 /**
@@ -264,5 +261,4 @@ var Calendar = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
   });
 }));
 Calendar.displayName = 'Calendar';
-var _default = Calendar;
-exports.default = _default;
+var _default = exports.default = Calendar;

package/dist/cjs/internal/components/date.js

@@ -99,5 +99,4 @@ var Date = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(fu
 Date.displayName = 'Date';
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
-var _default = Date;
-exports.default = _default;
+var _default = exports.default = Date;

package/dist/cjs/internal/components/header.js

@@ -100,5 +100,4 @@ var Header = /*#__PURE__*/(0, _react.memo)(function Header(_ref) {
 Header.displayName = 'Header';
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
-var _default = Header;
-exports.default = _default;
+var _default = exports.default = Header;

package/dist/cjs/internal/components/week-day-grid.js

@@ -16,16 +16,15 @@ var _primitives = require("@atlaskit/primitives");
  */
 var WeekDayGrid = function WeekDayGrid(_ref) {
   var testId = _ref.testId,
-    children = _ref.children;
-  return (
-    // TODO: Determine if there is a better way to render the row (should be
-    // fixed with introduction of keyboard accessibility of Calendar in DSP-9939) (DSP-11588)
-    (0, _react.jsx)(_primitives.Grid, {
-      testId: testId,
-      templateColumns: "repeat(7, minmax(max-content, 1fr))",
-      role: "row"
-    }, children)
-  );
+    children = _ref.children,
+    isHidden = _ref.isHidden;
+  var row = (0, _react.jsx)(_primitives.Grid, {
+    testId: testId,
+    templateColumns: "repeat(7, minmax(max-content, 1fr))",
+    role: "row"
+  }, children);
+  return isHidden ? (0, _react.jsx)("div", {
+    "aria-hidden": "true"
+  }, row) : row;
 };
-var _default = WeekDayGrid;
-exports.default = _default;
+var _default = exports.default = WeekDayGrid;

package/dist/cjs/internal/components/week-days.js

@@ -20,42 +20,36 @@ var WeekDays = /*#__PURE__*/(0, _react.memo)(function WeekDays(_ref) {
     shouldSetFocus = _ref.shouldSetFocus,
     tabIndex = _ref.tabIndex,
     testId = _ref.testId;
-  return (
-    // TODO: Determine if there is a better way to render the button (should be
-    // fixed with introduction of keyboard accessibility of Calendar in
-    // DSP-9939) (DSP-11588)
-    (0, _react2.jsx)(_box.default, {
-      role: "rowgroup",
-      testId: testId && "".concat(testId, "--month")
-    }, weeks.map(function (week, i) {
-      return (0, _react2.jsx)(_weekDayGrid.default, {
-        key: i,
-        testId: testId && "".concat(testId, "--week")
-      }, week.values.map(function (weekDay) {
-        return (0, _react2.jsx)(_date.default, {
-          key: "".concat(week.id, "-").concat(weekDay.id),
-          isDisabled: weekDay.isDisabled,
-          isFocused: weekDay.isFocused,
-          isToday: weekDay.isToday,
-          dayLong: weekDay.weekDayName,
-          month: weekDay.month,
-          monthLong: monthsLong[weekDay.month - 1],
-          onClick: handleClickDay,
-          isPreviouslySelected: weekDay.isPreviouslySelected,
-          isSelected: weekDay.isSelected,
-          isSibling: weekDay.isSiblingMonth,
-          year: weekDay.year,
-          mode: mode,
-          shouldSetFocus: shouldSetFocus,
-          tabIndex: tabIndex,
-          testId: testId
-        }, weekDay.day);
-      }));
-    }))
-  );
+  return (0, _react2.jsx)(_box.default, {
+    role: "rowgroup",
+    testId: testId && "".concat(testId, "--month")
+  }, weeks.map(function (week, i) {
+    return (0, _react2.jsx)(_weekDayGrid.default, {
+      key: i,
+      testId: testId && "".concat(testId, "--week")
+    }, week.values.map(function (weekDay) {
+      return (0, _react2.jsx)(_date.default, {
+        key: "".concat(week.id, "-").concat(weekDay.id),
+        isDisabled: weekDay.isDisabled,
+        isFocused: weekDay.isFocused,
+        isToday: weekDay.isToday,
+        dayLong: weekDay.weekDayName,
+        month: weekDay.month,
+        monthLong: monthsLong[weekDay.month - 1],
+        onClick: handleClickDay,
+        isPreviouslySelected: weekDay.isPreviouslySelected,
+        isSelected: weekDay.isSelected,
+        isSibling: weekDay.isSiblingMonth,
+        year: weekDay.year,
+        mode: mode,
+        shouldSetFocus: shouldSetFocus,
+        tabIndex: tabIndex,
+        testId: testId
+      }, weekDay.day);
+    }));
+  }));
 });
 WeekDays.displayName = 'WeekDays';
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
-var _default = WeekDays;
-exports.default = _default;
+var _default = exports.default = WeekDays;

package/dist/cjs/internal/components/week-header.js

@@ -26,10 +26,10 @@ var WeekHeader = /*#__PURE__*/(0, _react.memo)(function WeekHeader(_ref) {
   var daysShort = _ref.daysShort,
     testId = _ref.testId;
   return (0, _react2.jsx)(_weekDayGrid.default, {
+    isHidden: true,
     testId: testId && "".concat(testId, "--column-headers")
   }, daysShort.map(function (shortDay) {
     return (0, _react2.jsx)(_primitives.Box, {
-      "aria-hidden": "true",
       padding: "space.100",
       xcss: columnHeaderStyles,
       key: shortDay,
@@ -46,5 +46,4 @@ var WeekHeader = /*#__PURE__*/(0, _react.memo)(function WeekHeader(_ref) {
 WeekHeader.displayName = 'WeekHeader';
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
-var _default = WeekHeader;
-exports.default = _default;
+var _default = exports.default = WeekHeader;

package/dist/cjs/internal/constants.js

@@ -4,16 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.monthsPerYear = exports.daysPerWeek = exports.blankStringArray = exports.arrowKeys = void 0;
-var arrowKeys = {
+var arrowKeys = exports.arrowKeys = {
   ArrowDown: 'down',
   ArrowLeft: 'left',
   ArrowRight: 'right',
   ArrowUp: 'up'
 };
-exports.arrowKeys = arrowKeys;
-var daysPerWeek = 7;
-exports.daysPerWeek = daysPerWeek;
-var monthsPerYear = 12;
-exports.monthsPerYear = monthsPerYear;
-var blankStringArray = [];
-exports.blankStringArray = blankStringArray;
+var daysPerWeek = exports.daysPerWeek = 7;
+var monthsPerYear = exports.monthsPerYear = 12;
+var blankStringArray = exports.blankStringArray = [];

package/dist/cjs/internal/styles/date.js

@@ -30,7 +30,7 @@ var borderColorFocused = {
   light: "var(--ds-border-focused, ".concat(_colors.B200, ")"),
   dark: "var(--ds-border-focused, ".concat(_colors.B100, ")")
 };
-var dateCellStyles = function dateCellStyles() {
+var dateCellStyles = exports.dateCellStyles = function dateCellStyles() {
   var mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'light';
   return {
     all: 'unset',
@@ -100,5 +100,4 @@ var dateCellStyles = function dateCellStyles() {
       color: "var(--ds-text-disabled, ".concat(_colors.N40, ")")
     }
   };
-};
-exports.dateCellStyles = dateCellStyles;
+};

package/dist/es2019/calendar.js

@@ -25,7 +25,7 @@ const boxStyles = xcss({
 const analyticsAttributes = {
   componentName: 'calendar',
   packageName: "@atlaskit/calendar",
-  packageVersion: "13.3.0"
+  packageVersion: "13.3.2"
 };
 const CalendarWithMode = /*#__PURE__*/forwardRef(function Calendar({
   day,
@@ -162,58 +162,55 @@ const CalendarWithMode = /*#__PURE__*/forwardRef(function Calendar({
     return `${monthsLong[previousMonth]} ${showPreviousYear ? yearValue - 1 : yearValue}`;
   };
   const headerId = useUniqueId('month-year-header');
-  return (
-    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/no-static-element-interactions
-    jsx("div", {
-      className: className,
-      style: style,
-      onBlur: handleContainerBlur,
-      onFocus: handleContainerFocus,
-      "data-testid": testId && `${testId}--container`,
-      ref: ref
-    }, jsx(Box, {
-      xcss: boxStyles,
-      padding: "space.200",
-      "aria-label": "calendar",
-      testId: testId && `${testId}--calendar`
-    }, jsx(Stack, {
-      space: "space.150"
-    }, jsx(Header
-    // The month number needs to be translated to index in the month
-    // name array e.g. 1 (January) -> 0
-    , {
-      monthLongTitle: monthsLong[monthValue - 1],
-      year: yearValue,
-      nextMonthLabel: nextMonthLabel,
-      previousMonthLabel: previousMonthLabel,
-      nextHeading: getNextHeading(),
-      previousHeading: getPreviousHeading(),
-      handleClickNext: handleClickNext,
-      handleClickPrev: handleClickPrev,
-      headerId: headerId,
-      mode: mode,
-      tabIndex: tabIndex,
-      testId: testId
-    }), jsx(Box, {
-      role: "grid",
-      tabIndex: tabIndex,
-      onKeyDown: handleContainerKeyDown,
-      "aria-labelledby": headerId,
-      testId: testId && `${testId}--calendar-dates`
-    }, jsx(WeekHeaderComponent, {
-      daysShort: daysShort,
-      mode: mode,
-      testId: testId
-    }), jsx(WeekDaysComponent, {
-      weeks: weeks,
-      handleClickDay: handleClickDay,
-      mode: mode,
-      monthsLong: monthsLong,
-      shouldSetFocus: shouldSetFocus,
-      tabIndex: tabIndex,
-      testId: testId
-    })))))
-  );
+  return jsx("div", {
+    className: className,
+    style: style,
+    onBlur: handleContainerBlur,
+    onFocus: handleContainerFocus,
+    "data-testid": testId && `${testId}--container`,
+    ref: ref
+  }, jsx(Box, {
+    xcss: boxStyles,
+    padding: "space.200",
+    "aria-label": "calendar",
+    testId: testId && `${testId}--calendar`
+  }, jsx(Stack, {
+    space: "space.150"
+  }, jsx(Header
+  // The month number needs to be translated to index in the month
+  // name array e.g. 1 (January) -> 0
+  , {
+    monthLongTitle: monthsLong[monthValue - 1],
+    year: yearValue,
+    nextMonthLabel: nextMonthLabel,
+    previousMonthLabel: previousMonthLabel,
+    nextHeading: getNextHeading(),
+    previousHeading: getPreviousHeading(),
+    handleClickNext: handleClickNext,
+    handleClickPrev: handleClickPrev,
+    headerId: headerId,
+    mode: mode,
+    tabIndex: tabIndex,
+    testId: testId
+  }), jsx(Box, {
+    role: "grid",
+    tabIndex: tabIndex,
+    onKeyDown: handleContainerKeyDown,
+    "aria-labelledby": headerId,
+    testId: testId && `${testId}--calendar-dates`
+  }, jsx(WeekHeaderComponent, {
+    daysShort: daysShort,
+    mode: mode,
+    testId: testId
+  }), jsx(WeekDaysComponent, {
+    weeks: weeks,
+    handleClickDay: handleClickDay,
+    mode: mode,
+    monthsLong: monthsLong,
+    shouldSetFocus: shouldSetFocus,
+    tabIndex: tabIndex,
+    testId: testId
+  })))));
 });
 
 /**

package/dist/es2019/internal/components/week-day-grid.js

@@ -10,13 +10,16 @@ import { Grid } from '@atlaskit/primitives';
  */
 const WeekDayGrid = ({
   testId,
-  children
-}) =>
-// TODO: Determine if there is a better way to render the row (should be
-// fixed with introduction of keyboard accessibility of Calendar in DSP-9939) (DSP-11588)
-jsx(Grid, {
-  testId: testId,
-  templateColumns: "repeat(7, minmax(max-content, 1fr))",
-  role: "row"
-}, children);
+  children,
+  isHidden
+}) => {
+  const row = jsx(Grid, {
+    testId: testId,
+    templateColumns: "repeat(7, minmax(max-content, 1fr))",
+    role: "row"
+  }, children);
+  return isHidden ? jsx("div", {
+    "aria-hidden": "true"
+  }, row) : row;
+};
 export default WeekDayGrid;

package/dist/es2019/internal/components/week-days.js

@@ -13,35 +13,30 @@ const WeekDays = /*#__PURE__*/memo(function WeekDays({
   tabIndex,
   testId
 }) {
-  return (
-    // TODO: Determine if there is a better way to render the button (should be
-    // fixed with introduction of keyboard accessibility of Calendar in
-    // DSP-9939) (DSP-11588)
-    jsx(Box, {
-      role: "rowgroup",
-      testId: testId && `${testId}--month`
-    }, weeks.map((week, i) => jsx(WeekdayGrid, {
-      key: i,
-      testId: testId && `${testId}--week`
-    }, week.values.map(weekDay => jsx(DateComponent, {
-      key: `${week.id}-${weekDay.id}`,
-      isDisabled: weekDay.isDisabled,
-      isFocused: weekDay.isFocused,
-      isToday: weekDay.isToday,
-      dayLong: weekDay.weekDayName,
-      month: weekDay.month,
-      monthLong: monthsLong[weekDay.month - 1],
-      onClick: handleClickDay,
-      isPreviouslySelected: weekDay.isPreviouslySelected,
-      isSelected: weekDay.isSelected,
-      isSibling: weekDay.isSiblingMonth,
-      year: weekDay.year,
-      mode: mode,
-      shouldSetFocus: shouldSetFocus,
-      tabIndex: tabIndex,
-      testId: testId
-    }, weekDay.day)))))
-  );
+  return jsx(Box, {
+    role: "rowgroup",
+    testId: testId && `${testId}--month`
+  }, weeks.map((week, i) => jsx(WeekdayGrid, {
+    key: i,
+    testId: testId && `${testId}--week`
+  }, week.values.map(weekDay => jsx(DateComponent, {
+    key: `${week.id}-${weekDay.id}`,
+    isDisabled: weekDay.isDisabled,
+    isFocused: weekDay.isFocused,
+    isToday: weekDay.isToday,
+    dayLong: weekDay.weekDayName,
+    month: weekDay.month,
+    monthLong: monthsLong[weekDay.month - 1],
+    onClick: handleClickDay,
+    isPreviouslySelected: weekDay.isPreviouslySelected,
+    isSelected: weekDay.isSelected,
+    isSibling: weekDay.isSiblingMonth,
+    year: weekDay.year,
+    mode: mode,
+    shouldSetFocus: shouldSetFocus,
+    tabIndex: tabIndex,
+    testId: testId
+  }, weekDay.day)))));
 });
 WeekDays.displayName = 'WeekDays';
 

package/dist/es2019/internal/components/week-header.js

@@ -19,9 +19,9 @@ const WeekHeader = /*#__PURE__*/memo(function WeekHeader({
   testId
 }) {
   return jsx(WeekDayGrid, {
+    isHidden: true,
     testId: testId && `${testId}--column-headers`
   }, daysShort.map(shortDay => jsx(Box, {
-    "aria-hidden": "true",
     padding: "space.100",
     xcss: columnHeaderStyles,
     key: shortDay,

package/dist/esm/calendar.js

@@ -29,7 +29,7 @@ var boxStyles = xcss({
 var analyticsAttributes = {
   componentName: 'calendar',
   packageName: "@atlaskit/calendar",
-  packageVersion: "13.3.0"
+  packageVersion: "13.3.2"
 };
 var CalendarWithMode = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
   var day = _ref.day,
@@ -185,58 +185,55 @@ var CalendarWithMode = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
     return "".concat(monthsLong[previousMonth], " ").concat(showPreviousYear ? yearValue - 1 : yearValue);
   };
   var headerId = useUniqueId('month-year-header');
-  return (
-    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/no-static-element-interactions
-    jsx("div", {
-      className: className,
-      style: style,
-      onBlur: handleContainerBlur,
-      onFocus: handleContainerFocus,
-      "data-testid": testId && "".concat(testId, "--container"),
-      ref: ref
-    }, jsx(Box, {
-      xcss: boxStyles,
-      padding: "space.200",
-      "aria-label": "calendar",
-      testId: testId && "".concat(testId, "--calendar")
-    }, jsx(Stack, {
-      space: "space.150"
-    }, jsx(Header
-    // The month number needs to be translated to index in the month
-    // name array e.g. 1 (January) -> 0
-    , {
-      monthLongTitle: monthsLong[monthValue - 1],
-      year: yearValue,
-      nextMonthLabel: nextMonthLabel,
-      previousMonthLabel: previousMonthLabel,
-      nextHeading: getNextHeading(),
-      previousHeading: getPreviousHeading(),
-      handleClickNext: handleClickNext,
-      handleClickPrev: handleClickPrev,
-      headerId: headerId,
-      mode: mode,
-      tabIndex: tabIndex,
-      testId: testId
-    }), jsx(Box, {
-      role: "grid",
-      tabIndex: tabIndex,
-      onKeyDown: handleContainerKeyDown,
-      "aria-labelledby": headerId,
-      testId: testId && "".concat(testId, "--calendar-dates")
-    }, jsx(WeekHeaderComponent, {
-      daysShort: daysShort,
-      mode: mode,
-      testId: testId
-    }), jsx(WeekDaysComponent, {
-      weeks: weeks,
-      handleClickDay: handleClickDay,
-      mode: mode,
-      monthsLong: monthsLong,
-      shouldSetFocus: shouldSetFocus,
-      tabIndex: tabIndex,
-      testId: testId
-    })))))
-  );
+  return jsx("div", {
+    className: className,
+    style: style,
+    onBlur: handleContainerBlur,
+    onFocus: handleContainerFocus,
+    "data-testid": testId && "".concat(testId, "--container"),
+    ref: ref
+  }, jsx(Box, {
+    xcss: boxStyles,
+    padding: "space.200",
+    "aria-label": "calendar",
+    testId: testId && "".concat(testId, "--calendar")
+  }, jsx(Stack, {
+    space: "space.150"
+  }, jsx(Header
+  // The month number needs to be translated to index in the month
+  // name array e.g. 1 (January) -> 0
+  , {
+    monthLongTitle: monthsLong[monthValue - 1],
+    year: yearValue,
+    nextMonthLabel: nextMonthLabel,
+    previousMonthLabel: previousMonthLabel,
+    nextHeading: getNextHeading(),
+    previousHeading: getPreviousHeading(),
+    handleClickNext: handleClickNext,
+    handleClickPrev: handleClickPrev,
+    headerId: headerId,
+    mode: mode,
+    tabIndex: tabIndex,
+    testId: testId
+  }), jsx(Box, {
+    role: "grid",
+    tabIndex: tabIndex,
+    onKeyDown: handleContainerKeyDown,
+    "aria-labelledby": headerId,
+    testId: testId && "".concat(testId, "--calendar-dates")
+  }, jsx(WeekHeaderComponent, {
+    daysShort: daysShort,
+    mode: mode,
+    testId: testId
+  }), jsx(WeekDaysComponent, {
+    weeks: weeks,
+    handleClickDay: handleClickDay,
+    mode: mode,
+    monthsLong: monthsLong,
+    shouldSetFocus: shouldSetFocus,
+    tabIndex: tabIndex,
+    testId: testId
+  })))));
 });
 
 /**