@elliemae/ds-controlled-form 2.2.0-alpha.4 → 3.0.0-next.2

package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContent.js

@@ -1,22 +1,32 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
-import { CalendarBody } from "./CalendarBody";
-import { CalendarHead } from "./CalendarHead";
-import { CalendarFooter } from "./CalendarFooter";
-import { CalendarContext } from "./CalendarContext";
-import { StyledShadowWrapper, StyledCalendarWrapper } from "./Styleds";
-const CalendarContent = ({ className = "" }) => {
-  const { isControllerOnly, daysMatrixByWeekday } = useContext(CalendarContext);
-  return /* @__PURE__ */ React2.createElement(StyledShadowWrapper, {
-    className,
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useContext } from 'react';
+import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';
+import { CalendarBody } from './CalendarBody.js';
+import { CalendarHead } from './CalendarHead.js';
+import { CalendarFooter } from './CalendarFooter.js';
+import { CalendarContext } from './CalendarContext.js';
+import { StyledShadowWrapper, StyledCalendarWrapper } from './Styleds.js';
+
+var _CalendarHead, _CalendarFooter;
+// <StyledShadowWrapper className={className}>
+// is required for styled-components, without this we can't styled(CalendarContent)...
+// https://stackoverflow.com/questions/52542817/styled-components-not-applying-style-to-custom-functional-react-component
+
+const CalendarContent = _ref => {
+  let {
+    className = ''
+  } = _ref;
+  const {
     isControllerOnly,
+    daysMatrixByWeekday
+  } = useContext(CalendarContext);
+  return /*#__PURE__*/_jsx(StyledShadowWrapper, {
+    className: className,
+    isControllerOnly: isControllerOnly,
     "data-testid": ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR
-  }, /* @__PURE__ */ React2.createElement(StyledCalendarWrapper, null, /* @__PURE__ */ React2.createElement(CalendarHead, null), /* @__PURE__ */ React2.createElement(CalendarBody, {
+  }, void 0, /*#__PURE__*/_jsx(StyledCalendarWrapper, {}, void 0, _CalendarHead || (_CalendarHead = /*#__PURE__*/_jsx(CalendarHead, {})), /*#__PURE__*/_jsx(CalendarBody, {
     weekRowsNum: daysMatrixByWeekday.length
-  }), /* @__PURE__ */ React2.createElement(CalendarFooter, null)));
+  }), _CalendarFooter || (_CalendarFooter = /*#__PURE__*/_jsx(CalendarFooter, {}))));
 };
-export {
-  CalendarContent
-};
-//# sourceMappingURL=CalendarContent.js.map
+
+export { CalendarContent };

package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContext.js

