@hitachivantara/uikit-react-core 3.72.1 → 4.0.1-next.0

package/dist/Calendar/CalendarNavigation/Navigation/Navigation.js

@@ -15,7 +15,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 
@@ -23,7 +23,9 @@ var _utils = require("../../../utils");
 
 var _Typography = _interopRequireDefault(require("../../../Typography"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 /* eslint-disable jsx-a11y/no-noninteractive-tabindex */
 var Navigation = function Navigation(_ref) {
@@ -47,40 +49,43 @@ var Navigation = function Navigation(_ref) {
   };
 
   var onTextClickIsFunction = typeof onTextClick === "function";
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.root
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactIcons.DropLeftXS, {
-    id: (0, _utils.setId)(id, "left"),
-    className: (0, _clsx.default)(classes.icon, !isPreviousEnabled && classes.disabled),
-    onClick: isPreviousEnabled ? function (event) {
-      return onNavigatePrevious(event);
-    } : undefined,
-    onKeyDown: function onKeyDown(event) {
-      return isNextEnabled ? onkeyDownHandler(event, onNavigatePrevious) : undefined;
-    },
-    tabIndex: 0
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    id: id,
-    className: (0, _clsx.default)(onTextClickIsFunction ? classes.text : classes.textWithoutHover),
-    role: "presentation",
-    onClick: onTextClick,
-    onKeyDown: onTextClick && function (event) {
-      return onkeyDownHandler(event, onTextClick);
-    },
-    tabIndex: onTextClick ? 0 : -1
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    variant: "normalText"
-  }, navigationText)), /*#__PURE__*/_react.default.createElement(_uikitReactIcons.DropRightXS, {
-    id: (0, _utils.setId)(id, "right"),
-    className: "".concat(classes.icon, " ").concat(isNextEnabled ? "" : classes.disabled),
-    onClick: isNextEnabled ? function (event) {
-      return onNavigateNext(event);
-    } : undefined,
-    onKeyDown: function onKeyDown(event) {
-      return isNextEnabled ? onkeyDownHandler(event, onNavigateNext) : undefined;
-    },
-    tabIndex: 0
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: classes.root,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.DropLeftXS, {
+      id: (0, _utils.setId)(id, "left"),
+      className: (0, _clsx.default)(classes.icon, !isPreviousEnabled && classes.disabled),
+      onClick: isPreviousEnabled ? function (event) {
+        return onNavigatePrevious(event);
+      } : undefined,
+      onKeyDown: function onKeyDown(event) {
+        return isNextEnabled ? onkeyDownHandler(event, onNavigatePrevious) : undefined;
+      },
+      tabIndex: 0
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      id: id,
+      className: (0, _clsx.default)(onTextClickIsFunction ? classes.text : classes.textWithoutHover),
+      role: "presentation",
+      onClick: onTextClick,
+      onKeyDown: onTextClick && function (event) {
+        return onkeyDownHandler(event, onTextClick);
+      },
+      tabIndex: onTextClick ? 0 : -1,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+        variant: "normalText",
+        children: navigationText
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.DropRightXS, {
+      id: (0, _utils.setId)(id, "right"),
+      className: "".concat(classes.icon, " ").concat(isNextEnabled ? "" : classes.disabled),
+      onClick: isNextEnabled ? function (event) {
+        return onNavigateNext(event);
+      } : undefined,
+      onKeyDown: function onKeyDown(event) {
+        return isNextEnabled ? onkeyDownHandler(event, onNavigateNext) : undefined;
+      },
+      tabIndex: 0
+    })]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? Navigation.propTypes = {
@@ -125,7 +130,7 @@ process.env.NODE_ENV !== "production" ? Navigation.propTypes = {
   isNextEnabled: _propTypes.default.bool
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvCalendarNavigation"
 })(Navigation);
 

package/dist/Calendar/CalendarNavigation/Navigation/Navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.js","names":["Navigation","id","classes","onNavigatePrevious","onNavigateNext","onTextClick","navigationText","isPreviousEnabled","isNextEnabled","onkeyDownHandler","event","funcAction","isKeypress","KeyboardCodes","Enter","Space","preventDefault","onTextClickIsFunction","root","setId","clsx","icon","disabled","undefined","text","textWithoutHover","propTypes","PropTypes","string","instanceOf","Object","isRequired","func","bool","withStyles","styles","name"],"sources":["../../../../src/Calendar/CalendarNavigation/Navigation/Navigation.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport {\n  DropLeftXS as DropLeftIcon,\n  DropRightXS as DropRightIcon,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { isKeypress, KeyboardCodes, setId } from \"../../../utils\";\nimport HvTypography from \"../../../Typography\";\nimport styles from \"./styles\";\n\nconst Navigation = ({\n  id,\n  classes,\n  onNavigatePrevious,\n  onNavigateNext,\n  onTextClick,\n  navigationText = \"n/a\",\n  isPreviousEnabled = true,\n  isNextEnabled = true,\n}) => {\n  const onkeyDownHandler = (event, funcAction) => {\n    if (isKeypress(event, KeyboardCodes.Enter) || isKeypress(event, KeyboardCodes.Space)) {\n      event.preventDefault();\n      funcAction(event);\n    }\n  };\n\n  const onTextClickIsFunction = typeof onTextClick === \"function\";\n\n  return (\n    <div className={classes.root}>\n      <DropLeftIcon\n        id={setId(id, \"left\")}\n        className={clsx(classes.icon, {\n          [classes.disabled]: !isPreviousEnabled,\n        })}\n        onClick={isPreviousEnabled ? (event) => onNavigatePrevious(event) : undefined}\n        onKeyDown={(event) =>\n          isNextEnabled ? onkeyDownHandler(event, onNavigatePrevious) : undefined\n        }\n        tabIndex={0}\n      />\n\n      <div\n        id={id}\n        className={clsx({\n          [classes.text]: onTextClickIsFunction,\n          [classes.textWithoutHover]: !onTextClickIsFunction,\n        })}\n        role=\"presentation\"\n        onClick={onTextClick}\n        onKeyDown={onTextClick && ((event) => onkeyDownHandler(event, onTextClick))}\n        tabIndex={onTextClick ? 0 : -1}\n      >\n        <HvTypography variant=\"normalText\">{navigationText}</HvTypography>\n      </div>\n\n      <DropRightIcon\n        id={setId(id, \"right\")}\n        className={`${classes.icon} ${isNextEnabled ? \"\" : classes.disabled}`}\n        onClick={isNextEnabled ? (event) => onNavigateNext(event) : undefined}\n        onKeyDown={(event) => (isNextEnabled ? onkeyDownHandler(event, onNavigateNext) : undefined)}\n        tabIndex={0}\n      />\n    </div>\n  );\n};\n\nNavigation.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * A function to be executed whenever the navigate previous action is triggered.\n   */\n  onNavigatePrevious: PropTypes.func,\n  /**\n   * A function to be executed whenever the navigate next action is triggered.\n   */\n  onNavigateNext: PropTypes.func,\n  /**\n   * A function to be executed whenever the text is clicked.\n   */\n  onTextClick: PropTypes.func,\n  /**\n   * The text that will be shown between the navigation buttons.\n   */\n  navigationText: PropTypes.string,\n  /**\n   * Flag stating if the previous button should be enabled or disabled.\n   */\n  isPreviousEnabled: PropTypes.bool,\n  /**\n   * Flag stating if the next button should be enabled or disabled.\n   */\n  isNextEnabled: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvCalendarNavigation\" })(Navigation);\n"],"mappings":"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"}
+{"version":3,"file":"Navigation.js","names":["Navigation","id","classes","onNavigatePrevious","onNavigateNext","onTextClick","navigationText","isPreviousEnabled","isNextEnabled","onkeyDownHandler","event","funcAction","isKeypress","KeyboardCodes","Enter","Space","preventDefault","onTextClickIsFunction","root","setId","clsx","icon","disabled","undefined","text","textWithoutHover","propTypes","PropTypes","string","instanceOf","Object","isRequired","func","bool","withStyles","styles","name"],"sources":["../../../../src/Calendar/CalendarNavigation/Navigation/Navigation.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport {\n  DropLeftXS as DropLeftIcon,\n  DropRightXS as DropRightIcon,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { isKeypress, KeyboardCodes, setId } from \"../../../utils\";\nimport HvTypography from \"../../../Typography\";\nimport styles from \"./styles\";\n\nconst Navigation = ({\n  id,\n  classes,\n  onNavigatePrevious,\n  onNavigateNext,\n  onTextClick,\n  navigationText = \"n/a\",\n  isPreviousEnabled = true,\n  isNextEnabled = true,\n}) => {\n  const onkeyDownHandler = (event, funcAction) => {\n    if (isKeypress(event, KeyboardCodes.Enter) || isKeypress(event, KeyboardCodes.Space)) {\n      event.preventDefault();\n      funcAction(event);\n    }\n  };\n\n  const onTextClickIsFunction = typeof onTextClick === \"function\";\n\n  return (\n    <div className={classes.root}>\n      <DropLeftIcon\n        id={setId(id, \"left\")}\n        className={clsx(classes.icon, {\n          [classes.disabled]: !isPreviousEnabled,\n        })}\n        onClick={isPreviousEnabled ? (event) => onNavigatePrevious(event) : undefined}\n        onKeyDown={(event) =>\n          isNextEnabled ? onkeyDownHandler(event, onNavigatePrevious) : undefined\n        }\n        tabIndex={0}\n      />\n\n      <div\n        id={id}\n        className={clsx({\n          [classes.text]: onTextClickIsFunction,\n          [classes.textWithoutHover]: !onTextClickIsFunction,\n        })}\n        role=\"presentation\"\n        onClick={onTextClick}\n        onKeyDown={onTextClick && ((event) => onkeyDownHandler(event, onTextClick))}\n        tabIndex={onTextClick ? 0 : -1}\n      >\n        <HvTypography variant=\"normalText\">{navigationText}</HvTypography>\n      </div>\n\n      <DropRightIcon\n        id={setId(id, \"right\")}\n        className={`${classes.icon} ${isNextEnabled ? \"\" : classes.disabled}`}\n        onClick={isNextEnabled ? (event) => onNavigateNext(event) : undefined}\n        onKeyDown={(event) => (isNextEnabled ? onkeyDownHandler(event, onNavigateNext) : undefined)}\n        tabIndex={0}\n      />\n    </div>\n  );\n};\n\nNavigation.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * A function to be executed whenever the navigate previous action is triggered.\n   */\n  onNavigatePrevious: PropTypes.func,\n  /**\n   * A function to be executed whenever the navigate next action is triggered.\n   */\n  onNavigateNext: PropTypes.func,\n  /**\n   * A function to be executed whenever the text is clicked.\n   */\n  onTextClick: PropTypes.func,\n  /**\n   * The text that will be shown between the navigation buttons.\n   */\n  navigationText: PropTypes.string,\n  /**\n   * Flag stating if the previous button should be enabled or disabled.\n   */\n  isPreviousEnabled: PropTypes.bool,\n  /**\n   * Flag stating if the next button should be enabled or disabled.\n   */\n  isNextEnabled: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvCalendarNavigation\" })(Navigation);\n"],"mappings":"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"}

package/dist/Calendar/CalendarWeekLabels/CalendarWeekLabels.js

@@ -15,11 +15,13 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _ = require("../..");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var HvCalendarWeekLabel = function HvCalendarWeekLabel(_ref) {
   var classes = _ref.classes,
@@ -27,11 +29,11 @@ var HvCalendarWeekLabel = function HvCalendarWeekLabel(_ref) {
       labels = _ref$labels === void 0 ? [] : _ref$labels;
   return labels.map(function (dayName, index) {
     var key = "".concat(dayName, "-").concat(index);
-    return /*#__PURE__*/_react.default.createElement(_.HvTypography, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
       variant: "highlightText",
       className: classes.calendarDay,
-      key: key
-    }, dayName);
+      children: dayName
+    }, key);
   });
 };
 
