@hitachivantara/uikit-react-core 3.74.2 → 3.75.1

package/dist/Avatar/Avatar.d.ts

@@ -79,7 +79,7 @@ export interface HvAvatarProps
   /**
    * Attributes applied to the container element.
    */
-  containerProps: object;
+  containerProps?: object;
 }
 
 export default function HvAvatar(props: HvAvatarProps): JSX.Element | null;

package/dist/Calendar/Calendar.d.ts

@@ -75,6 +75,10 @@ export interface HvCalendarProps
    * An element placed before the Calendar
    */
   startAdornment: React.ReactNode;
+  /**
+   * An element placed before the Calendar
+   */
+  invalidDateLabel?: string;
 }
 
 export default function HvCalendar(props: HvCalendarProps): JSX.Element | null;

package/dist/Calendar/Calendar.js

@@ -41,7 +41,7 @@ var _utils2 = require("./utils");
 
 var _SingleCalendar = _interopRequireDefault(require("./SingleCalendar"));
 
-var _excluded = ["classes", "id", "locale", "value", "visibleMonth", "visibleYear", "rightVisibleMonth", "rightVisibleYear", "minimumDate", "maximumDate", "startAdornment", "onChange", "onInputChange", "onVisibleDateChange"];
+var _excluded = ["classes", "id", "locale", "value", "visibleMonth", "visibleYear", "rightVisibleMonth", "rightVisibleYear", "minimumDate", "maximumDate", "startAdornment", "onChange", "onInputChange", "onVisibleDateChange", "invalidDateLabel"];
 
 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); }
 