@@ -1,31 +1,32 @@
-import * as React from "react";
-import { createContext, createRef } from "react";
-const noop = () => {
-};
+import { createRef, createContext } from 'react';
+
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+const noop = () => {};
+
 const defaultCalendarContext = {
-  ariaCurrentValueForInputs: "",
+  ariaCurrentValueForInputs: '',
   showCalendar: false,
   disabled: false,
   setShowCalendar: noop,
   closeCalendar: noop,
   setPopperElement: noop,
   setArrowElement: noop,
-  usePopperHelpers: void 0,
+  usePopperHelpers: undefined,
   handleToggleCalendar: noop,
   handleSetTriggerRef: noop,
   handleMenuWrapperKeyDown: noop,
-  prevYearBtnRef: createRef(),
-  prevMonthBtnRef: createRef(),
-  nextMonthBtnRef: createRef(),
-  nextYearBtnRef: createRef(),
-  calendarDaysWrapperRef: createRef(),
-  currentMonth: void 0,
-  currentYear: void 0,
+  prevYearBtnRef: /*#__PURE__*/createRef(),
+  prevMonthBtnRef: /*#__PURE__*/createRef(),
+  nextMonthBtnRef: /*#__PURE__*/createRef(),
+  nextYearBtnRef: /*#__PURE__*/createRef(),
+  calendarDaysWrapperRef: /*#__PURE__*/createRef(),
+  currentMonth: undefined,
+  currentYear: undefined,
   daysArray: [],
-  invisibleFirstDay: void 0,
+  invisibleFirstDay: undefined,
   daysMatrixByWeekday: [],
-  invisibleLastDay: void 0,
-  focusedDay: void 0,
+  invisibleLastDay: undefined,
+  focusedDay: undefined,
   tryToFocusCurrentlyDataIsFocusedDay: noop,
   resetFocusedDayToStartDate: noop,
   handleFocusMetaDay: noop,
@@ -48,11 +49,8 @@ const defaultCalendarContext = {
   onNextMonthFocus: noop,
   onNextYearFocus: noop
 };
-const CalendarContext = createContext(defaultCalendarContext);
-var CalendarContext_default = CalendarContext;
-export {
-  CalendarContext,
-  CalendarContext_default as default,
-  defaultCalendarContext
-};
-//# sourceMappingURL=CalendarContext.js.map
+/** Context for cross component communication */
+
+const CalendarContext = /*#__PURE__*/createContext(defaultCalendarContext);
+
+export { CalendarContext, CalendarContext as default, defaultCalendarContext };

package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarDaysList.js

@@ -1,34 +1,41 @@
-import * as React from "react";
-import React2 from "react";
-import { Day } from "./Day";
-import { StyledWeekDaysListWrapper } from "./Styleds";
-const CalendarDaysList = React2.memo(({ invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay, innerRef }) => /* @__PURE__ */ React2.createElement("div", {
-  ref: innerRef,
-  role: "rowgroup"
-}, /* @__PURE__ */ React2.createElement(Day, {
-  key: `ds-calendar-${invisibleFirstDay.day.toString()}`,
-  metaDay: invisibleFirstDay,
-  isInvisible: true
-}), daysMatrixByWeekday.map((week, i) => /* @__PURE__ */ React2.createElement(StyledWeekDaysListWrapper, {
-  key: `ds-calendar-week-${week[0].day.toString()}-${week[6].day.toString()}`,
-  role: "row",
-  "aria-rowindex": i + 1,
-  cols: ["32px", "32px", "32px", "32px", "32px", "32px", "32px"],
-  rows: ["28px"],
-  py: "xxxs",
-  px: "2px",
-  justifyContent: "space-between",
-  alignItems: "center"
-}, week.map((metaDay, z) => /* @__PURE__ */ React2.createElement(Day, {
-  key: `ds-calendar-${metaDay.day.toString()}`,
-  metaDay,
-  colIndex: z + 1
-})))), /* @__PURE__ */ React2.createElement(Day, {
-  key: `ds-calendar-${invisibleLastDay.day.toString()}`,
-  metaDay: invisibleLastDay,
-  isInvisible: true
-})));
-export {
-  CalendarDaysList
-};
-//# sourceMappingURL=CalendarDaysList.js.map
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import React from 'react';
+import { Day } from './Day.js';
+import { StyledWeekDaysListWrapper } from './Styleds.js';
+import { jsxs } from 'react/jsx-runtime';
+
+const CalendarDaysList = /*#__PURE__*/React.memo(_ref => {
+  let {
+    invisibleFirstDay,
+    daysMatrixByWeekday,
+    invisibleLastDay,
+    innerRef
+  } = _ref;
+  return /*#__PURE__*/jsxs("div", {
+    ref: innerRef,
+    role: "rowgroup",
+    children: [/*#__PURE__*/_jsx(Day, {
+      metaDay: invisibleFirstDay,
+      isInvisible: true
+    }, "ds-calendar-".concat(invisibleFirstDay.day.toString())), daysMatrixByWeekday.map((week, i) => /*#__PURE__*/_jsx(StyledWeekDaysListWrapper, {
+      role: "row",
+      "aria-rowindex": i + 1,
+      cols: ['32px', '32px', '32px', '32px', '32px', '32px', '32px'],
+      rows: ['28px'],
+      py: "xxxs",
+      px: "2px",
+      justifyContent: "space-between",
+      alignItems: "center"
+    }, "ds-calendar-week-".concat(week[0].day.toString(), "-").concat(week[6].day.toString()), week.map((metaDay, z) => /*#__PURE__*/_jsx(Day, {
+      metaDay: metaDay,
+      colIndex: z + 1
+    }, "ds-calendar-".concat(metaDay.day.toString()))))), /*#__PURE__*/_jsx(Day, {
+      metaDay: invisibleLastDay,
+      isInvisible: true
+    }, "ds-calendar-".concat(invisibleLastDay.day.toString()))]
+  });
+});
+
+export { CalendarDaysList };

package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarFooter.js

@@ -1,19 +1,20 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import { ControlledDateTimePickerContext } from "../../../ControlledDateTimePickerCTX";
-import { CalendarFooterMessage } from "./Styleds";
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useContext } from 'react';
+import { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';
+import { CalendarFooterMessage } from './Styleds.js';
+
 const CalendarFooter = () => {
   const {
-    props: { pickerFooterMsg, hasError },
+    props: {
+      pickerFooterMsg,
+      hasError
+    },
     isWithTimeWheelToo
   } = useContext(ControlledDateTimePickerContext);
-  if (pickerFooterMsg !== void 0 && !isWithTimeWheelToo && hasError)
-    return /* @__PURE__ */ React2.createElement(CalendarFooterMessage, {
-      role: "alert"
-    }, pickerFooterMsg);
+  if (pickerFooterMsg !== undefined && !isWithTimeWheelToo && hasError) return /*#__PURE__*/_jsx(CalendarFooterMessage, {
+    role: "alert"
+  }, void 0, pickerFooterMsg);
   return null;
 };
-export {
-  CalendarFooter
-};
-//# sourceMappingURL=CalendarFooter.js.map
+
+export { CalendarFooter };

package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarHead.js

@@ -1,16 +1,23 @@
-import * as React from "react";
-import React2, { useContext, useMemo } from "react";
-import { BUTTON_SIZES } from "@elliemae/ds-button";
-import { ChevronDoubleLeft, ChevronLeft, ChevronDoubleRight, ChevronRight } from "@elliemae/ds-icons";
-import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
-import { getMonthNameByMonthNumber } from "../../../utils/dateHelpers";
-import { StyledHeader, StyledHeaderButton } from "./Styleds";
-import { CalendarContext } from "./CalendarContext";
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useMemo, useContext } from 'react';
+import { BUTTON_SIZES } from '@elliemae/ds-button';
+import { ChevronDoubleLeft, ChevronLeft, ChevronRight, ChevronDoubleRight } from '@elliemae/ds-icons';
+import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';
+import { getMonthNameByMonthNumber } from '../../../utils/dateHelpers.js';
+import { StyledHeader, StyledHeaderButton } from './Styleds.js';
+import { CalendarContext } from './CalendarContext.js';
+
+var _ChevronDoubleLeft, _ChevronLeft, _ChevronRight, _ChevronDoubleRight;
+
 const useGetFormattedCurrentDate = () => {
-  const { currentMonth, currentYear } = useContext(CalendarContext);
-  const monthString = currentMonth >= 0 && currentMonth <= 11 ? `${getMonthNameByMonthNumber(currentMonth)} ` : "";
-  return useMemo(() => `${monthString}${currentYear}`, [monthString, currentYear]);
+  const {
+    currentMonth,
+    currentYear
+  } = useContext(CalendarContext);
+  const monthString = currentMonth >= 0 && currentMonth <= 11 ? "".concat(getMonthNameByMonthNumber(currentMonth), " ") : '';
+  return useMemo(() => "".concat(monthString).concat(currentYear), [monthString, currentYear]);
 };