@@ -57,7 +59,7 @@ process.env.NODE_ENV !== "production" ? HvCalendarWeekLabel.propTypes = {
   onChange: _propTypes.default.func
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvCalendarWeekLabel"
 })(HvCalendarWeekLabel);
 

package/dist/Calendar/CalendarWeekLabels/CalendarWeekLabels.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarWeekLabels.js","names":["HvCalendarWeekLabel","classes","labels","map","dayName","index","key","calendarDay","propTypes","PropTypes","instanceOf","Object","isRequired","id","string","arrayOf","onChange","func","withStyles","styles","name"],"sources":["../../../src/Calendar/CalendarWeekLabels/CalendarWeekLabels.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvTypography } from \"../..\";\nimport styles from \"./styles\";\n\nconst HvCalendarWeekLabel = ({ classes, labels = [] }) => {\n  return labels.map((dayName, index) => {\n    const key = `${dayName}-${index}`;\n    return (\n      <HvTypography variant=\"highlightText\" className={classes.calendarDay} key={key}>\n        {dayName}\n      </HvTypography>\n    );\n  });\n};\n\nHvCalendarWeekLabel.propTypes = {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * Localized day of week labels.\n   */\n  labels: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * Callback to define the input date.\n   */\n  onChange: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvCalendarWeekLabel\" })(HvCalendarWeekLabel);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAA8B;EAAA,IAA3BC,OAA2B,QAA3BA,OAA2B;EAAA,uBAAlBC,MAAkB;EAAA,IAAlBA,MAAkB,4BAAT,EAAS;EACxD,OAAOA,MAAM,CAACC,GAAP,CAAW,UAACC,OAAD,EAAUC,KAAV,EAAoB;IACpC,IAAMC,GAAG,aAAMF,OAAN,cAAiBC,KAAjB,CAAT;IACA,oBACE,6BAAC,cAAD;MAAc,OAAO,EAAC,eAAtB;MAAsC,SAAS,EAAEJ,OAAO,CAACM,WAAzD;MAAsE,GAAG,EAAED;IAA3E,GACGF,OADH,CADF;EAKD,CAPM,CAAP;AAQD,CATD;;AAWA,wCAAAJ,mBAAmB,CAACQ,SAApB,GAAgC;EAC9B;AACF;AACA;EACEP,OAAO,EAAEQ,kBAAA,CAAUC,UAAV,CAAqBC,MAArB,EAA6BC,UAJR;;EAK9B;AACF;AACA;EACEC,EAAE,EAAEJ,kBAAA,CAAUK,MARgB;;EAS9B;AACF;AACA;EACEZ,MAAM,EAAEO,kBAAA,CAAUM,OAAV,CAAkBN,kBAAA,CAAUK,MAA5B,CAZsB;;EAa9B;AACF;AACA;EACEE,QAAQ,EAAEP,kBAAA,CAAUQ;AAhBU,CAAhC;;eAmBe,IAAAC,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAoDpB,mBAApD,C"}
+{"version":3,"file":"CalendarWeekLabels.js","names":["HvCalendarWeekLabel","classes","labels","map","dayName","index","key","calendarDay","propTypes","PropTypes","instanceOf","Object","isRequired","id","string","arrayOf","onChange","func","withStyles","styles","name"],"sources":["../../../src/Calendar/CalendarWeekLabels/CalendarWeekLabels.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvTypography } from \"../..\";\nimport styles from \"./styles\";\n\nconst HvCalendarWeekLabel = ({ classes, labels = [] }) => {\n  return labels.map((dayName, index) => {\n    const key = `${dayName}-${index}`;\n    return (\n      <HvTypography variant=\"highlightText\" className={classes.calendarDay} key={key}>\n        {dayName}\n      </HvTypography>\n    );\n  });\n};\n\nHvCalendarWeekLabel.propTypes = {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * Localized day of week labels.\n   */\n  labels: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * Callback to define the input date.\n   */\n  onChange: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvCalendarWeekLabel\" })(HvCalendarWeekLabel);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAA8B;EAAA,IAA3BC,OAA2B,QAA3BA,OAA2B;EAAA,uBAAlBC,MAAkB;EAAA,IAAlBA,MAAkB,4BAAT,EAAS;EACxD,OAAOA,MAAM,CAACC,GAAP,CAAW,UAACC,OAAD,EAAUC,KAAV,EAAoB;IACpC,IAAMC,GAAG,aAAMF,OAAN,cAAiBC,KAAjB,CAAT;IACA,oBACE,qBAAC,cAAD;MAAc,OAAO,EAAC,eAAtB;MAAsC,SAAS,EAAEJ,OAAO,CAACM,WAAzD;MAAA,UACGH;IADH,GAA2EE,GAA3E,CADF;EAKD,CAPM,CAAP;AAQD,CATD;;AAWA,wCAAAN,mBAAmB,CAACQ,SAApB,GAAgC;EAC9B;AACF;AACA;EACEP,OAAO,EAAEQ,kBAAA,CAAUC,UAAV,CAAqBC,MAArB,EAA6BC,UAJR;;EAK9B;AACF;AACA;EACEC,EAAE,EAAEJ,kBAAA,CAAUK,MARgB;;EAS9B;AACF;AACA;EACEZ,MAAM,EAAEO,kBAAA,CAAUM,OAAV,CAAkBN,kBAAA,CAAUK,MAA5B,CAZsB;;EAa9B;AACF;AACA;EACEE,QAAQ,EAAEP,kBAAA,CAAUQ;AAhBU,CAAhC;;eAmBe,IAAAC,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAoDpB,mBAApD,C"}

package/dist/Calendar/SingleCalendar/CalendarCell.js

@@ -1,17 +1,27 @@
 "use strict";
 
-require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
 
 require("core-js/modules/es.object.to-string.js");
 
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+require("core-js/modules/es.array.iterator.js");
+
 require("core-js/modules/es.string.iterator.js");
 
 require("core-js/modules/es.weak-map.js");
 
 require("core-js/modules/web.dom-collections.iterator.js");
 
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -21,7 +31,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
@@ -39,12 +49,18 @@ var _utils = require("../utils");
 
 var _ = require("../..");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["classes", "onChange", "onKeyDown", "calendarValue", "firstDayOfCurrentMonth", "value", "isDateSelectionMode", "today", "locale", "minimumDate", "maximumDate", "rangeMode"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+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) { (0, _defineProperty2.default)(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; }
+
 var HvCalendarCell = function HvCalendarCell(_ref) {
   var classes = _ref.classes,
       onChange = _ref.onChange,
@@ -96,7 +112,7 @@ var HvCalendarCell = function HvCalendarCell(_ref) {
   };
 
   var renderDate = function renderDate() {
-    return /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", _objectSpread(_objectSpread({
       ref: buttonEl,
       type: "button",
       className: (0, _clsx.default)(classes.cellContainer, inMonth && classes.focusSelection),
@@ -104,23 +120,28 @@ var HvCalendarCell = function HvCalendarCell(_ref) {
       onKeyDown: handleKeyDown,
       disabled: isDateDisabled || !inMonth,
       "data-in-month": inMonth
-    }, others), /*#__PURE__*/_react.default.createElement(_.HvTypography, {
-      variant: isCellToday ? "highlightText" : "normalText",
-      className: (0, _clsx.default)(classes.calendarDate, inMonth ? [(startBookend && rangeMode || isCellStartingDate && isDateSelectionMode) && classes.startBookend, rangeMode && [isDateInSelectionRange && classes.calendarDateInSelectionRange, endBookend && classes.endBookend], isCellSelected && classes.calendarDateSelected] : classes.calendarDateNotInMonth, isDateDisabled && classes.calendarDateDisabled)
-    }, value.getDate()));
+    }, others), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
+        variant: isCellToday ? "highlightText" : "normalText",
+        className: (0, _clsx.default)(classes.calendarDate, inMonth ? [(startBookend && rangeMode || isCellStartingDate && isDateSelectionMode) && classes.startBookend, rangeMode && [isDateInSelectionRange && classes.calendarDateInSelectionRange, endBookend && classes.endBookend], isCellSelected && classes.calendarDateSelected] : classes.calendarDateNotInMonth, isDateDisabled && classes.calendarDateDisabled),
+        children: value.getDate()
+      })
+    }));
   };
 