@@ -62,6 +62,7 @@ var HvCalendar = function HvCalendar(_ref) {
       onChange = _ref.onChange,
       _onInputChange = _ref.onInputChange,
       _onVisibleDateChange = _ref.onVisibleDateChange,
+      invalidDateLabel = _ref.invalidDateLabel,
       others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
   var _useContext = (0, _react.useContext)(_FormElement.HvFormElementContext),
@@ -86,7 +87,8 @@ var HvCalendar = function HvCalendar(_ref) {
     onInputChange: function onInputChange(evt, date) {
       return _onInputChange(evt, date, "left");
     },
-    onVisibleDateChange: _onVisibleDateChange
+    onVisibleDateChange: _onVisibleDateChange,
+    invalidDateLabel: invalidDateLabel
   }, others));
 
   var rangeCalendar = /*#__PURE__*/_react.default.createElement("div", {
@@ -106,7 +108,8 @@ var HvCalendar = function HvCalendar(_ref) {
     },
     onVisibleDateChange: function onVisibleDateChange(event, action, index) {
       return _onVisibleDateChange === null || _onVisibleDateChange === void 0 ? void 0 : _onVisibleDateChange(event, action, index, "left");
-    }
+    },
+    invalidDateLabel: invalidDateLabel
   }, others)), /*#__PURE__*/_react.default.createElement(_SingleCalendar.default, (0, _extends2.default)({
     className: classes.singleCalendar,
     id: rightCalendarId,
@@ -123,7 +126,8 @@ var HvCalendar = function HvCalendar(_ref) {
     onVisibleDateChange: function onVisibleDateChange(event, action, index) {
       _onVisibleDateChange === null || _onVisibleDateChange === void 0 ? void 0 : _onVisibleDateChange(event, action, index, "right");
     },
-    showEndDate: true
+    showEndDate: true,
+    invalidDateLabel: invalidDateLabel
   }, others)));
 
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -207,7 +211,12 @@ process.env.NODE_ENV !== "production" ? HvCalendar.propTypes = {
   /**
    * An element placed before the Calendar
    */
-  startAdornment: _propTypes.default.node
+  startAdornment: _propTypes.default.node,
+
+  /**
+   * Label shown when date is invalid.
+   */
+  invalidDateLabel: _propTypes.default.string
 } : void 0;
 
 var _default = (0, _core.withStyles)(_styles.default, {

package/dist/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","names":["HvCalendar","classes","id","locale","value","visibleMonth","visibleYear","rightVisibleMonth","rightVisibleYear","minimumDate","maximumDate","startAdornment","onChange","onInputChange","onVisibleDateChange","others","useContext","HvFormElementContext","elementId","elementValue","HvFormElementValueContext","localValue","localId","setId","rangeMode","isRange","rightCalendarId","clampedMonth","singleCalendar","evt","date","rangeCalendar","rangeCalendarContainer","event","action","index","root","propTypes","PropTypes","instanceOf","Object","isRequired","string","oneOfType","Date","shape","startDate","endDate","number","func","node","withStyles","styles","name"],"sources":["../../src/Calendar/Calendar.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId } from \"../utils\";\nimport styles from \"./styles\";\nimport { HvFormElementContext, HvFormElementValueContext } from \"../Forms/FormElement\";\nimport { isRange } from \"./utils\";\nimport SingleCalendar from \"./SingleCalendar\";\n\nconst HvCalendar = ({\n  classes,\n  id,\n  locale,\n  value,\n  visibleMonth,\n  visibleYear,\n  rightVisibleMonth,\n  rightVisibleYear,\n  minimumDate,\n  maximumDate,\n  startAdornment,\n  onChange,\n  onInputChange,\n  onVisibleDateChange,\n  ...others\n}) => {\n  const { elementId } = useContext(HvFormElementContext);\n  const elementValue = useContext(HvFormElementValueContext);\n  const localValue = value ?? elementValue;\n  const localId = id ?? setId(elementId, \"single-calendar\");\n  const rangeMode = isRange(localValue);\n  const rightCalendarId = setId(localId, \"single-calendar-right\");\n  const clampedMonth = visibleMonth % 13 > 0 ? visibleMonth % 13 : 1;\n\n  const singleCalendar = (\n    <SingleCalendar\n      id={localId}\n      locale={locale}\n      value={localValue}\n      visibleMonth={clampedMonth}\n      visibleYear={visibleYear}\n      minimumDate={minimumDate}\n      maximumDate={maximumDate}\n      onChange={onChange}\n      onInputChange={(evt, date) => onInputChange(evt, date, \"left\")}\n      onVisibleDateChange={onVisibleDateChange}\n      {...others}\n    />\n  );\n\n  const rangeCalendar = (\n    <div className={classes.rangeCalendarContainer}>\n      <SingleCalendar\n        className={classes.singleCalendar}\n        id={localId}\n        locale={locale}\n        value={localValue}\n        visibleMonth={clampedMonth}\n        visibleYear={visibleYear}\n        minimumDate={minimumDate}\n        maximumDate={maximumDate}\n        onChange={onChange}\n        onInputChange={(evt, date) => onInputChange(evt, date, \"left\")}\n        onVisibleDateChange={(event, action, index) =>\n          onVisibleDateChange?.(event, action, index, \"left\")\n        }\n        {...others}\n      />\n\n      <SingleCalendar\n        className={classes.singleCalendar}\n        id={rightCalendarId}\n        locale={locale}\n        value={localValue}\n        visibleMonth={rightVisibleMonth}\n        visibleYear={rightVisibleYear}\n        minimumDate={minimumDate}\n        maximumDate={maximumDate}\n        onChange={onChange}\n        onInputChange={(evt, date) => onInputChange(evt, date, \"right\")}\n        onVisibleDateChange={(event, action, index) => {\n          onVisibleDateChange?.(event, action, index, \"right\");\n        }}\n        showEndDate\n        {...others}\n      />\n    </div>\n  );\n\n  return (\n    <div className={classes.root}>\n      {startAdornment}\n      {rangeMode ? rangeCalendar : singleCalendar}\n    </div>\n  );\n};\n\nHvCalendar.propTypes = {\n  /**\n   * Styles applied from the theme.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * The calendar locale. If undefined, it defaults to en-US\n   *\n   */\n  locale: PropTypes.string,\n  /**\n   * Date that the calendar would show.\n   * if using the object format the calendar enter in range mode showing two calendars\n   */\n  value: PropTypes.oneOfType([\n    PropTypes.instanceOf(Date),\n    PropTypes.shape({ startDate: PropTypes.instanceOf(Date), endDate: PropTypes.instanceOf(Date) }),\n  ]),\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth: PropTypes.number,\n  /**\n   * Controls the visible year of the Calendar\n   */\n  visibleYear: PropTypes.number,\n  /**\n   * Controls the visible month of the Calendar on the right side of the datepicker\n   */\n  rightVisibleMonth: PropTypes.number,\n  /**\n   * Controls the visible year of the Calendar on the right side of the datepicker\n   */\n  rightVisibleYear: PropTypes.number,\n  /**\n   * Callback function to be triggered when the selected date has changed.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Callback function to be triggered when the selected date input has changed.\n   */\n  onInputChange: PropTypes.func,\n  /**\n   * Callback function to be triggered when the user clicks on the month or year selector.\n   * it receives the action that was pressed:\n   * previous_month, next_month, previous_year, next_year,month\n   */\n  onVisibleDateChange: PropTypes.func,\n\n  /**\n   * The maximum selectable date after this all values are disabled.\n   */\n  maximumDate: PropTypes.instanceOf(Date),\n  /**\n   * The minimum selectable date before this all values are disabled.\n   */\n  minimumDate: PropTypes.instanceOf(Date),\n  /**\n   * An element placed before the Calendar\n   */\n  startAdornment: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvCalendar\" })(HvCalendar);\n"],"mappings":"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"}
+{"version":3,"file":"Calendar.js","names":["HvCalendar","classes","id","locale","value","visibleMonth","visibleYear","rightVisibleMonth","rightVisibleYear","minimumDate","maximumDate","startAdornment","onChange","onInputChange","onVisibleDateChange","invalidDateLabel","others","useContext","HvFormElementContext","elementId","elementValue","HvFormElementValueContext","localValue","localId","setId","rangeMode","isRange","rightCalendarId","clampedMonth","singleCalendar","evt","date","rangeCalendar","rangeCalendarContainer","event","action","index","root","propTypes","PropTypes","instanceOf","Object","isRequired","string","oneOfType","Date","shape","startDate","endDate","number","func","node","withStyles","styles","name"],"sources":["../../src/Calendar/Calendar.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId } from \"../utils\";\nimport styles from \"./styles\";\nimport { HvFormElementContext, HvFormElementValueContext } from \"../Forms/FormElement\";\nimport { isRange } from \"./utils\";\nimport SingleCalendar from \"./SingleCalendar\";\n\nconst HvCalendar = ({\n  classes,\n  id,\n  locale,\n  value,\n  visibleMonth,\n  visibleYear,\n  rightVisibleMonth,\n  rightVisibleYear,\n  minimumDate,\n  maximumDate,\n  startAdornment,\n  onChange,\n  onInputChange,\n  onVisibleDateChange,\n  invalidDateLabel,\n  ...others\n}) => {\n  const { elementId } = useContext(HvFormElementContext);\n  const elementValue = useContext(HvFormElementValueContext);\n  const localValue = value ?? elementValue;\n  const localId = id ?? setId(elementId, \"single-calendar\");\n  const rangeMode = isRange(localValue);\n  const rightCalendarId = setId(localId, \"single-calendar-right\");\n  const clampedMonth = visibleMonth % 13 > 0 ? visibleMonth % 13 : 1;\n\n  const singleCalendar = (\n    <SingleCalendar\n      id={localId}\n      locale={locale}\n      value={localValue}\n      visibleMonth={clampedMonth}\n      visibleYear={visibleYear}\n      minimumDate={minimumDate}\n      maximumDate={maximumDate}\n      onChange={onChange}\n      onInputChange={(evt, date) => onInputChange(evt, date, \"left\")}\n      onVisibleDateChange={onVisibleDateChange}\n      invalidDateLabel={invalidDateLabel}\n      {...others}\n    />\n  );\n\n  const rangeCalendar = (\n    <div className={classes.rangeCalendarContainer}>\n      <SingleCalendar\n        className={classes.singleCalendar}\n        id={localId}\n        locale={locale}\n        value={localValue}\n        visibleMonth={clampedMonth}\n        visibleYear={visibleYear}\n        minimumDate={minimumDate}\n        maximumDate={maximumDate}\n        onChange={onChange}\n        onInputChange={(evt, date) => onInputChange(evt, date, \"left\")}\n        onVisibleDateChange={(event, action, index) =>\n          onVisibleDateChange?.(event, action, index, \"left\")\n        }\n        invalidDateLabel={invalidDateLabel}\n        {...others}\n      />\n\n      <SingleCalendar\n        className={classes.singleCalendar}\n        id={rightCalendarId}\n        locale={locale}\n        value={localValue}\n        visibleMonth={rightVisibleMonth}\n        visibleYear={rightVisibleYear}\n        minimumDate={minimumDate}\n        maximumDate={maximumDate}\n        onChange={onChange}\n        onInputChange={(evt, date) => onInputChange(evt, date, \"right\")}\n        onVisibleDateChange={(event, action, index) => {\n          onVisibleDateChange?.(event, action, index, \"right\");\n        }}\n        showEndDate\n        invalidDateLabel={invalidDateLabel}\n        {...others}\n      />\n    </div>\n  );\n\n  return (\n    <div className={classes.root}>\n      {startAdornment}\n      {rangeMode ? rangeCalendar : singleCalendar}\n    </div>\n  );\n};\n\nHvCalendar.propTypes = {\n  /**\n   * Styles applied from the theme.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * The calendar locale. If undefined, it defaults to en-US\n   *\n   */\n  locale: PropTypes.string,\n  /**\n   * Date that the calendar would show.\n   * if using the object format the calendar enter in range mode showing two calendars\n   */\n  value: PropTypes.oneOfType([\n    PropTypes.instanceOf(Date),\n    PropTypes.shape({ startDate: PropTypes.instanceOf(Date), endDate: PropTypes.instanceOf(Date) }),\n  ]),\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth: PropTypes.number,\n  /**\n   * Controls the visible year of the Calendar\n   */\n  visibleYear: PropTypes.number,\n  /**\n   * Controls the visible month of the Calendar on the right side of the datepicker\n   */\n  rightVisibleMonth: PropTypes.number,\n  /**\n   * Controls the visible year of the Calendar on the right side of the datepicker\n   */\n  rightVisibleYear: PropTypes.number,\n  /**\n   * Callback function to be triggered when the selected date has changed.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Callback function to be triggered when the selected date input has changed.\n   */\n  onInputChange: PropTypes.func,\n  /**\n   * Callback function to be triggered when the user clicks on the month or year selector.\n   * it receives the action that was pressed:\n   * previous_month, next_month, previous_year, next_year,month\n   */\n  onVisibleDateChange: PropTypes.func,\n\n  /**\n   * The maximum selectable date after this all values are disabled.\n   */\n  maximumDate: PropTypes.instanceOf(Date),\n  /**\n   * The minimum selectable date before this all values are disabled.\n   */\n  minimumDate: PropTypes.instanceOf(Date),\n  /**\n   * An element placed before the Calendar\n   */\n  startAdornment: PropTypes.node,\n  /**\n   * Label shown when date is invalid.\n   */\n  invalidDateLabel: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvCalendar\" })(HvCalendar);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAiBb;EAAA,IAhBJC,OAgBI,QAhBJA,OAgBI;EAAA,IAfJC,EAeI,QAfJA,EAeI;EAAA,IAdJC,MAcI,QAdJA,MAcI;EAAA,IAbJC,KAaI,QAbJA,KAaI;EAAA,IAZJC,YAYI,QAZJA,YAYI;EAAA,IAXJC,WAWI,QAXJA,WAWI;EAAA,IAVJC,iBAUI,QAVJA,iBAUI;EAAA,IATJC,gBASI,QATJA,gBASI;EAAA,IARJC,WAQI,QARJA,WAQI;EAAA,IAPJC,WAOI,QAPJA,WAOI;EAAA,IANJC,cAMI,QANJA,cAMI;EAAA,IALJC,QAKI,QALJA,QAKI;EAAA,IAJJC,cAII,QAJJA,aAII;EAAA,IAHJC,oBAGI,QAHJA,mBAGI;EAAA,IAFJC,gBAEI,QAFJA,gBAEI;EAAA,IADDC,MACC;;EACJ,kBAAsB,IAAAC,iBAAA,EAAWC,iCAAX,CAAtB;EAAA,IAAQC,SAAR,eAAQA,SAAR;;EACA,IAAMC,YAAY,GAAG,IAAAH,iBAAA,EAAWI,sCAAX,CAArB;EACA,IAAMC,UAAU,GAAGlB,KAAH,aAAGA,KAAH,cAAGA,KAAH,GAAYgB,YAA5B;EACA,IAAMG,OAAO,GAAGrB,EAAH,aAAGA,EAAH,cAAGA,EAAH,GAAS,IAAAsB,YAAA,EAAML,SAAN,EAAiB,iBAAjB,CAAtB;EACA,IAAMM,SAAS,GAAG,IAAAC,eAAA,EAAQJ,UAAR,CAAlB;EACA,IAAMK,eAAe,GAAG,IAAAH,YAAA,EAAMD,OAAN,EAAe,uBAAf,CAAxB;EACA,IAAMK,YAAY,GAAGvB,YAAY,GAAG,EAAf,GAAoB,CAApB,GAAwBA,YAAY,GAAG,EAAvC,GAA4C,CAAjE;;EAEA,IAAMwB,cAAc,gBAClB,6BAAC,uBAAD;IACE,EAAE,EAAEN,OADN;IAEE,MAAM,EAAEpB,MAFV;IAGE,KAAK,EAAEmB,UAHT;IAIE,YAAY,EAAEM,YAJhB;IAKE,WAAW,EAAEtB,WALf;IAME,WAAW,EAAEG,WANf;IAOE,WAAW,EAAEC,WAPf;IAQE,QAAQ,EAAEE,QARZ;IASE,aAAa,EAAE,uBAACkB,GAAD,EAAMC,IAAN;MAAA,OAAelB,cAAa,CAACiB,GAAD,EAAMC,IAAN,EAAY,MAAZ,CAA5B;IAAA,CATjB;IAUE,mBAAmB,EAAEjB,oBAVvB;IAWE,gBAAgB,EAAEC;EAXpB,GAYMC,MAZN,EADF;;EAiBA,IAAMgB,aAAa,gBACjB;IAAK,SAAS,EAAE/B,OAAO,CAACgC;EAAxB,gBACE,6BAAC,uBAAD;IACE,SAAS,EAAEhC,OAAO,CAAC4B,cADrB;IAEE,EAAE,EAAEN,OAFN;IAGE,MAAM,EAAEpB,MAHV;IAIE,KAAK,EAAEmB,UAJT;IAKE,YAAY,EAAEM,YALhB;IAME,WAAW,EAAEtB,WANf;IAOE,WAAW,EAAEG,WAPf;IAQE,WAAW,EAAEC,WARf;IASE,QAAQ,EAAEE,QATZ;IAUE,aAAa,EAAE,uBAACkB,GAAD,EAAMC,IAAN;MAAA,OAAelB,cAAa,CAACiB,GAAD,EAAMC,IAAN,EAAY,MAAZ,CAA5B;IAAA,CAVjB;IAWE,mBAAmB,EAAE,6BAACG,KAAD,EAAQC,MAAR,EAAgBC,KAAhB;MAAA,OACnBtB,oBADmB,aACnBA,oBADmB,uBACnBA,oBAAmB,CAAGoB,KAAH,EAAUC,MAAV,EAAkBC,KAAlB,EAAyB,MAAzB,CADA;IAAA,CAXvB;IAcE,gBAAgB,EAAErB;EAdpB,GAeMC,MAfN,EADF,eAmBE,6BAAC,uBAAD;IACE,SAAS,EAAEf,OAAO,CAAC4B,cADrB;IAEE,EAAE,EAAEF,eAFN;IAGE,MAAM,EAAExB,MAHV;IAIE,KAAK,EAAEmB,UAJT;IAKE,YAAY,EAAEf,iBALhB;IAME,WAAW,EAAEC,gBANf;IAOE,WAAW,EAAEC,WAPf;IAQE,WAAW,EAAEC,WARf;IASE,QAAQ,EAAEE,QATZ;IAUE,aAAa,EAAE,uBAACkB,GAAD,EAAMC,IAAN;MAAA,OAAelB,cAAa,CAACiB,GAAD,EAAMC,IAAN,EAAY,OAAZ,CAA5B;IAAA,CAVjB;IAWE,mBAAmB,EAAE,6BAACG,KAAD,EAAQC,MAAR,EAAgBC,KAAhB,EAA0B;MAC7CtB,oBAAmB,SAAnB,IAAAA,oBAAmB,WAAnB,YAAAA,oBAAmB,CAAGoB,KAAH,EAAUC,MAAV,EAAkBC,KAAlB,EAAyB,OAAzB,CAAnB;IACD,CAbH;IAcE,WAAW,MAdb;IAeE,gBAAgB,EAAErB;EAfpB,GAgBMC,MAhBN,EAnBF,CADF;;EAyCA,oBACE;IAAK,SAAS,EAAEf,OAAO,CAACoC;EAAxB,GACG1B,cADH,EAEGc,SAAS,GAAGO,aAAH,GAAmBH,cAF/B,CADF;AAMD,CA1FD;;AA4FA,wCAAA7B,UAAU,CAACsC,SAAX,GAAuB;EACrB;AACF;AACA;EACErC,OAAO,EAAEsC,kBAAA,CAAUC,UAAV,CAAqBC,MAArB,EAA6BC,UAJjB;;EAKrB;AACF;AACA;EACExC,EAAE,EAAEqC,kBAAA,CAAUI,MARO;;EASrB;AACF;AACA;AACA;EACExC,MAAM,EAAEoC,kBAAA,CAAUI,MAbG;;EAcrB;AACF;AACA;AACA;EACEvC,KAAK,EAAEmC,kBAAA,CAAUK,SAAV,CAAoB,CACzBL,kBAAA,CAAUC,UAAV,CAAqBK,IAArB,CADyB,EAEzBN,kBAAA,CAAUO,KAAV,CAAgB;IAAEC,SAAS,EAAER,kBAAA,CAAUC,UAAV,CAAqBK,IAArB,CAAb;IAAyCG,OAAO,EAAET,kBAAA,CAAUC,UAAV,CAAqBK,IAArB;EAAlD,CAAhB,CAFyB,CAApB,CAlBc;;EAsBrB;AACF;AACA;EACExC,YAAY,EAAEkC,kBAAA,CAAUU,MAzBH;;EA0BrB;AACF;AACA;EACE3C,WAAW,EAAEiC,kBAAA,CAAUU,MA7BF;;EA8BrB;AACF;AACA;EACE1C,iBAAiB,EAAEgC,kBAAA,CAAUU,MAjCR;;EAkCrB;AACF;AACA;EACEzC,gBAAgB,EAAE+B,kBAAA,CAAUU,MArCP;;EAsCrB;AACF;AACA;EACErC,QAAQ,EAAE2B,kBAAA,CAAUW,IAzCC;;EA0CrB;AACF;AACA;EACErC,aAAa,EAAE0B,kBAAA,CAAUW,IA7CJ;;EA8CrB;AACF;AACA;AACA;AACA;EACEpC,mBAAmB,EAAEyB,kBAAA,CAAUW,IAnDV;;EAqDrB;AACF;AACA;EACExC,WAAW,EAAE6B,kBAAA,CAAUC,UAAV,CAAqBK,IAArB,CAxDQ;;EAyDrB;AACF;AACA;EACEpC,WAAW,EAAE8B,kBAAA,CAAUC,UAAV,CAAqBK,IAArB,CA5DQ;;EA6DrB;AACF;AACA;EACElC,cAAc,EAAE4B,kBAAA,CAAUY,IAhEL;;EAiErB;AACF;AACA;EACEpC,gBAAgB,EAAEwB,kBAAA,CAAUI;AApEP,CAAvB;;eAuEe,IAAAS,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA2CtD,UAA3C,C"}

package/dist/Calendar/CalendarHeader/CalendarHeader.d.ts

@@ -15,7 +15,11 @@ export type HvHeaderClassKey =
   | "input";
 
 export interface HvHeaderCalendarProps
-  extends StandardProps<React.HTMLAttributes<HTMLElement>, HvHeaderClassKey, "onChange" | "onBlur" | "onFocus"> {
+  extends StandardProps<
+    React.HTMLAttributes<HTMLElement>,
+    HvHeaderClassKey,
+    "onChange" | "onBlur" | "onFocus"
+  > {
   /**
    * Locale to be used by the calendar header.
    */
@@ -27,14 +31,18 @@ export interface HvHeaderCalendarProps
   /**
    * Callback function to be triggered when the selected date has changed.
    */
-  onChange?: ( 
+  onChange?: (
     event: React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement> | undefined,
     value: string | Date | DateRangeProp
-    ) => void;
+  ) => void;
   /**
    * Indicates if header should display end date in a date range.
    */
   showEndDate?: boolean;
+  /**
+   * Label shown when date is invalid.
+   */
+  invalidDateLabel: string;
 }
 
 export default function HvHeaderCalendar(props: HvHeaderCalendarProps): JSX.Element | null;

package/dist/Calendar/CalendarHeader/CalendarHeader.js

@@ -59,7 +59,7 @@ var _utils2 = require("../utils");
 
 var _Info;
 
-var _excluded = ["id", "value", "locale", "classes", "onChange", "showEndDate", "onFocus"];
+var _excluded = ["id", "value", "locale", "classes", "onChange", "showEndDate", "onFocus", "invalidDateLabel"];
 
 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); }
 