+
 const CalendarHead = () => {
   const currentFormatedDate = useGetFormattedCurrentDate();
   const {
@@ -33,7 +40,7 @@ const CalendarHead = () => {
     isControllerOnly,
     autoFocusPrevMonthArrow
   } = useContext(CalendarContext);
-  return /* @__PURE__ */ React2.createElement(StyledHeader, null, /* @__PURE__ */ React2.createElement(StyledHeaderButton, {
+  return /*#__PURE__*/_jsx(StyledHeader, {}, void 0, /*#__PURE__*/_jsx(StyledHeaderButton, {
     "aria-label": "previous year",
     buttonType: "raw",
     size: BUTTON_SIZES.M,
@@ -43,11 +50,11 @@ const CalendarHead = () => {
     onFocus: onPrevYearFocus,
     tabIndex: isControllerOnly ? -1 : 1,
     "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.PREV_YEAR
-  }, /* @__PURE__ */ React2.createElement(ChevronDoubleLeft, {
+  }, void 0, _ChevronDoubleLeft || (_ChevronDoubleLeft = /*#__PURE__*/_jsx(ChevronDoubleLeft, {
     height: 14,
     width: 14,
     fill: "#25292f"
-  })), /* @__PURE__ */ React2.createElement(StyledHeaderButton, {
+  }))), /*#__PURE__*/_jsx(StyledHeaderButton, {
     autoFocus: autoFocusPrevMonthArrow,
     "aria-label": "previous month",
     buttonType: "raw",
@@ -56,10 +63,11 @@ const CalendarHead = () => {
     innerRef: prevMonthBtnRef,
     onKeyDown: handlePrevMonthKeyDown,
     onFocus: onPrevMonthFocus,
-    "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.PREV_MONTH
-  }, /* @__PURE__ */ React2.createElement(ChevronLeft, {
+    "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.PREV_MONTH // this is a tabstop for when the calendar is open
+
+  }, void 0, _ChevronLeft || (_ChevronLeft = /*#__PURE__*/_jsx(ChevronLeft, {
     fill: "#25292f"
-  })), /* @__PURE__ */ React2.createElement("h3", null, currentFormatedDate), /* @__PURE__ */ React2.createElement(StyledHeaderButton, {
+  }))), /*#__PURE__*/_jsx("h3", {}, void 0, currentFormatedDate), /*#__PURE__*/_jsx(StyledHeaderButton, {
     "aria-label": "next month",
     buttonType: "raw",
     size: BUTTON_SIZES.M,
@@ -68,9 +76,9 @@ const CalendarHead = () => {
     onKeyDown: handleNextMonthKeyDown,
     onFocus: onNextMonthFocus,
     "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.NEXT_MONTH
-  }, /* @__PURE__ */ React2.createElement(ChevronRight, {
+  }, void 0, _ChevronRight || (_ChevronRight = /*#__PURE__*/_jsx(ChevronRight, {
     fill: "#25292f"
-  })), /* @__PURE__ */ React2.createElement(StyledHeaderButton, {
+  }))), /*#__PURE__*/_jsx(StyledHeaderButton, {
     "aria-label": "next year",
     buttonType: "raw",
     size: BUTTON_SIZES.M,
@@ -79,13 +87,11 @@ const CalendarHead = () => {
     onKeyDown: handleNextYearKeyDown,
     onFocus: onNextYearFocus,
     "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.NEXT_YEAR
-  }, /* @__PURE__ */ React2.createElement(ChevronDoubleRight, {
+  }, void 0, _ChevronDoubleRight || (_ChevronDoubleRight = /*#__PURE__*/_jsx(ChevronDoubleRight, {
     height: 14,
     width: 14,
     fill: "#25292f"
-  })));
-};
-export {
-  CalendarHead
+  }))));
 };
-//# sourceMappingURL=CalendarHead.js.map
+
+export { CalendarHead };

package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarIconTrigger.js

@@ -1,14 +1,25 @@
-import * as React from "react";
-import React2, { useContext, useMemo } from "react";
-import { BUTTON_SIZES, BUTTON_VARIANT } from "@elliemae/ds-button";
-import { DatePicker } from "@elliemae/ds-icons";
-import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
-import { CalendarContext } from "./CalendarContext";
-import { StyledIconTriggerButton } from "./Styleds";
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useContext, useMemo } from 'react';
+import { BUTTON_SIZES, BUTTON_VARIANT } from '@elliemae/ds-button';
+import { DatePicker } from '@elliemae/ds-icons';
+import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';
+import { CalendarContext } from './CalendarContext.js';
+import { StyledIconTriggerButton } from './Styleds.js';
+
+var _DatePicker;
+// this is particularly usefull due to how usePopper needs to check the references
+// since references are saved in a immutable way, we make sure to shortcircuit useless-re-renders
+
 const CalendarIconTrigger = () => {
-  const { handleToggleCalendar, handleSetTriggerRef, handlePickerIconKeyDown, ariaCurrentValueForInputs, disabled } = useContext(CalendarContext);
-  return useMemo(() => /* @__PURE__ */ React2.createElement(StyledIconTriggerButton, {
-    "aria-label": `date picker context menu trigger, ${ariaCurrentValueForInputs}`,
+  const {
+    handleToggleCalendar,
+    handleSetTriggerRef,
+    handlePickerIconKeyDown,
+    ariaCurrentValueForInputs,
+    disabled
+  } = useContext(CalendarContext);
+  return useMemo(() => /*#__PURE__*/_jsx(StyledIconTriggerButton, {
+    "aria-label": "date picker context menu trigger, ".concat(ariaCurrentValueForInputs),
     buttonType: "icon",
     size: BUTTON_SIZES.M,
     variant: BUTTON_VARIANT.DEFAULT,
@@ -16,10 +27,8 @@ const CalendarIconTrigger = () => {
     onClick: handleToggleCalendar,
     onKeyDown: handlePickerIconKeyDown,
     "data-testid": ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR,
-    disabled
-  }, /* @__PURE__ */ React2.createElement(DatePicker, null)), [ariaCurrentValueForInputs, handleSetTriggerRef, handleToggleCalendar, handlePickerIconKeyDown, disabled]);
-};
-export {
-  CalendarIconTrigger
+    disabled: disabled
+  }, void 0, _DatePicker || (_DatePicker = /*#__PURE__*/_jsx(DatePicker, {}))), [ariaCurrentValueForInputs, handleSetTriggerRef, handleToggleCalendar, handlePickerIconKeyDown, disabled]);
 };
-//# sourceMappingURL=CalendarIconTrigger.js.map
+
+export { CalendarIconTrigger };

package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarMonthDays.js

@@ -1,17 +1,21 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import { CalendarDaysList } from "./CalendarDaysList";
-import { CalendarContext } from "./CalendarContext";
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useContext } from 'react';
+import { CalendarDaysList } from './CalendarDaysList.js';
+import { CalendarContext } from './CalendarContext.js';
+
 const CalendarMonthDays = () => {
-  const { invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay, calendarDaysWrapperRef } = useContext(CalendarContext);
-  return /* @__PURE__ */ React2.createElement(CalendarDaysList, {
+  const {
     invisibleFirstDay,
     daysMatrixByWeekday,
     invisibleLastDay,
+    calendarDaysWrapperRef
+  } = useContext(CalendarContext);
+  return /*#__PURE__*/_jsx(CalendarDaysList, {
+    invisibleFirstDay: invisibleFirstDay,
+    daysMatrixByWeekday: daysMatrixByWeekday,
+    invisibleLastDay: invisibleLastDay,
     innerRef: calendarDaysWrapperRef
   });
 };
-export {
-  CalendarMonthDays
-};
-//# sourceMappingURL=CalendarMonthDays.js.map
+
+export { CalendarMonthDays };

package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarWeekDays.js

@@ -1,40 +1,40 @@
-import * as React from "react";
-import React2 from "react";
-import { StyledWeekDaysListWrapper, StyledWeekDaysHeaderItem } from "./Styleds";
-const CalendarWeekDays = React2.memo(() => /* @__PURE__ */ React2.createElement("span", {
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import React from 'react';
+import { StyledWeekDaysListWrapper, StyledWeekDaysHeaderItem } from './Styleds.js';
+
+var _StyledWeekDaysHeader, _StyledWeekDaysHeader2, _StyledWeekDaysHeader3, _StyledWeekDaysHeader4, _StyledWeekDaysHeader5, _StyledWeekDaysHeader6, _StyledWeekDaysHeader7;
+const CalendarWeekDays = /*#__PURE__*/React.memo(() => /*#__PURE__*/_jsx("span", {
   role: "rowgroup"
-}, /* @__PURE__ */ React2.createElement(StyledWeekDaysListWrapper, {
+}, void 0, /*#__PURE__*/_jsx(StyledWeekDaysListWrapper, {
   role: "row",
-  cols: ["32px", "32px", "32px", "32px", "32px", "32px", "32px"],
-  rows: ["22px"],
+  cols: ['32px', '32px', '32px', '32px', '32px', '32px', '32px'],
+  rows: ['22px'],
   py: "xxxs",
   px: "6px",
   justifyContent: "space-between",
   alignItems: "center",
   isHeader: true
-}, /* @__PURE__ */ React2.createElement(StyledWeekDaysHeaderItem, {
+}, void 0, _StyledWeekDaysHeader || (_StyledWeekDaysHeader = /*#__PURE__*/_jsx(StyledWeekDaysHeaderItem, {
   role: "columnheader",
   "aria-colindex": 1
-}, "sun"), /* @__PURE__ */ React2.createElement(StyledWeekDaysHeaderItem, {
+}, void 0, "sun")), _StyledWeekDaysHeader2 || (_StyledWeekDaysHeader2 = /*#__PURE__*/_jsx(StyledWeekDaysHeaderItem, {
   role: "columnheader",
   "aria-colindex": 2
-}, "mon"), /* @__PURE__ */ React2.createElement(StyledWeekDaysHeaderItem, {
+}, void 0, "mon")), _StyledWeekDaysHeader3 || (_StyledWeekDaysHeader3 = /*#__PURE__*/_jsx(StyledWeekDaysHeaderItem, {
   role: "columnheader",
   "aria-colindex": 3
-}, "tue"), /* @__PURE__ */ React2.createElement(StyledWeekDaysHeaderItem, {
+}, void 0, "tue")), _StyledWeekDaysHeader4 || (_StyledWeekDaysHeader4 = /*#__PURE__*/_jsx(StyledWeekDaysHeaderItem, {
   role: "columnheader",
   "aria-colindex": 4
-}, "wed"), /* @__PURE__ */ React2.createElement(StyledWeekDaysHeaderItem, {
+}, void 0, "wed")), _StyledWeekDaysHeader5 || (_StyledWeekDaysHeader5 = /*#__PURE__*/_jsx(StyledWeekDaysHeaderItem, {
   role: "columnheader",
   "aria-colindex": 5
-}, "thu"), /* @__PURE__ */ React2.createElement(StyledWeekDaysHeaderItem, {
+}, void 0, "thu")), _StyledWeekDaysHeader6 || (_StyledWeekDaysHeader6 = /*#__PURE__*/_jsx(StyledWeekDaysHeaderItem, {
   role: "columnheader",
   "aria-colindex": 6
-}, "fri"), /* @__PURE__ */ React2.createElement(StyledWeekDaysHeaderItem, {
+}, void 0, "fri")), _StyledWeekDaysHeader7 || (_StyledWeekDaysHeader7 = /*#__PURE__*/_jsx(StyledWeekDaysHeaderItem, {
   role: "columnheader",
   "aria-colindex": 7
-}, "sat"))));
-export {
-  CalendarWeekDays
-};
-//# sourceMappingURL=CalendarWeekDays.js.map
+}, void 0, "sat")))));
+
+export { CalendarWeekDays };

package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarWrapper.js

@@ -1,28 +1,45 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
-import { CalendarContent } from "./CalendarContent";
-import { CalendarContext } from "./CalendarContext";
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useContext } from 'react';
+import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';
+import { CalendarContent } from './CalendarContent.js';
+import { CalendarContext } from './CalendarContext.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _CalendarContent, _CalendarContent2;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const CalendarWrapper = () => {
   const {
     setPopperElement,
-    usePopperHelpers: { styles, attributes },
+    usePopperHelpers: {
+      styles,
+      attributes
+    },
     setArrowElement,
     isControllerOnly
   } = useContext(CalendarContext);
-  if (isControllerOnly)
-    return /* @__PURE__ */ React2.createElement(CalendarContent, null);
-  return /* @__PURE__ */ React2.createElement("div", {
+  if (isControllerOnly) return _CalendarContent || (_CalendarContent = /*#__PURE__*/_jsx(CalendarContent, {}));
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
     ref: setPopperElement,
-    style: { ...styles.popper, background: "white", zIndex: 110 },
-    ...attributes.popper,
-    "data-testid": ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR
-  }, /* @__PURE__ */ React2.createElement(CalendarContent, null), /* @__PURE__ */ React2.createElement("div", {
-    ref: setArrowElement,
-    style: styles.arrow
+    style: _objectSpread(_objectSpread({}, styles.popper), {}, {
+      background: 'white',
+      zIndex: 110
+    })
+  }, attributes.popper), {}, {
+    "data-testid": ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR,
+    children: [_CalendarContent2 || (_CalendarContent2 = /*#__PURE__*/_jsx(CalendarContent, {})), /*#__PURE__*/jsx("div", {
+      ref: setArrowElement,
+      style: styles.arrow
+    })]
   }));
 };
-export {
-  CalendarWrapper
-};
-//# sourceMappingURL=CalendarWrapper.js.map
+
+export { CalendarWrapper };