-  return /*#__PURE__*/_react.default.createElement(_.HvTooltip, {
-    key: (0, _utils.getDateISO)(value),
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTooltip, {
     enterDelay: 600,
     onOpen: computeTitle,
-    title: title ? /*#__PURE__*/_react.default.createElement(_.HvTypography, {
-      noWrap: true
-    }, title) : ""
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _clsx.default)(classes.dateWrapper, rangeMode && (isSelecting ? inMonth && classes.cellsInRange : classes.cellsOutsideRange)),
-    "data-calendar-cell": "calendarCell"
-  }, renderDate()));
+    title: title ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
+      noWrap: true,
+      children: title
+    }) : "",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _clsx.default)(classes.dateWrapper, rangeMode && (isSelecting ? inMonth && classes.cellsInRange : classes.cellsOutsideRange)),
+      "data-calendar-cell": "calendarCell",
+      children: renderDate()
+    })
+  }, (0, _utils.getDateISO)(value));
 };
 
 process.env.NODE_ENV !== "production" ? HvCalendarCell.propTypes = {

package/dist/Calendar/SingleCalendar/CalendarCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarCell.js","names":["HvCalendarCell","classes","onChange","onKeyDown","calendarValue","firstDayOfCurrentMonth","value","isDateSelectionMode","today","locale","minimumDate","maximumDate","rangeMode","others","buttonEl","useRef","useComputation","getFormattedDate","title","computeTitle","startDate","endDate","isCellToday","isSameDay","isCellSelected","inMonth","isSameMonth","isCellAfterStartingDate","isCellStartingDate","isDateInSelectionRange","dateInProvidedValueRange","isDateDisabled","checkIfDateIsDisabled","startBookend","endBookend","isSelecting","handleClick","event","setTimeout","current","focus","handleKeyDown","renderDate","clsx","cellContainer","focusSelection","calendarDate","calendarDateInSelectionRange","calendarDateSelected","calendarDateNotInMonth","calendarDateDisabled","getDate","getDateISO","dateWrapper","cellsInRange","cellsOutsideRange","propTypes","PropTypes","instanceOf","Object","isRequired","id","string","oneOfType","Date","shape","func","onFocus","calendarModel","bool"],"sources":["../../../src/Calendar/SingleCalendar/CalendarCell.js"],"sourcesContent":["import React, { useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport useComputation from \"../../utils/useComputation\";\nimport {\n  getDateISO,\n  getFormattedDate,\n  isSameDay,\n  isSameMonth,\n  dateInProvidedValueRange,\n  checkIfDateIsDisabled,\n} from \"../utils\";\nimport { HvTooltip, HvTypography } from \"../..\";\n\nconst HvCalendarCell = ({\n  classes,\n  onChange,\n  onKeyDown,\n  calendarValue,\n  firstDayOfCurrentMonth,\n  value,\n  isDateSelectionMode,\n  today,\n  locale,\n  minimumDate,\n  maximumDate,\n  rangeMode = false,\n  ...others\n}) => {\n  const buttonEl = useRef(null);\n  const [title, computeTitle] = useComputation(() => getFormattedDate(value, locale));\n  const { startDate, endDate } = calendarValue;\n  const isCellToday = isSameDay(value, today);\n  const isCellSelected = isSameDay(calendarValue, value);\n  const inMonth = isSameMonth(value, firstDayOfCurrentMonth);\n  const isCellAfterStartingDate = rangeMode ? value >= startDate : false;\n  const isCellStartingDate = rangeMode ? isSameDay(value, startDate) : false;\n  const isDateInSelectionRange =\n    calendarValue && rangeMode ? dateInProvidedValueRange(value, calendarValue) : false;\n  const isDateDisabled = checkIfDateIsDisabled(value, minimumDate, maximumDate);\n  const startBookend = isSameDay(startDate, value);\n  const endBookend = isSameDay(endDate, value);\n  const isSelecting = isDateSelectionMode && isCellAfterStartingDate;\n\n  const handleClick = (event) => {\n    onChange?.(event, value);\n    setTimeout(() => buttonEl?.current?.focus());\n  };\n\n  const handleKeyDown = (event) => {\n    onKeyDown?.(event);\n  };\n\n  const renderDate = () => (\n    <button\n      ref={buttonEl}\n      type=\"button\"\n      className={clsx(classes.cellContainer, { [classes.focusSelection]: inMonth })}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      disabled={isDateDisabled || !inMonth}\n      data-in-month={inMonth}\n      {...others}\n    >\n      <HvTypography\n        variant={isCellToday ? \"highlightText\" : \"normalText\"}\n        className={clsx(classes.calendarDate, {\n          [classes.calendarDateSelected]: inMonth && isCellSelected,\n          [classes.calendarDateNotInMonth]: !inMonth,\n          [classes.calendarDateInSelectionRange]: inMonth && rangeMode && isDateInSelectionRange,\n          [classes.calendarDateDisabled]: isDateDisabled,\n          [classes.startBookend]:\n            inMonth && ((startBookend && rangeMode) || (isCellStartingDate && isDateSelectionMode)),\n          [classes.endBookend]: inMonth && endBookend && rangeMode,\n        })}\n      >\n        {value.getDate()}\n      </HvTypography>\n    </button>\n  );\n\n  return (\n    <HvTooltip\n      key={getDateISO(value)}\n      enterDelay={600}\n      onOpen={computeTitle}\n      title={title ? <HvTypography noWrap>{title}</HvTypography> : \"\"}\n    >\n      <div\n        className={clsx(classes.dateWrapper, {\n          [classes.cellsInRange]: inMonth && rangeMode && isSelecting,\n          [classes.cellsOutsideRange]: rangeMode && !isSelecting,\n        })}\n        data-calendar-cell=\"calendarCell\"\n      >\n        {renderDate()}\n      </div>\n    </HvTooltip>\n  );\n};\n\nHvCalendarCell.propTypes = {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * The text to be shown on the main part of the header.\n   */\n  calendarValue: PropTypes.oneOfType([\n    PropTypes.instanceOf(Date),\n    PropTypes.string,\n    PropTypes.shape({ startDate: PropTypes.instanceOf(Date), endDate: PropTypes.instanceOf(Date) }),\n  ]),\n  /**\n   * The text to be shown on the main part of the header.\n   */\n  value: PropTypes.instanceOf(Date),\n  /**\n   * Locale to be used by the calendar.\n   */\n  locale: PropTypes.string,\n  /**\n   * Callback to define the input date.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Callback to handle input onFocus.\n   */\n  onFocus: PropTypes.func,\n  calendarModel: PropTypes.instanceOf(Object),\n  onKeyDown: PropTypes.func,\n  today: PropTypes.instanceOf(Date),\n  minimumDate: PropTypes.instanceOf(Date),\n  maximumDate: PropTypes.instanceOf(Date),\n  firstDayOfCurrentMonth: PropTypes.instanceOf(Date),\n  isDateSelectionMode: PropTypes.bool,\n  rangeMode: PropTypes.bool,\n};\n\nexport default HvCalendarCell;\n"],"mappings":"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"}
+{"version":3,"file":"CalendarCell.js","names":["HvCalendarCell","classes","onChange","onKeyDown","calendarValue","firstDayOfCurrentMonth","value","isDateSelectionMode","today","locale","minimumDate","maximumDate","rangeMode","others","buttonEl","useRef","useComputation","getFormattedDate","title","computeTitle","startDate","endDate","isCellToday","isSameDay","isCellSelected","inMonth","isSameMonth","isCellAfterStartingDate","isCellStartingDate","isDateInSelectionRange","dateInProvidedValueRange","isDateDisabled","checkIfDateIsDisabled","startBookend","endBookend","isSelecting","handleClick","event","setTimeout","current","focus","handleKeyDown","renderDate","clsx","cellContainer","focusSelection","calendarDate","calendarDateInSelectionRange","calendarDateSelected","calendarDateNotInMonth","calendarDateDisabled","getDate","dateWrapper","cellsInRange","cellsOutsideRange","getDateISO","propTypes","PropTypes","instanceOf","Object","isRequired","id","string","oneOfType","Date","shape","func","onFocus","calendarModel","bool"],"sources":["../../../src/Calendar/SingleCalendar/CalendarCell.js"],"sourcesContent":["import React, { useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport useComputation from \"../../utils/useComputation\";\nimport {\n  getDateISO,\n  getFormattedDate,\n  isSameDay,\n  isSameMonth,\n  dateInProvidedValueRange,\n  checkIfDateIsDisabled,\n} from \"../utils\";\nimport { HvTooltip, HvTypography } from \"../..\";\n\nconst HvCalendarCell = ({\n  classes,\n  onChange,\n  onKeyDown,\n  calendarValue,\n  firstDayOfCurrentMonth,\n  value,\n  isDateSelectionMode,\n  today,\n  locale,\n  minimumDate,\n  maximumDate,\n  rangeMode = false,\n  ...others\n}) => {\n  const buttonEl = useRef(null);\n  const [title, computeTitle] = useComputation(() => getFormattedDate(value, locale));\n  const { startDate, endDate } = calendarValue;\n  const isCellToday = isSameDay(value, today);\n  const isCellSelected = isSameDay(calendarValue, value);\n  const inMonth = isSameMonth(value, firstDayOfCurrentMonth);\n  const isCellAfterStartingDate = rangeMode ? value >= startDate : false;\n  const isCellStartingDate = rangeMode ? isSameDay(value, startDate) : false;\n  const isDateInSelectionRange =\n    calendarValue && rangeMode ? dateInProvidedValueRange(value, calendarValue) : false;\n  const isDateDisabled = checkIfDateIsDisabled(value, minimumDate, maximumDate);\n  const startBookend = isSameDay(startDate, value);\n  const endBookend = isSameDay(endDate, value);\n  const isSelecting = isDateSelectionMode && isCellAfterStartingDate;\n\n  const handleClick = (event) => {\n    onChange?.(event, value);\n    setTimeout(() => buttonEl?.current?.focus());\n  };\n\n  const handleKeyDown = (event) => {\n    onKeyDown?.(event);\n  };\n\n  const renderDate = () => (\n    <button\n      ref={buttonEl}\n      type=\"button\"\n      className={clsx(classes.cellContainer, { [classes.focusSelection]: inMonth })}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      disabled={isDateDisabled || !inMonth}\n      data-in-month={inMonth}\n      {...others}\n    >\n      <HvTypography\n        variant={isCellToday ? \"highlightText\" : \"normalText\"}\n        className={clsx(classes.calendarDate, {\n          [classes.calendarDateSelected]: inMonth && isCellSelected,\n          [classes.calendarDateNotInMonth]: !inMonth,\n          [classes.calendarDateInSelectionRange]: inMonth && rangeMode && isDateInSelectionRange,\n          [classes.calendarDateDisabled]: isDateDisabled,\n          [classes.startBookend]:\n            inMonth && ((startBookend && rangeMode) || (isCellStartingDate && isDateSelectionMode)),\n          [classes.endBookend]: inMonth && endBookend && rangeMode,\n        })}\n      >\n        {value.getDate()}\n      </HvTypography>\n    </button>\n  );\n\n  return (\n    <HvTooltip\n      key={getDateISO(value)}\n      enterDelay={600}\n      onOpen={computeTitle}\n      title={title ? <HvTypography noWrap>{title}</HvTypography> : \"\"}\n    >\n      <div\n        className={clsx(classes.dateWrapper, {\n          [classes.cellsInRange]: inMonth && rangeMode && isSelecting,\n          [classes.cellsOutsideRange]: rangeMode && !isSelecting,\n        })}\n        data-calendar-cell=\"calendarCell\"\n      >\n        {renderDate()}\n      </div>\n    </HvTooltip>\n  );\n};\n\nHvCalendarCell.propTypes = {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * The text to be shown on the main part of the header.\n   */\n  calendarValue: PropTypes.oneOfType([\n    PropTypes.instanceOf(Date),\n    PropTypes.string,\n    PropTypes.shape({ startDate: PropTypes.instanceOf(Date), endDate: PropTypes.instanceOf(Date) }),\n  ]),\n  /**\n   * The text to be shown on the main part of the header.\n   */\n  value: PropTypes.instanceOf(Date),\n  /**\n   * Locale to be used by the calendar.\n   */\n  locale: PropTypes.string,\n  /**\n   * Callback to define the input date.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Callback to handle input onFocus.\n   */\n  onFocus: PropTypes.func,\n  calendarModel: PropTypes.instanceOf(Object),\n  onKeyDown: PropTypes.func,\n  today: PropTypes.instanceOf(Date),\n  minimumDate: PropTypes.instanceOf(Date),\n  maximumDate: PropTypes.instanceOf(Date),\n  firstDayOfCurrentMonth: PropTypes.instanceOf(Date),\n  isDateSelectionMode: PropTypes.bool,\n  rangeMode: PropTypes.bool,\n};\n\nexport default HvCalendarCell;\n"],"mappings":"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"}