@@ -83,6 +83,8 @@ var HvCalendarHeader = function HvCalendarHeader(_ref) {
       onChange = _ref.onChange,
       showEndDate = _ref.showEndDate,
       onFocus = _ref.onFocus,
+      _ref$invalidDateLabel = _ref.invalidDateLabel,
+      invalidDateLabel = _ref$invalidDateLabel === void 0 ? "Invalid Date" : _ref$invalidDateLabel,
       others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
   var _useContext = (0, _react.useContext)(_FormElement.HvFormElementContext),
@@ -233,7 +235,7 @@ var HvCalendarHeader = function HvCalendarHeader(_ref) {
   }, _Info || (_Info = /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Info, {
     color: "acce3",
     iconSize: "S"
-  })), "Invalid date")));
+  })), invalidDateLabel)));
 }; // TODO: refactor this out
 
 
@@ -275,7 +277,12 @@ process.env.NODE_ENV !== "production" ? HvCalendarHeader.propTypes = {
   /**
    * Indicates if header should display end date in a date range.
    */
-  showEndDate: _propTypes.default.bool
+  showEndDate: _propTypes.default.bool,
+
+  /**
+   * Label shown when date is invalid.
+   */
+  invalidDateLabel: _propTypes.default.string
 } : void 0;
 
 var _default = (0, _core.withStyles)(_styles.default, {

package/dist/Calendar/CalendarHeader/CalendarHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarHeader.js","names":["dayjs","extend","localeData","localizedFormat","customParseFormat","Enter","KeyboardCodes","HvCalendarHeader","id","value","locale","classes","onChange","showEndDate","onFocus","others","useContext","HvFormElementContext","elementId","elementValue","HvFormElementValueContext","HvFormElementDescriptorsContext","label","localValue","isRange","endDate","startDate","useState","dateValue","setDateValue","editedValue","setEditedValue","displayValue","setDisplayValue","weekdayDisplay","setWeekdayDisplay","localId","setId","inputValue","localeFormat","longDateFormat","length","isValid","isValidValue","setIsValidValue","validateInput","incomingValid","undefined","useEffect","valid","weekday","Intl","DateTimeFormat","format","formatDMY","handleNewDate","event","date","localeParsedDate","isValidInput","dateParsed","toDate","isSameDay","onBlurHandler","isNil","keyDownHandler","isKeypress","preventDefault","onFocusHandler","formattedDate","onChangeHandler","target","clsx","root","invalid","headerDayOfWeek","headerDate","input","inputBorderContainer","height","invalidMessageStyling","formElementType","propTypes","PropTypes","instanceOf","Object","isRequired","string","oneOfType","Date","shape","func","bool","withStyles","styles","name"],"sources":["../../../src/Calendar/CalendarHeader/CalendarHeader.js"],"sourcesContent":["import React, { useState, useEffect, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\nimport dayjs from \"dayjs\";\nimport localeData from \"dayjs/plugin/localeData\";\nimport localizedFormat from \"dayjs/plugin/localizedFormat\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId, isKeypress, KeyboardCodes } from \"../../utils\";\nimport HvTypography from \"../../Typography\";\nimport styles from \"./styles\";\nimport {\n  HvFormElementContext,\n  HvFormElementValueContext,\n  HvFormElementDescriptorsContext,\n} from \"../../Forms/FormElement\";\nimport { isRange, isSameDay, formatDMY } from \"../utils\";\n\ndayjs.extend(localeData);\ndayjs.extend(localizedFormat);\ndayjs.extend(customParseFormat);\n\nconst { Enter } = KeyboardCodes;\n\nconst HvCalendarHeader = ({\n  id,\n  value,\n  locale,\n  classes,\n  onChange,\n  showEndDate,\n  onFocus,\n  ...others\n}) => {\n  const { elementId } = useContext(HvFormElementContext);\n  const elementValue = useContext(HvFormElementValueContext);\n  const { label } = useContext(HvFormElementDescriptorsContext);\n\n  let localValue = value ?? elementValue ?? \"\";\n  if (isRange(localValue)) {\n    localValue = showEndDate ? localValue.endDate : localValue.startDate;\n  }\n  const [dateValue, setDateValue] = useState(localValue);\n  const [editedValue, setEditedValue] = useState(null);\n  const [displayValue, setDisplayValue] = useState(\"\");\n  const [weekdayDisplay, setWeekdayDisplay] = useState(\"\");\n\n  const localId = id ?? setId(elementId, \"calendarHeader\");\n\n  const inputValue = editedValue ?? displayValue;\n  const localeFormat = dayjs().locale(locale).localeData().longDateFormat(\"L\");\n\n  const [isValidValue, setIsValidValue] = useState(\n    inputValue.length === 0 || (!!inputValue && dayjs(localValue).isValid())\n  );\n\n  const validateInput = (incomingValid) =>\n    incomingValid === undefined || dayjs(incomingValid).isValid();\n  useEffect(() => {\n    const valid = validateInput(localValue);\n    setIsValidValue(valid);\n    if (valid) {\n      if (!localValue) {\n        setDisplayValue(\"\");\n        setEditedValue(null);\n        setWeekdayDisplay(\"\");\n        return;\n      }\n      const weekday = new Intl.DateTimeFormat(locale, { weekday: \"short\" }).format(localValue);\n      setDisplayValue(formatDMY(localValue, locale));\n      setEditedValue(null);\n      setWeekdayDisplay(weekday);\n    }\n  }, [localValue, locale]);\n\n  const handleNewDate = (event, date) => {\n    // attempt to format in locale data, or fallback to default\n    const localeParsedDate = dayjs(date, localeFormat);\n\n    const isValidInput = localeParsedDate.isValid();\n    const dateParsed = isValidInput ? localeParsedDate.toDate() : dayjs(date).toDate();\n    // prevent extra updates\n    if (!isSameDay(dateParsed, dateValue)) {\n      setDateValue(dateParsed);\n      onChange?.(event, dateParsed);\n    }\n\n    setIsValidValue(isValidInput);\n    if (isValidInput) {\n      setEditedValue(null);\n    }\n  };\n\n  const onBlurHandler = (event) => {\n    if (isNil(editedValue)) return;\n    if (editedValue === \"\") {\n      setIsValidValue(true);\n      setEditedValue(null);\n      return;\n    }\n    handleNewDate(event, editedValue);\n  };\n\n  const keyDownHandler = (event) => {\n    if (!isKeypress(event, Enter) || isNil(editedValue) || editedValue === \"\") return;\n    event.preventDefault();\n\n    handleNewDate(event, editedValue);\n  };\n\n  const onFocusHandler = (event) => {\n    if (!localValue) return;\n    const formattedDate = isValidValue ? dayjs(localValue).locale(locale).format(\"L\") : editedValue;\n    setEditedValue(formattedDate);\n    onFocus?.(event, formattedDate);\n  };\n\n  const onChangeHandler = (event) => {\n    setEditedValue(event.target.value);\n  };\n  return (\n    <>\n      <div\n        id={localId}\n        className={clsx(classes.root, {\n          [classes.invalid]: !isValidValue && inputValue !== \"\",\n        })}\n      >\n        <HvTypography variant=\"normalText\" className={classes.headerDayOfWeek}>\n          {weekdayDisplay || \"\\u00A0\"}\n        </HvTypography>\n        <div className={classes.headerDate}>\n          <input\n            type=\"text\"\n            id={setId(localId, \"header-input\")}\n            placeholder={localeFormat}\n            value={inputValue}\n            className={classes.input}\n            onBlur={onBlurHandler}\n            onFocus={onFocusHandler}\n            onChange={onChangeHandler}\n            onKeyDown={keyDownHandler}\n            aria-labelledby={label?.[0]?.id}\n            {...others}\n          />\n        </div>\n      </div>\n      {!isValidValue && inputValue !== \"\" && (\n        <div role=\"presentation\" className={classes.inputBorderContainer} />\n      )}\n      <div style={{ height: 32 }}>\n        {!isValidValue && inputValue !== \"\" && (\n          <HvTypography\n            component=\"span\"\n            variant=\"normalText\"\n            className={classes.invalidMessageStyling}\n          >\n            <Info color=\"acce3\" iconSize=\"S\" />\n            Invalid date\n          </HvTypography>\n        )}\n      </div>\n    </>\n  );\n};\n\n// TODO: refactor this out\nHvCalendarHeader.formElementType = \"HvCalendarHeader\";\n\nHvCalendarHeader.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  value: PropTypes.oneOfType([\n    PropTypes.instanceOf(Date),\n    PropTypes.string,\n    PropTypes.shape({ startDate: PropTypes.instanceOf(Date), endDate: PropTypes.instanceOf(Date) }),\n  ]),\n\n  /**\n   * Locale to be used by the calendar.\n   */\n  locale: PropTypes.string.isRequired,\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  /**\n   * Indicates if header should display end date in a date range.\n   */\n  showEndDate: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvCalendarHeader\" })(HvCalendarHeader);\n"],"mappings":"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"}
+{"version":3,"file":"CalendarHeader.js","names":["dayjs","extend","localeData","localizedFormat","customParseFormat","Enter","KeyboardCodes","HvCalendarHeader","id","value","locale","classes","onChange","showEndDate","onFocus","invalidDateLabel","others","useContext","HvFormElementContext","elementId","elementValue","HvFormElementValueContext","HvFormElementDescriptorsContext","label","localValue","isRange","endDate","startDate","useState","dateValue","setDateValue","editedValue","setEditedValue","displayValue","setDisplayValue","weekdayDisplay","setWeekdayDisplay","localId","setId","inputValue","localeFormat","longDateFormat","length","isValid","isValidValue","setIsValidValue","validateInput","incomingValid","undefined","useEffect","valid","weekday","Intl","DateTimeFormat","format","formatDMY","handleNewDate","event","date","localeParsedDate","isValidInput","dateParsed","toDate","isSameDay","onBlurHandler","isNil","keyDownHandler","isKeypress","preventDefault","onFocusHandler","formattedDate","onChangeHandler","target","clsx","root","invalid","headerDayOfWeek","headerDate","input","inputBorderContainer","height","invalidMessageStyling","formElementType","propTypes","PropTypes","instanceOf","Object","isRequired","string","oneOfType","Date","shape","func","bool","withStyles","styles","name"],"sources":["../../../src/Calendar/CalendarHeader/CalendarHeader.js"],"sourcesContent":["import React, { useState, useEffect, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\nimport dayjs from \"dayjs\";\nimport localeData from \"dayjs/plugin/localeData\";\nimport localizedFormat from \"dayjs/plugin/localizedFormat\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId, isKeypress, KeyboardCodes } from \"../../utils\";\nimport HvTypography from \"../../Typography\";\nimport styles from \"./styles\";\nimport {\n  HvFormElementContext,\n  HvFormElementValueContext,\n  HvFormElementDescriptorsContext,\n} from \"../../Forms/FormElement\";\nimport { isRange, isSameDay, formatDMY } from \"../utils\";\n\ndayjs.extend(localeData);\ndayjs.extend(localizedFormat);\ndayjs.extend(customParseFormat);\n\nconst { Enter } = KeyboardCodes;\n\nconst HvCalendarHeader = ({\n  id,\n  value,\n  locale,\n  classes,\n  onChange,\n  showEndDate,\n  onFocus,\n  invalidDateLabel = \"Invalid Date\",\n  ...others\n}) => {\n  const { elementId } = useContext(HvFormElementContext);\n  const elementValue = useContext(HvFormElementValueContext);\n  const { label } = useContext(HvFormElementDescriptorsContext);\n\n  let localValue = value ?? elementValue ?? \"\";\n  if (isRange(localValue)) {\n    localValue = showEndDate ? localValue.endDate : localValue.startDate;\n  }\n  const [dateValue, setDateValue] = useState(localValue);\n  const [editedValue, setEditedValue] = useState(null);\n  const [displayValue, setDisplayValue] = useState(\"\");\n  const [weekdayDisplay, setWeekdayDisplay] = useState(\"\");\n\n  const localId = id ?? setId(elementId, \"calendarHeader\");\n\n  const inputValue = editedValue ?? displayValue;\n  const localeFormat = dayjs().locale(locale).localeData().longDateFormat(\"L\");\n\n  const [isValidValue, setIsValidValue] = useState(\n    inputValue.length === 0 || (!!inputValue && dayjs(localValue).isValid())\n  );\n\n  const validateInput = (incomingValid) =>\n    incomingValid === undefined || dayjs(incomingValid).isValid();\n  useEffect(() => {\n    const valid = validateInput(localValue);\n    setIsValidValue(valid);\n    if (valid) {\n      if (!localValue) {\n        setDisplayValue(\"\");\n        setEditedValue(null);\n        setWeekdayDisplay(\"\");\n        return;\n      }\n      const weekday = new Intl.DateTimeFormat(locale, { weekday: \"short\" }).format(localValue);\n      setDisplayValue(formatDMY(localValue, locale));\n      setEditedValue(null);\n      setWeekdayDisplay(weekday);\n    }\n  }, [localValue, locale]);\n\n  const handleNewDate = (event, date) => {\n    // attempt to format in locale data, or fallback to default\n    const localeParsedDate = dayjs(date, localeFormat);\n\n    const isValidInput = localeParsedDate.isValid();\n    const dateParsed = isValidInput ? localeParsedDate.toDate() : dayjs(date).toDate();\n    // prevent extra updates\n    if (!isSameDay(dateParsed, dateValue)) {\n      setDateValue(dateParsed);\n      onChange?.(event, dateParsed);\n    }\n\n    setIsValidValue(isValidInput);\n    if (isValidInput) {\n      setEditedValue(null);\n    }\n  };\n\n  const onBlurHandler = (event) => {\n    if (isNil(editedValue)) return;\n    if (editedValue === \"\") {\n      setIsValidValue(true);\n      setEditedValue(null);\n      return;\n    }\n    handleNewDate(event, editedValue);\n  };\n\n  const keyDownHandler = (event) => {\n    if (!isKeypress(event, Enter) || isNil(editedValue) || editedValue === \"\") return;\n    event.preventDefault();\n\n    handleNewDate(event, editedValue);\n  };\n\n  const onFocusHandler = (event) => {\n    if (!localValue) return;\n    const formattedDate = isValidValue ? dayjs(localValue).locale(locale).format(\"L\") : editedValue;\n    setEditedValue(formattedDate);\n    onFocus?.(event, formattedDate);\n  };\n\n  const onChangeHandler = (event) => {\n    setEditedValue(event.target.value);\n  };\n  return (\n    <>\n      <div\n        id={localId}\n        className={clsx(classes.root, {\n          [classes.invalid]: !isValidValue && inputValue !== \"\",\n        })}\n      >\n        <HvTypography variant=\"normalText\" className={classes.headerDayOfWeek}>\n          {weekdayDisplay || \"\\u00A0\"}\n        </HvTypography>\n        <div className={classes.headerDate}>\n          <input\n            type=\"text\"\n            id={setId(localId, \"header-input\")}\n            placeholder={localeFormat}\n            value={inputValue}\n            className={classes.input}\n            onBlur={onBlurHandler}\n            onFocus={onFocusHandler}\n            onChange={onChangeHandler}\n            onKeyDown={keyDownHandler}\n            aria-labelledby={label?.[0]?.id}\n            {...others}\n          />\n        </div>\n      </div>\n      {!isValidValue && inputValue !== \"\" && (\n        <div role=\"presentation\" className={classes.inputBorderContainer} />\n      )}\n      <div style={{ height: 32 }}>\n        {!isValidValue && inputValue !== \"\" && (\n          <HvTypography\n            component=\"span\"\n            variant=\"normalText\"\n            className={classes.invalidMessageStyling}\n          >\n            <Info color=\"acce3\" iconSize=\"S\" />\n            {invalidDateLabel}\n          </HvTypography>\n        )}\n      </div>\n    </>\n  );\n};\n\n// TODO: refactor this out\nHvCalendarHeader.formElementType = \"HvCalendarHeader\";\n\nHvCalendarHeader.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  value: PropTypes.oneOfType([\n    PropTypes.instanceOf(Date),\n    PropTypes.string,\n    PropTypes.shape({ startDate: PropTypes.instanceOf(Date), endDate: PropTypes.instanceOf(Date) }),\n  ]),\n\n  /**\n   * Locale to be used by the calendar.\n   */\n  locale: PropTypes.string.isRequired,\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  /**\n   * Indicates if header should display end date in a date range.\n   */\n  showEndDate: PropTypes.bool,\n  /**\n   * Label shown when date is invalid.\n   */\n  invalidDateLabel: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvCalendarHeader\" })(HvCalendarHeader);\n"],"mappings":"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"}

package/dist/Calendar/SingleCalendar/SingleCalendar.js

@@ -61,7 +61,7 @@ var _CalendarWeekLabels = _interopRequireDefault(require("../CalendarWeekLabels"
 
 var _CalendarNavigation = require("../CalendarNavigation");
 
-var _excluded = ["classes", "className", "id", "locale", "value", "visibleMonth", "visibleYear", "minimumDate", "maximumDate", "onChange", "onInputChange", "onVisibleDateChange", "showEndDate", "children"];
+var _excluded = ["classes", "className", "id", "locale", "value", "visibleMonth", "visibleYear", "minimumDate", "maximumDate", "onChange", "onInputChange", "onVisibleDateChange", "showEndDate", "invalidDateLabel", "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); }
 
@@ -89,6 +89,7 @@ var HvSingleCalendar = function HvSingleCalendar(_ref) {
       onInputChange = _ref.onInputChange,
       onVisibleDateChange = _ref.onVisibleDateChange,
       showEndDate = _ref.showEndDate,
+      invalidDateLabel = _ref.invalidDateLabel,
       children = _ref.children,
       others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
@@ -192,7 +193,8 @@ var HvSingleCalendar = function HvSingleCalendar(_ref) {
     id: (0, _utils.setId)(id, "header"),
     locale: locale,
     onChange: handleInputChange,
-    showEndDate: showEndDate && !isDateSelectionMode
+    showEndDate: showEndDate && !isDateSelectionMode,
+    invalidDateLabel: invalidDateLabel
   }), calViewMode === _enums.VIEW_MODE.CALENDAR && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_CalendarNavigation.HvComposedNavigation, {
     id: id,
     locale: locale,
@@ -379,7 +381,12 @@ process.env.NODE_ENV !== "production" ? HvSingleCalendar.propTypes = {
   /**
    * Content on the upper part of the calendar.
    */
-  children: _propTypes.default.node
+  children: _propTypes.default.node,
+
+  /**
+   * Label shown when date is invalid.
+   */
+  invalidDateLabel: _propTypes.default.string
 } : void 0;
 
 var _default = (0, _core.withStyles)(_styles.default, {

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

@@ -1 +1 @@
-{"version":3,"file":"SingleCalendar.js","names":["Enter","KeyboardCodes","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","HvSingleCalendar","classes","className","id","locale","value","visibleMonth","visibleYear","minimumDate","maximumDate","onChange","onInputChange","onVisibleDateChange","showEndDate","children","others","useContext","HvFormElementDescriptorsContext","HvCalendarHeader","today","Date","localValue","isNil","useState","VIEW_MODE","CALENDAR","calViewMode","setCalViewMode","rangeMode","isRange","isDateSelectionMode","isDate","endDate","calModel","generateCalendarModel","startDate","firstDayOfCurrentMonth","year","month","firstDayOfCurrentMonthTime","getTime","listWeekdayNames","useMemo","getWeekdayNamesList","REPRESENTATION_VALUES","NARROW","handleChange","event","date","preventDefault","handleInputChange","getNavChild","siblings","i","isKeypress","undefined","handleKeyDown","el","document","activeElement","parent","parentElement","getElementsByClassName","cellContainer","elIndex","indexOf","focus","child","inMonth","getAttribute","renderCalendarDate","currentDate","clsx","calendarContainer","calendarWrapper","setId","viewMode","getFullYear","getMonth","calendarGrid","dates","map","MONTHLY","propTypes","PropTypes","shape","string","navigationContainer","focusSelection","navigationMonth","calendarDate","calendarDateNotInMonth","calendarDateSelected","calendarDateInvalid","calendarDateInSelectionRange","calendarDateDisabled","startBookend","endBookend","cellsInRange","cellsOutsideRange","isRequired","oneOfType","instanceOf","visibleDate","number","func","bool","node","withStyles","styles","name"],"sources":["../../../src/Calendar/SingleCalendar/SingleCalendar.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n\nimport React, { useState, useContext, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { isKeypress, KeyboardCodes, setId } from \"../../utils\";\nimport styles from \"./styles\";\nimport { HvFormElementDescriptorsContext } from \"../../Forms/FormElement\";\nimport { VIEW_MODE, REPRESENTATION_VALUES } from \"../enums\";\nimport { isRange, isDate, getWeekdayNamesList } from \"../utils\";\nimport { generateCalendarModel } from \"../model\";\nimport CalendarCell from \"./CalendarCell\";\nimport CalendarHeader from \"../CalendarHeader\";\nimport CalendarWeekLabels from \"../CalendarWeekLabels\";\nimport { HvComposedNavigation, HvMonthSelector } from \"../CalendarNavigation\";\n\nconst { Enter, ArrowLeft, ArrowRight, ArrowUp, ArrowDown } = KeyboardCodes;\n\nconst HvSingleCalendar = ({\n  classes,\n  className,\n  id,\n  locale,\n  value,\n  visibleMonth,\n  visibleYear,\n  minimumDate,\n  maximumDate,\n  onChange,\n  onInputChange,\n  onVisibleDateChange,\n  showEndDate,\n  children,\n  ...others\n}) => {\n  // TODO: refactor this out\n  const { HvCalendarHeader } = useContext(HvFormElementDescriptorsContext);\n\n  const today = new Date();\n  const localValue = isNil(value) ? today : value;\n\n  const [calViewMode, setCalViewMode] = useState(VIEW_MODE.CALENDAR);\n\n  const rangeMode = isRange(localValue);\n  const isDateSelectionMode = rangeMode && !isDate(localValue.endDate);\n  const calModel = rangeMode\n    ? generateCalendarModel(localValue.startDate, visibleMonth, visibleYear)\n    : generateCalendarModel(localValue, visibleMonth, visibleYear);\n  const firstDayOfCurrentMonth = new Date(calModel.year, calModel.month - 1, 1);\n  const firstDayOfCurrentMonthTime = firstDayOfCurrentMonth.getTime();\n\n  const listWeekdayNames = useMemo(\n    () => getWeekdayNamesList(locale, REPRESENTATION_VALUES.NARROW),\n    [locale]\n  );\n\n  const handleChange = (event, date) => {\n    event?.preventDefault();\n    onChange?.(event, date);\n  };\n\n  const handleInputChange = (event, date) => {\n    event?.preventDefault();\n    onInputChange?.(event, date);\n  };\n\n  const getNavChild = (event, siblings, i) => {\n    if (isKeypress(event, ArrowLeft)) return siblings[i - 1];\n    if (isKeypress(event, ArrowRight)) return siblings[i + 1];\n    if (isKeypress(event, ArrowUp)) return siblings[i - 7];\n    if (isKeypress(event, ArrowDown)) return siblings[i + 7];\n    return undefined;\n  };\n\n  const handleKeyDown = (event) => {\n    // This code is very brittle and should be managed with the focus wrapper\n    const el = document?.activeElement;\n    const parent = el?.parentElement?.parentElement;\n    const siblings =\n      parent != null ? [...parent.getElementsByClassName(classes.cellContainer)] : [];\n    const elIndex = siblings.indexOf(el);\n\n    if (isKeypress(event, Enter)) {\n      el?.focus();\n      return;\n    }\n\n    const child = getNavChild(event, siblings, elIndex);\n\n    if (child) {\n      const inMonth = child.getAttribute(\"data-in-month\");\n      if (inMonth === \"true\") {\n        event?.preventDefault();\n        child?.focus();\n      }\n    }\n  };\n\n  /**\n   * Renders the element representing the received date.\n   *\n   * @param currentDate - The array representing the date [YYYY, MM, DD].\n   * @memberOf Calendar\n   */\n  const renderCalendarDate = (currentDate) => {\n    return (\n      <CalendarCell\n        classes={classes}\n        key={currentDate}\n        tabIndex={currentDate.getTime() === firstDayOfCurrentMonthTime ? 0 : -1}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        value={currentDate}\n        today={today}\n        calendarValue={localValue}\n        rangeMode={rangeMode}\n        isDateSelectionMode={isDateSelectionMode}\n        locale={locale}\n        firstDayOfCurrentMonth={firstDayOfCurrentMonth}\n        maximumDate={maximumDate}\n        minimumDate={minimumDate}\n      />\n    );\n  };\n\n  return (\n    <div className={clsx(className, classes.calendarContainer)} {...others}>\n      <div id={id} className={classes.calendarWrapper}>\n        <CalendarHeader\n          id={setId(id, \"header\")}\n          locale={locale}\n          onChange={handleInputChange}\n          showEndDate={showEndDate && !isDateSelectionMode}\n        />\n        {calViewMode === VIEW_MODE.CALENDAR && (\n          <div>\n            <HvComposedNavigation\n              id={id}\n              locale={locale}\n              onChange={onVisibleDateChange}\n              onViewModeChange={(viewMode) => setCalViewMode(viewMode)}\n              visibleYear={visibleYear || today.getFullYear()}\n              visibleMonth={visibleMonth || today.getMonth() + 1}\n            />\n            <div className={classes.calendarGrid} aria-controls={HvCalendarHeader?.[0]?.id}>\n              <CalendarWeekLabels labels={listWeekdayNames} />\n              {calModel.dates.map(renderCalendarDate)}\n            </div>\n          </div>\n        )}\n        {calViewMode === VIEW_MODE.MONTHLY && (\n          <HvMonthSelector\n            id={id}\n            locale={locale}\n            onChange={onVisibleDateChange}\n            onViewModeChange={(viewMode) => setCalViewMode(viewMode)}\n            visibleMonth={visibleMonth || today.getMonth() + 1}\n            rangeMode={rangeMode}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nHvSingleCalendar.propTypes = {\n  /**\n   * Styles applied from the theme.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the external div containing the whole calendar.\n     */\n    calendarContainer: PropTypes.string,\n    /**\n     * Styles applied to the external div below the calendar wrapper.\n     */\n    calendarWrapper: PropTypes.string,\n    /**\n     * Styles applied to the element containing the cells that represents each date.\n     */\n    calendarGrid: PropTypes.string,\n    /**\n     * Styles applied to the element containing the buttons to change the visible month and year.\n     */\n    navigationContainer: PropTypes.string,\n    /**\n     * Styles applied to the cell when is focused.\n     */\n    focusSelection: PropTypes.string,\n    /**\n     * Styles applied to the buttons used to change the months.\n     */\n    navigationMonth: PropTypes.string,\n    /**\n     * Styles applied to the cells containing each date.\n     */\n    calendarDate: PropTypes.string,\n    /**\n     * Styles applied to the cells when the cell is outside the visible month.\n     */\n    calendarDateNotInMonth: PropTypes.string,\n    /**\n     * Styles applied to the cells when the cell is outside the visible month.\n     */\n    calendarDateSelected: PropTypes.string,\n    /**\n     * Styles applied to the cells when the cell is not valid.\n     */\n    calendarDateInvalid: PropTypes.string,\n    /**\n     * Styles applied to the cells when it is part of the selection.\n     */\n    calendarDateInSelectionRange: PropTypes.string,\n    /**\n     * Styles applied to the cells when it is not selectable.\n     */\n    calendarDateDisabled: PropTypes.string,\n    /**\n     * Styles applied to the cell when it is at the beginning of the selection.\n     */\n    startBookend: PropTypes.string,\n    /**\n     * Styles applied to the cell when it is at the end of the selection.\n     */\n    endBookend: PropTypes.string,\n    /**\n     * Styles applied to the cells when it is part of the selection in progress.\n     */\n    cellsInRange: PropTypes.string,\n    /**\n     * Styles applied to the cells when it is not part of the selection in progress.\n     */\n    cellsOutsideRange: PropTypes.string,\n    cellContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * The class name to add at the root of the single calendar\n   */\n  className: PropTypes.string,\n  /**\n   * The calendar locale.\n   *\n   */\n  locale: PropTypes.string,\n  /**\n   * Date that the calendar would show.\n   */\n  value: PropTypes.oneOfType([\n    PropTypes.instanceOf(Date),\n    PropTypes.shape({ startDate: PropTypes.instanceOf(Date), endDate: PropTypes.instanceOf(Date) }),\n  ]),\n  /**\n   * Date that will be used to know which month and year should be displayed on the calendar. The value of the day is\n   * irrelevant.\n   */\n  visibleDate: PropTypes.instanceOf(Date),\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth: PropTypes.number,\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleYear: PropTypes.number,\n  /**\n   * Callback function to be triggered when the selected date has changed.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Callback function to be triggered when the selected date input has changed.\n   */\n  onInputChange: PropTypes.func,\n  /**\n   * Callback function to be triggered when visible date has changed.\n   */\n  onVisibleDateChange: PropTypes.func,\n  /**\n   * The maximum selectable date after this all values are disabled.\n   */\n  maximumDate: PropTypes.instanceOf(Date),\n  /**\n   * The minimum selectable date before this all values are disabled.\n   */\n  minimumDate: PropTypes.instanceOf(Date),\n  /**\n   * Indicates if header should display end date in a date range.\n   */\n  showEndDate: PropTypes.bool,\n  /**\n   * Content on the upper part of the calendar.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvSingleCalendar\" })(HvSingleCalendar);\n"],"mappings":"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"}
+{"version":3,"file":"SingleCalendar.js","names":["Enter","KeyboardCodes","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","HvSingleCalendar","classes","className","id","locale","value","visibleMonth","visibleYear","minimumDate","maximumDate","onChange","onInputChange","onVisibleDateChange","showEndDate","invalidDateLabel","children","others","useContext","HvFormElementDescriptorsContext","HvCalendarHeader","today","Date","localValue","isNil","useState","VIEW_MODE","CALENDAR","calViewMode","setCalViewMode","rangeMode","isRange","isDateSelectionMode","isDate","endDate","calModel","generateCalendarModel","startDate","firstDayOfCurrentMonth","year","month","firstDayOfCurrentMonthTime","getTime","listWeekdayNames","useMemo","getWeekdayNamesList","REPRESENTATION_VALUES","NARROW","handleChange","event","date","preventDefault","handleInputChange","getNavChild","siblings","i","isKeypress","undefined","handleKeyDown","el","document","activeElement","parent","parentElement","getElementsByClassName","cellContainer","elIndex","indexOf","focus","child","inMonth","getAttribute","renderCalendarDate","currentDate","clsx","calendarContainer","calendarWrapper","setId","viewMode","getFullYear","getMonth","calendarGrid","dates","map","MONTHLY","propTypes","PropTypes","shape","string","navigationContainer","focusSelection","navigationMonth","calendarDate","calendarDateNotInMonth","calendarDateSelected","calendarDateInvalid","calendarDateInSelectionRange","calendarDateDisabled","startBookend","endBookend","cellsInRange","cellsOutsideRange","isRequired","oneOfType","instanceOf","visibleDate","number","func","bool","node","withStyles","styles","name"],"sources":["../../../src/Calendar/SingleCalendar/SingleCalendar.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n\nimport React, { useState, useContext, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { isKeypress, KeyboardCodes, setId } from \"../../utils\";\nimport styles from \"./styles\";\nimport { HvFormElementDescriptorsContext } from \"../../Forms/FormElement\";\nimport { VIEW_MODE, REPRESENTATION_VALUES } from \"../enums\";\nimport { isRange, isDate, getWeekdayNamesList } from \"../utils\";\nimport { generateCalendarModel } from \"../model\";\nimport CalendarCell from \"./CalendarCell\";\nimport CalendarHeader from \"../CalendarHeader\";\nimport CalendarWeekLabels from \"../CalendarWeekLabels\";\nimport { HvComposedNavigation, HvMonthSelector } from \"../CalendarNavigation\";\n\nconst { Enter, ArrowLeft, ArrowRight, ArrowUp, ArrowDown } = KeyboardCodes;\n\nconst HvSingleCalendar = ({\n  classes,\n  className,\n  id,\n  locale,\n  value,\n  visibleMonth,\n  visibleYear,\n  minimumDate,\n  maximumDate,\n  onChange,\n  onInputChange,\n  onVisibleDateChange,\n  showEndDate,\n  invalidDateLabel,\n  children,\n  ...others\n}) => {\n  // TODO: refactor this out\n  const { HvCalendarHeader } = useContext(HvFormElementDescriptorsContext);\n\n  const today = new Date();\n  const localValue = isNil(value) ? today : value;\n\n  const [calViewMode, setCalViewMode] = useState(VIEW_MODE.CALENDAR);\n\n  const rangeMode = isRange(localValue);\n  const isDateSelectionMode = rangeMode && !isDate(localValue.endDate);\n  const calModel = rangeMode\n    ? generateCalendarModel(localValue.startDate, visibleMonth, visibleYear)\n    : generateCalendarModel(localValue, visibleMonth, visibleYear);\n  const firstDayOfCurrentMonth = new Date(calModel.year, calModel.month - 1, 1);\n  const firstDayOfCurrentMonthTime = firstDayOfCurrentMonth.getTime();\n\n  const listWeekdayNames = useMemo(\n    () => getWeekdayNamesList(locale, REPRESENTATION_VALUES.NARROW),\n    [locale]\n  );\n\n  const handleChange = (event, date) => {\n    event?.preventDefault();\n    onChange?.(event, date);\n  };\n\n  const handleInputChange = (event, date) => {\n    event?.preventDefault();\n    onInputChange?.(event, date);\n  };\n\n  const getNavChild = (event, siblings, i) => {\n    if (isKeypress(event, ArrowLeft)) return siblings[i - 1];\n    if (isKeypress(event, ArrowRight)) return siblings[i + 1];\n    if (isKeypress(event, ArrowUp)) return siblings[i - 7];\n    if (isKeypress(event, ArrowDown)) return siblings[i + 7];\n    return undefined;\n  };\n\n  const handleKeyDown = (event) => {\n    // This code is very brittle and should be managed with the focus wrapper\n    const el = document?.activeElement;\n    const parent = el?.parentElement?.parentElement;\n    const siblings =\n      parent != null ? [...parent.getElementsByClassName(classes.cellContainer)] : [];\n    const elIndex = siblings.indexOf(el);\n\n    if (isKeypress(event, Enter)) {\n      el?.focus();\n      return;\n    }\n\n    const child = getNavChild(event, siblings, elIndex);\n\n    if (child) {\n      const inMonth = child.getAttribute(\"data-in-month\");\n      if (inMonth === \"true\") {\n        event?.preventDefault();\n        child?.focus();\n      }\n    }\n  };\n\n  /**\n   * Renders the element representing the received date.\n   *\n   * @param currentDate - The array representing the date [YYYY, MM, DD].\n   * @memberOf Calendar\n   */\n  const renderCalendarDate = (currentDate) => {\n    return (\n      <CalendarCell\n        classes={classes}\n        key={currentDate}\n        tabIndex={currentDate.getTime() === firstDayOfCurrentMonthTime ? 0 : -1}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        value={currentDate}\n        today={today}\n        calendarValue={localValue}\n        rangeMode={rangeMode}\n        isDateSelectionMode={isDateSelectionMode}\n        locale={locale}\n        firstDayOfCurrentMonth={firstDayOfCurrentMonth}\n        maximumDate={maximumDate}\n        minimumDate={minimumDate}\n      />\n    );\n  };\n\n  return (\n    <div className={clsx(className, classes.calendarContainer)} {...others}>\n      <div id={id} className={classes.calendarWrapper}>\n        <CalendarHeader\n          id={setId(id, \"header\")}\n          locale={locale}\n          onChange={handleInputChange}\n          showEndDate={showEndDate && !isDateSelectionMode}\n          invalidDateLabel={invalidDateLabel}\n        />\n        {calViewMode === VIEW_MODE.CALENDAR && (\n          <div>\n            <HvComposedNavigation\n              id={id}\n              locale={locale}\n              onChange={onVisibleDateChange}\n              onViewModeChange={(viewMode) => setCalViewMode(viewMode)}\n              visibleYear={visibleYear || today.getFullYear()}\n              visibleMonth={visibleMonth || today.getMonth() + 1}\n            />\n            <div className={classes.calendarGrid} aria-controls={HvCalendarHeader?.[0]?.id}>\n              <CalendarWeekLabels labels={listWeekdayNames} />\n              {calModel.dates.map(renderCalendarDate)}\n            </div>\n          </div>\n        )}\n        {calViewMode === VIEW_MODE.MONTHLY && (\n          <HvMonthSelector\n            id={id}\n            locale={locale}\n            onChange={onVisibleDateChange}\n            onViewModeChange={(viewMode) => setCalViewMode(viewMode)}\n            visibleMonth={visibleMonth || today.getMonth() + 1}\n            rangeMode={rangeMode}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nHvSingleCalendar.propTypes = {\n  /**\n   * Styles applied from the theme.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the external div containing the whole calendar.\n     */\n    calendarContainer: PropTypes.string,\n    /**\n     * Styles applied to the external div below the calendar wrapper.\n     */\n    calendarWrapper: PropTypes.string,\n    /**\n     * Styles applied to the element containing the cells that represents each date.\n     */\n    calendarGrid: PropTypes.string,\n    /**\n     * Styles applied to the element containing the buttons to change the visible month and year.\n     */\n    navigationContainer: PropTypes.string,\n    /**\n     * Styles applied to the cell when is focused.\n     */\n    focusSelection: PropTypes.string,\n    /**\n     * Styles applied to the buttons used to change the months.\n     */\n    navigationMonth: PropTypes.string,\n    /**\n     * Styles applied to the cells containing each date.\n     */\n    calendarDate: PropTypes.string,\n    /**\n     * Styles applied to the cells when the cell is outside the visible month.\n     */\n    calendarDateNotInMonth: PropTypes.string,\n    /**\n     * Styles applied to the cells when the cell is outside the visible month.\n     */\n    calendarDateSelected: PropTypes.string,\n    /**\n     * Styles applied to the cells when the cell is not valid.\n     */\n    calendarDateInvalid: PropTypes.string,\n    /**\n     * Styles applied to the cells when it is part of the selection.\n     */\n    calendarDateInSelectionRange: PropTypes.string,\n    /**\n     * Styles applied to the cells when it is not selectable.\n     */\n    calendarDateDisabled: PropTypes.string,\n    /**\n     * Styles applied to the cell when it is at the beginning of the selection.\n     */\n    startBookend: PropTypes.string,\n    /**\n     * Styles applied to the cell when it is at the end of the selection.\n     */\n    endBookend: PropTypes.string,\n    /**\n     * Styles applied to the cells when it is part of the selection in progress.\n     */\n    cellsInRange: PropTypes.string,\n    /**\n     * Styles applied to the cells when it is not part of the selection in progress.\n     */\n    cellsOutsideRange: PropTypes.string,\n    cellContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * The class name to add at the root of the single calendar\n   */\n  className: PropTypes.string,\n  /**\n   * The calendar locale.\n   *\n   */\n  locale: PropTypes.string,\n  /**\n   * Date that the calendar would show.\n   */\n  value: PropTypes.oneOfType([\n    PropTypes.instanceOf(Date),\n    PropTypes.shape({ startDate: PropTypes.instanceOf(Date), endDate: PropTypes.instanceOf(Date) }),\n  ]),\n  /**\n   * Date that will be used to know which month and year should be displayed on the calendar. The value of the day is\n   * irrelevant.\n   */\n  visibleDate: PropTypes.instanceOf(Date),\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth: PropTypes.number,\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleYear: PropTypes.number,\n  /**\n   * Callback function to be triggered when the selected date has changed.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Callback function to be triggered when the selected date input has changed.\n   */\n  onInputChange: PropTypes.func,\n  /**\n   * Callback function to be triggered when visible date has changed.\n   */\n  onVisibleDateChange: PropTypes.func,\n  /**\n   * The maximum selectable date after this all values are disabled.\n   */\n  maximumDate: PropTypes.instanceOf(Date),\n  /**\n   * The minimum selectable date before this all values are disabled.\n   */\n  minimumDate: PropTypes.instanceOf(Date),\n  /**\n   * Indicates if header should display end date in a date range.\n   */\n  showEndDate: PropTypes.bool,\n  /**\n   * Content on the upper part of the calendar.\n   */\n  children: PropTypes.node,\n  /**\n   * Label shown when date is invalid.\n   */\n  invalidDateLabel: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvSingleCalendar\" })(HvSingleCalendar);\n"],"mappings":"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"}

package/dist/DatePicker/DatePicker.d.ts

@@ -32,6 +32,10 @@ export interface HvDatePickerProps
      * Clear button label.
      */
     clearLabel?: string;
+    /**
+     * Invalid Date label.
+     */
+    invalidDateLabel?: string;
   };
 
   /**

package/dist/DatePicker/DatePicker.js

@@ -74,7 +74,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var DEFAULT_LABELS = {
   applyLabel: "Apply",
   cancelLabel: "Cancel",
-  clearLabel: "Clear"
+  clearLabel: "Clear",
+  invalidDateLabel: "Invalid Date"
 };
 /**
  * A date picker, popup calendar or date range picker is a graphical user
@@ -425,7 +426,9 @@ var HvDatePicker = function HvDatePicker(props) {
       });
     },
     locale: locale
-  }, visibleDate)), (rangeMode || showActions) && renderActions()), canShowError && /*#__PURE__*/_react.default.createElement(_.HvWarningText, {
+  }, visibleDate, {
+    invalidDateLabel: labels.invalidDateLabel
+  })), (rangeMode || showActions) && renderActions()), canShowError && /*#__PURE__*/_react.default.createElement(_.HvWarningText, {
     id: (0, _utils.setId)(elementId, "error"),
     disableBorder: true,
     className: classes.error
@@ -610,7 +613,12 @@ process.env.NODE_ENV !== "production" ? HvDatePicker.propTypes = {
     /**
      * Clear button label.
      */
-    clearLabel: _propTypes.default.string
+    clearLabel: _propTypes.default.string,
+
+    /**
+     * Invalid Date label.
+     */
+    invalidDateLabel: _propTypes.default.string
   }),
 
   /**