package/dist/Calendar/SingleCalendar/SingleCalendar.js

@@ -1,17 +1,27 @@
 "use strict";
 
-require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
 
 require("core-js/modules/es.object.to-string.js");
 
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+require("core-js/modules/es.array.iterator.js");
+
 require("core-js/modules/es.string.iterator.js");
 
 require("core-js/modules/es.weak-map.js");
 
 require("core-js/modules/web.dom-collections.iterator.js");
 
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -23,7 +33,7 @@ exports.default = void 0;
 
 require("core-js/modules/es.array.map.js");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
@@ -35,7 +45,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
@@ -43,7 +53,7 @@ var _isNil = _interopRequireDefault(require("lodash/isNil"));
 
 var _utils = require("../../utils");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
 
 var _FormElement = require("../../Forms/FormElement");
 
@@ -61,12 +71,18 @@ var _CalendarWeekLabels = _interopRequireDefault(require("../CalendarWeekLabels"
 
 var _CalendarNavigation = require("../CalendarNavigation");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["classes", "className", "id", "locale", "value", "visibleMonth", "visibleYear", "minimumDate", "maximumDate", "onChange", "onInputChange", "onVisibleDateChange", "showEndDate", "children"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+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) { (0, _defineProperty2.default)(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; }
+
 var Enter = _utils.KeyboardCodes.Enter,
     ArrowLeft = _utils.KeyboardCodes.ArrowLeft,
     ArrowRight = _utils.KeyboardCodes.ArrowRight,
@@ -165,9 +181,8 @@ var HvSingleCalendar = function HvSingleCalendar(_ref) {
 
 
   var renderCalendarDate = function renderCalendarDate(currentDate) {
-    return /*#__PURE__*/_react.default.createElement(_CalendarCell.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CalendarCell.default, {
       classes: classes,
-      key: currentDate,
       tabIndex: currentDate.getTime() === firstDayOfCurrentMonthTime ? 0 : -1,
       onChange: handleChange,
       onKeyDown: handleKeyDown,
@@ -180,43 +195,49 @@ var HvSingleCalendar = function HvSingleCalendar(_ref) {
       firstDayOfCurrentMonth: firstDayOfCurrentMonth,
       maximumDate: maximumDate,
       minimumDate: minimumDate
-    });
+    }, currentDate);
   };
 
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
     className: (0, _clsx.default)(className, classes.calendarContainer)
-  }, others), /*#__PURE__*/_react.default.createElement("div", {
-    id: id,
-    className: classes.calendarWrapper
-  }, /*#__PURE__*/_react.default.createElement(_CalendarHeader.default, {
-    id: (0, _utils.setId)(id, "header"),
-    locale: locale,
-    onChange: handleInputChange,
-    showEndDate: showEndDate && !isDateSelectionMode
-  }), calViewMode === _enums.VIEW_MODE.CALENDAR && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_CalendarNavigation.HvComposedNavigation, {
-    id: id,
-    locale: locale,
-    onChange: onVisibleDateChange,
-    onViewModeChange: function onViewModeChange(viewMode) {
-      return setCalViewMode(viewMode);
-    },
-    visibleYear: visibleYear || today.getFullYear(),
-    visibleMonth: visibleMonth || today.getMonth() + 1
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.calendarGrid,
-    "aria-controls": HvCalendarHeader === null || HvCalendarHeader === void 0 ? void 0 : (_HvCalendarHeader$ = HvCalendarHeader[0]) === null || _HvCalendarHeader$ === void 0 ? void 0 : _HvCalendarHeader$.id
-  }, /*#__PURE__*/_react.default.createElement(_CalendarWeekLabels.default, {
-    labels: listWeekdayNames
-  }), calModel.dates.map(renderCalendarDate))), calViewMode === _enums.VIEW_MODE.MONTHLY && /*#__PURE__*/_react.default.createElement(_CalendarNavigation.HvMonthSelector, {
-    id: id,
-    locale: locale,
-    onChange: onVisibleDateChange,
-    onViewModeChange: function onViewModeChange(viewMode) {
-      return setCalViewMode(viewMode);
-    },
-    visibleMonth: visibleMonth || today.getMonth() + 1,
-    rangeMode: rangeMode
-  })));
+  }, others), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      id: id,
+      className: classes.calendarWrapper,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CalendarHeader.default, {
+        id: (0, _utils.setId)(id, "header"),
+        locale: locale,
+        onChange: handleInputChange,
+        showEndDate: showEndDate && !isDateSelectionMode
+      }), calViewMode === _enums.VIEW_MODE.CALENDAR && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CalendarNavigation.HvComposedNavigation, {
+          id: id,
+          locale: locale,
+          onChange: onVisibleDateChange,
+          onViewModeChange: function onViewModeChange(viewMode) {
+            return setCalViewMode(viewMode);
+          },
+          visibleYear: visibleYear || today.getFullYear(),
+          visibleMonth: visibleMonth || today.getMonth() + 1
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: classes.calendarGrid,
+          "aria-controls": HvCalendarHeader === null || HvCalendarHeader === void 0 ? void 0 : (_HvCalendarHeader$ = HvCalendarHeader[0]) === null || _HvCalendarHeader$ === void 0 ? void 0 : _HvCalendarHeader$.id,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CalendarWeekLabels.default, {
+            labels: listWeekdayNames
+          }), calModel.dates.map(renderCalendarDate)]
+        })]
+      }), calViewMode === _enums.VIEW_MODE.MONTHLY && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CalendarNavigation.HvMonthSelector, {
+        id: id,
+        locale: locale,
+        onChange: onVisibleDateChange,
+        onViewModeChange: function onViewModeChange(viewMode) {
+          return setCalViewMode(viewMode);
+        },
+        visibleMonth: visibleMonth || today.getMonth() + 1,
+        rangeMode: rangeMode
+      })]
+    })
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvSingleCalendar.propTypes = {
@@ -382,7 +403,7 @@ process.env.NODE_ENV !== "production" ? HvSingleCalendar.propTypes = {
   children: _propTypes.default.node
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvSingleCalendar"
 })(HvSingleCalendar);