@hitachivantara/uikit-react-core 2.23.2

package/dist/legacy/DatePicker/Calendar/model.js

@@ -0,0 +1,96 @@
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import "core-js/modules/es.number.is-integer.js";
+import "core-js/modules/es.number.constructor.js";
+import { NAV_OPTIONS } from "./enums";
+import { getPreviousMonth, getNextMonth, createDatesArray } from "./utils";
+/**
+ * Calendar builder for a specific month and year.
+ * Returns an array of date objects.
+ */
+
+var CalendarModel = /*#__PURE__*/_createClass(function CalendarModel(_month, _year) {
+  var _this = this;
+
+  _classCallCheck(this, CalendarModel);
+
+  _defineProperty(this, "updateModel", function (month, year) {
+    var validMonth = month;
+    var validYear = year;
+
+    if (!Number.isInteger(validMonth)) {
+      validMonth = new Date().getMonth() + 1;
+    }
+
+    if (!Number.isInteger(validYear)) {
+      validYear = new Date().getFullYear();
+    }
+
+    _this.month = validMonth;
+    _this.year = validYear;
+    _this.dates = createDatesArray(validMonth, validYear);
+  });
+
+  _defineProperty(this, "navigateTo", function (navOptions) {
+    var month = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+    var year = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2000;
+    var newMonthYear;
+
+    switch (navOptions) {
+      case NAV_OPTIONS.PREVIOUS_MONTH:
+        newMonthYear = getPreviousMonth(_this.month, _this.year);
+        break;
+
+      default:
+      case NAV_OPTIONS.NEXT_MONTH:
+        newMonthYear = getNextMonth(_this.month, _this.year);
+        break;
+
+      case NAV_OPTIONS.PREVIOUS_YEAR:
+        newMonthYear = {
+          month: _this.month,
+          year: _this.year - 1
+        };
+        break;
+
+      case NAV_OPTIONS.NEXT_YEAR:
+        newMonthYear = {
+          month: _this.month,
+          year: _this.year + 1
+        };
+        break;
+
+      case NAV_OPTIONS.MONTH:
+        newMonthYear = {
+          month: month,
+          year: _this.year
+        };
+        break;
+
+      case NAV_OPTIONS.MONTH_YEAR:
+        newMonthYear = {
+          month: month,
+          year: year
+        };
+        break;
+    }
+
+    _this.updateModel(newMonthYear.month, newMonthYear.year);
+
+    return _this;
+  });
+
+  this.updateModel(_month, _year);
+}
+/**
+ * Updates the model with the received month and year
+ *
+ * @param {number} month - Number of the month.
+ * @param {number} year - Number of the year. *
+ * @memberOf CalendarModel
+ */
+);
+
+export { CalendarModel as default };
+//# sourceMappingURL=model.js.map

package/dist/legacy/DatePicker/Calendar/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","names":["NAV_OPTIONS","getPreviousMonth","getNextMonth","createDatesArray","CalendarModel","month","year","validMonth","validYear","Number","isInteger","Date","getMonth","getFullYear","dates","navOptions","newMonthYear","PREVIOUS_MONTH","NEXT_MONTH","PREVIOUS_YEAR","NEXT_YEAR","MONTH","MONTH_YEAR","updateModel"],"sources":["../../../../src/DatePicker/Calendar/model.js"],"sourcesContent":["import { NAV_OPTIONS } from \"./enums\";\nimport { getPreviousMonth, getNextMonth, createDatesArray } from \"./utils\";\n\n/**\n * Calendar builder for a specific month and year.\n * Returns an array of date objects.\n */\nexport default class CalendarModel {\n  constructor(month, year) {\n    this.updateModel(month, year);\n  }\n\n  /**\n   * Updates the model with the received month and year\n   *\n   * @param {number} month - Number of the month.\n   * @param {number} year - Number of the year. *\n   * @memberOf CalendarModel\n   */\n  updateModel = (month, year) => {\n    let validMonth = month;\n    let validYear = year;\n    if (!Number.isInteger(validMonth)) {\n      validMonth = new Date().getMonth() + 1;\n    }\n    if (!Number.isInteger(validYear)) {\n      validYear = new Date().getFullYear();\n    }\n\n    this.month = validMonth;\n    this.year = validYear;\n    this.dates = createDatesArray(validMonth, validYear);\n  };\n\n  /**\n   * Navigates to the new date according to the received navigation option.\n   *\n   * @param {string} navOptions - The option to where the navigation should occur.\n   * @param {number} [month=1] - The month to where the navigation should occur in case the navOptions is set\n   * to `MONTH`.\n   * @param year {number}  The year to where the navigation should occur in case the navOptions is set\n   * to `YEAR`.\n   * @returns {CalendarModel}\n   */\n  navigateTo = (navOptions, month = 1, year = 2000) => {\n    let newMonthYear;\n\n    switch (navOptions) {\n      case NAV_OPTIONS.PREVIOUS_MONTH:\n        newMonthYear = getPreviousMonth(this.month, this.year);\n        break;\n      default:\n      case NAV_OPTIONS.NEXT_MONTH:\n        newMonthYear = getNextMonth(this.month, this.year);\n        break;\n      case NAV_OPTIONS.PREVIOUS_YEAR:\n        newMonthYear = { month: this.month, year: this.year - 1 };\n        break;\n      case NAV_OPTIONS.NEXT_YEAR:\n        newMonthYear = { month: this.month, year: this.year + 1 };\n        break;\n      case NAV_OPTIONS.MONTH:\n        newMonthYear = { month, year: this.year };\n        break;\n      case NAV_OPTIONS.MONTH_YEAR:\n        newMonthYear = { month, year };\n        break;\n    }\n\n    this.updateModel(newMonthYear.month, newMonthYear.year);\n\n    return this;\n  };\n}\n"],"mappings":";;;;;AAAA,SAASA,WAAT,QAA4B,SAA5B;AACA,SAASC,gBAAT,EAA2BC,YAA3B,EAAyCC,gBAAzC,QAAiE,SAAjE;AAEA;AACA;AACA;AACA;;IACqBC,a,6BACnB,uBAAYC,MAAZ,EAAmBC,KAAnB,EAAyB;EAAA;;EAAA;;EAAA,qCAWX,UAACD,KAAD,EAAQC,IAAR,EAAiB;IAC7B,IAAIC,UAAU,GAAGF,KAAjB;IACA,IAAIG,SAAS,GAAGF,IAAhB;;IACA,IAAI,CAACG,MAAM,CAACC,SAAP,CAAiBH,UAAjB,CAAL,EAAmC;MACjCA,UAAU,GAAG,IAAII,IAAJ,GAAWC,QAAX,KAAwB,CAArC;IACD;;IACD,IAAI,CAACH,MAAM,CAACC,SAAP,CAAiBF,SAAjB,CAAL,EAAkC;MAChCA,SAAS,GAAG,IAAIG,IAAJ,GAAWE,WAAX,EAAZ;IACD;;IAED,KAAI,CAACR,KAAL,GAAaE,UAAb;IACA,KAAI,CAACD,IAAL,GAAYE,SAAZ;IACA,KAAI,CAACM,KAAL,GAAaX,gBAAgB,CAACI,UAAD,EAAaC,SAAb,CAA7B;EACD,CAxBwB;;EAAA,oCAoCZ,UAACO,UAAD,EAAwC;IAAA,IAA3BV,KAA2B,uEAAnB,CAAmB;IAAA,IAAhBC,IAAgB,uEAAT,IAAS;IACnD,IAAIU,YAAJ;;IAEA,QAAQD,UAAR;MACE,KAAKf,WAAW,CAACiB,cAAjB;QACED,YAAY,GAAGf,gBAAgB,CAAC,KAAI,CAACI,KAAN,EAAa,KAAI,CAACC,IAAlB,CAA/B;QACA;;MACF;MACA,KAAKN,WAAW,CAACkB,UAAjB;QACEF,YAAY,GAAGd,YAAY,CAAC,KAAI,CAACG,KAAN,EAAa,KAAI,CAACC,IAAlB,CAA3B;QACA;;MACF,KAAKN,WAAW,CAACmB,aAAjB;QACEH,YAAY,GAAG;UAAEX,KAAK,EAAE,KAAI,CAACA,KAAd;UAAqBC,IAAI,EAAE,KAAI,CAACA,IAAL,GAAY;QAAvC,CAAf;QACA;;MACF,KAAKN,WAAW,CAACoB,SAAjB;QACEJ,YAAY,GAAG;UAAEX,KAAK,EAAE,KAAI,CAACA,KAAd;UAAqBC,IAAI,EAAE,KAAI,CAACA,IAAL,GAAY;QAAvC,CAAf;QACA;;MACF,KAAKN,WAAW,CAACqB,KAAjB;QACEL,YAAY,GAAG;UAAEX,KAAK,EAALA,KAAF;UAASC,IAAI,EAAE,KAAI,CAACA;QAApB,CAAf;QACA;;MACF,KAAKN,WAAW,CAACsB,UAAjB;QACEN,YAAY,GAAG;UAAEX,KAAK,EAALA,KAAF;UAASC,IAAI,EAAJA;QAAT,CAAf;QACA;IAnBJ;;IAsBA,KAAI,CAACiB,WAAL,CAAiBP,YAAY,CAACX,KAA9B,EAAqCW,YAAY,CAACV,IAAlD;;IAEA,OAAO,KAAP;EACD,CAhEwB;;EACvB,KAAKiB,WAAL,CAAiBlB,MAAjB,EAAwBC,KAAxB;AACD;AAED;AACF;AACA;AACA;AACA;AACA;AACA;;;SAXqBF,a"}

package/dist/legacy/DatePicker/Calendar/styles.js

@@ -0,0 +1,120 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var styles = function styles(theme) {
+  var hover = {
+    backgroundColor: theme.palette.atmo4,
+    cursor: "pointer"
+  };
+  return {
+    calendarWrapper: {
+      overflow: "hidden",
+      backgroundColor: theme.palette.atmo1,
+      padding: theme.spacing("sm")
+    },
+    calendarGrid: {
+      display: "flex",
+      flexFlow: "wrap",
+      width: "280px"
+    },
+    navigationContainer: {
+      display: "flex",
+      justifyContent: "space-between",
+      padding: "".concat(theme.spacing("xs"), "px 0")
+    },
+    focusSelection: {
+      "&:hover": _objectSpread({}, hover),
+      "&:focus": _objectSpread(_objectSpread({}, hover), {}, {
+        outlineColor: "#52A8EC",
+        outlineStyle: "solid",
+        outlineWidth: "1px",
+        outlineOffset: "-1px"
+      })
+    },
+    navigationMonth: {
+      minWidth: "160px"
+    },
+    calendarDay: {
+      display: "flex",
+      justifyContent: "center",
+      flexDirection: "column",
+      textAlign: "center",
+      height: "40px",
+      width: "40px"
+    },
+    calendarDate: {
+      display: "flex",
+      justifyContent: "center",
+      flexDirection: "column",
+      textAlign: "center",
+      height: "40px",
+      width: "40px"
+    },
+    calendarDateNotInMonth: {
+      color: theme.palette.atmo7
+    },
+    calendarDateSelected: {
+      backgroundColor: theme.palette.acce1,
+      color: theme.palette.atmo1,
+      "&:hover": _objectSpread({}, hover)
+    },
+    calendarDateInvalid: {
+      "&:hover": {
+        cursor: "not-allowed",
+        backgroundColor: "transparent"
+      }
+    },
+    calendarMonthlyGrid: {
+      top: "0",
+      height: "calc(100% - 120px)",
+      marginTop: "100px",
+      marginLeft: "-20px",
+      display: "flex",
+      zIndex: "10",
+      padding: "0 20px",
+      position: "absolute",
+      flexFlow: "wrap",
+      alignContent: "center",
+      justifyContent: "space-evenly",
+      backgroundColor: theme.palette.atmo1
+    },
+    normalWidth: {
+      width: "calc(100% - 2px)" // 2px for the borders.
+
+    },
+    rangeModeWidth: {
+      width: "calc((100% / 2) - 2px)" // 100% divided by two to handle the range situation minus 2px for the borders.
+
+    },
+    calendarMonthlyCell: {
+      display: "flex",
+      justifyContent: "center",
+      flexDirection: "column",
+      textAlign: "center",
+      height: "40px",
+      width: "92px",
+      "&:hover": _objectSpread({}, hover)
+    },
+    calendarMonthlyCellSelected: {
+      backgroundColor: theme.palette.acce1,
+      color: theme.palette.atmo1,
+      "&:hover": {
+        backgroundColor: theme.palette.acce1,
+        color: theme.palette.atmo1
+      }
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/legacy/DatePicker/Calendar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","hover","backgroundColor","palette","atmo4","cursor","calendarWrapper","overflow","atmo1","padding","spacing","calendarGrid","display","flexFlow","width","navigationContainer","justifyContent","focusSelection","outlineColor","outlineStyle","outlineWidth","outlineOffset","navigationMonth","minWidth","calendarDay","flexDirection","textAlign","height","calendarDate","calendarDateNotInMonth","color","atmo7","calendarDateSelected","acce1","calendarDateInvalid","calendarMonthlyGrid","top","marginTop","marginLeft","zIndex","position","alignContent","normalWidth","rangeModeWidth","calendarMonthlyCell","calendarMonthlyCellSelected"],"sources":["../../../../src/DatePicker/Calendar/styles.js"],"sourcesContent":["const styles = (theme) => {\n  const hover = {\n    backgroundColor: theme.palette.atmo4,\n    cursor: \"pointer\",\n  };\n\n  return {\n    calendarWrapper: {\n      overflow: \"hidden\",\n      backgroundColor: theme.palette.atmo1,\n      padding: theme.spacing(\"sm\"),\n    },\n    calendarGrid: {\n      display: \"flex\",\n      flexFlow: \"wrap\",\n      width: \"280px\",\n    },\n    navigationContainer: {\n      display: \"flex\",\n      justifyContent: \"space-between\",\n      padding: `${theme.spacing(\"xs\")}px 0`,\n    },\n    focusSelection: {\n      \"&:hover\": {\n        ...hover,\n      },\n      \"&:focus\": {\n        ...hover,\n        outlineColor: \"#52A8EC\",\n        outlineStyle: \"solid\",\n        outlineWidth: \"1px\",\n        outlineOffset: \"-1px\",\n      },\n    },\n    navigationMonth: {\n      minWidth: \"160px\",\n    },\n    calendarDay: {\n      display: \"flex\",\n      justifyContent: \"center\",\n      flexDirection: \"column\",\n      textAlign: \"center\",\n      height: \"40px\",\n      width: \"40px\",\n    },\n    calendarDate: {\n      display: \"flex\",\n      justifyContent: \"center\",\n      flexDirection: \"column\",\n      textAlign: \"center\",\n      height: \"40px\",\n      width: \"40px\",\n    },\n    calendarDateNotInMonth: {\n      color: theme.palette.atmo7,\n    },\n    calendarDateSelected: {\n      backgroundColor: theme.palette.acce1,\n      color: theme.palette.atmo1,\n      \"&:hover\": {\n        ...hover,\n      },\n    },\n    calendarDateInvalid: {\n      \"&:hover\": {\n        cursor: \"not-allowed\",\n        backgroundColor: \"transparent\",\n      },\n    },\n    calendarMonthlyGrid: {\n      top: \"0\",\n      height: \"calc(100% - 120px)\",\n      marginTop: \"100px\",\n      marginLeft: \"-20px\",\n      display: \"flex\",\n      zIndex: \"10\",\n      padding: \"0 20px\",\n      position: \"absolute\",\n      flexFlow: \"wrap\",\n      alignContent: \"center\",\n      justifyContent: \"space-evenly\",\n      backgroundColor: theme.palette.atmo1,\n    },\n    normalWidth: {\n      width: \"calc(100% - 2px)\", // 2px for the borders.\n    },\n    rangeModeWidth: {\n      width: \"calc((100% / 2) - 2px)\", // 100% divided by two to handle the range situation minus 2px for the borders.\n    },\n    calendarMonthlyCell: {\n      display: \"flex\",\n      justifyContent: \"center\",\n      flexDirection: \"column\",\n      textAlign: \"center\",\n      height: \"40px\",\n      width: \"92px\",\n      \"&:hover\": {\n        ...hover,\n      },\n    },\n    calendarMonthlyCellSelected: {\n      backgroundColor: theme.palette.acce1,\n      color: theme.palette.atmo1,\n      \"&:hover\": {\n        backgroundColor: theme.palette.acce1,\n        color: theme.palette.atmo1,\n      },\n    },\n  };\n};\n\nexport default styles;\n"],"mappings":"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"}

package/dist/legacy/DatePicker/Calendar/utils.js

@@ -0,0 +1,425 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import "core-js/modules/es.string.pad-start.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.number.is-nan.js";
+import "core-js/modules/es.number.constructor.js";
+import "core-js/modules/es.array.join.js";
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.function.name.js";
+import { REPRESENTATION_VALUES } from "./enums";
+/**
+ * Constant with the number of weeks to be displayed on the calendar.
+ */
+
+export var CALENDAR_WEEKS = 6;
+/**
+ * Constant with the default locale that should be used as the default.
+ */
+
+export var DEFAULT_LOCALE = "en";
+/**
+ * Pads a string value with leading zeroes(0) until length is reached.
+ * For example: zeroPad(5, 2) => "05".
+ *
+ * @param {number} value - Value to be padded.
+ * @param {number} length - Length of the value after the padding is added.
+ * @returns {string} The value as a string with the received amount of padding.
+ */
+
+export var zeroPad = function zeroPad(value, length) {
+  return "".concat(value).padStart(length, "0");
+};
+/**
+ * Returns the number of days in a month for a given year.
+ *
+ * @param {number} month - Number of the month.
+ * @param {number} year - Number of the year.
+ * @returns {number} The number of days in a month for the received year.
+ */
+
+export var getMonthDays = function getMonthDays(month, year) {
+  return new Date(year, month, 0).getDate();
+};
+/**
+ * Gets the year day number for the received date.
+ * From 0 (Sunday) to 6 (Saturday).
+ *
+ * @param {Date} date - Date value.
+ * @returns {number} The number of the day of the week (0 to 6).
+ */
+
+export var getWeekdayNumber = function getWeekdayNumber(date) {
+  return date.getUTCDay();
+};
+/**
+ * Creates a date in UTC timezone.
+ *
+ * @param {number} year
+ * @param {number} month
+ * @param {number} day
+ * @returns {Date}
+ */
+
+export var makeUTCDate = function makeUTCDate(year, month, day) {
+  return new Date(Date.UTC(year, month - 1, day, 0));
+};
+/**
+ * Creates a date in UTC timezone from an ISO string.
+ *
+ * @param {string} isoStringDate ISO formatted date.
+ * @returns {Date}
+ */
+
+export var makeUTCDateFromISOString = function makeUTCDateFromISOString(isoStringDate) {
+  return new Date(isoStringDate);
+};
+/**
+ * Creates a new date object with today's date in UTC timezone.
+ *
+ * @returns {Date}
+ */
+
+export var makeUTCToday = function makeUTCToday() {
+  var today = new Date();
+  return makeUTCDate(today.getFullYear(), today.getMonth() + 1, today.getDate());
+};
+/**
+ * Convert a date from UTC timezone to local timezone.
+ *
+ * @param utcDate
+ * @returns {Date}
+ * @constructor
+ */
+
+export var UTCToLocalDate = function UTCToLocalDate(utcDate) {
+  return new Date(utcDate.getUTCFullYear(), utcDate.getUTCMonth(), utcDate.getUTCDate());
+};
+/**
+ * Returns the first day of the month for a given year.
+ * From 0 (Sunday) to 6 (Saturday).
+ *
+ * @param {number} month - Number of the month.
+ * @param {number} year - Number of the year.
+ * @returns {number} The first day of the month for the received year.
+ */
+
+export var getMonthFirstDay = function getMonthFirstDay(month, year) {
+  return getWeekdayNumber(makeUTCDate(year, month, 1));
+};
+/**
+ * Checks if the received date is a valid date.
+ *
+ * @param {Date} date - The date to be validated.
+ * @returns {boolean} A flag stating if the date is valid or not.
+ */
+
+export var isDate = function isDate(date) {
+  var auxIsDate = Object.prototype.toString.call(date) === "[object Date]";
+  var isValidDate = date && !Number.isNaN(date.valueOf());
+  return auxIsDate && isValidDate;
+};
+/**
+ * Checks if the received date is between `1000-01-01` and `9999-12-31`.
+ *
+ * @param {Date} date - The date to be validated.
+ * @returns {boolean} A flag stating if the date is in a valid range or not.
+ */
+
+export var isDateInValidRange = function isDateInValidRange(date) {
+  if (!isDate(date)) {
+    return false;
+  }
+
+  var year = date.getUTCFullYear();
+  return year >= 1000 && year <= 9999;
+};
+/**
+ * Checks if two dates are in the same month and year.
+ *
+ * @param {Date} date1 - First date.
+ * @param {Date} date2 - Second date.
+ * @returns {boolean} A flag stating if the dates are in the same month and year or not.
+ */
+
+export var isSameMonth = function isSameMonth(date1, date2) {
+  if (!(isDate(date1) && isDate(date2))) return false;
+  var date2Month = date2.getUTCMonth() + 1;
+  var date2Year = date2.getUTCFullYear();
+  var date1Month = date1.getUTCMonth() + 1;
+  var date1Year = date1.getUTCFullYear();
+  return date2Month === date1Month && date2Year === date1Year;
+};
+/**
+ * Checks if two dates are on the same day.
+ *
+ * @param {Date} date1 - First date.
+ * @param {Date} date2 - Second date.
+ * @returns {boolean} A flag stating if the dates are in the same day or not.
+ */
+
+export var isSameDay = function isSameDay(date1, date2) {
+  if (!(isDate(date1) && isDate(date2))) return false;
+  var date2Day = date2.getUTCDate();
+  var date2Month = date2.getUTCMonth() + 1;
+  var date2Year = date2.getUTCFullYear();
+  var date1Date = date1.getUTCDate();
+  var date1Month = date1.getUTCMonth() + 1;
+  var date1Year = date1.getUTCFullYear();
+  return date2Day === date1Date && date2Month === date1Month && date2Year === date1Year;
+};
+/**
+ * Formats the received date using the ISO format (YYYY-MM-DD).
+ *
+ * @param {Date} date - The date to be formatted.
+ * @returns {string || null} The formatted date in ISO format.
+ */
+
+export var getDateISO = function getDateISO(date) {
+  if (!isDate(date)) return null;
+  return [date.getUTCFullYear(), zeroPad(date.getUTCMonth() + 1, 2), zeroPad(date.getUTCDate(), 2)].join("-");
+};
+/**
+ * Checks if a string is a valid ISO formatted date.
+ *
+ * @param {string} isoStringDate - The string to be checked.
+ * @returns {boolean} True if the received string is in a valid ISO format, false otherwise.
+ */
+
+export var isValidISOString = function isValidISOString(isoStringDate) {
+  return /\d{4}-\d{2}-\d{2}/.test(isoStringDate);
+};
+/**
+ * Converts a ISO date string ("YYYY-MM-DD") into a new Date.
+ * This is needed because when creating a new date in javascript using a ISO date string the timezone applied will
+ * always be UTC instead of local time.
+ *
+ * @param {string} isoStringDate
+ * @returns {Date} A new date created based on the ISO string.
+ */
+
+export var convertISOStringDateToDate = function convertISOStringDateToDate(isoStringDate) {
+  if (isoStringDate !== "" && !isValidISOString(isoStringDate)) {
+    // eslint-disable-next-line no-console
+    console.warn("The date must be in ISO format (YYYY-MM-DD): ".concat(isoStringDate));
+    return null;
+  }
+
+  var convertedDate = makeUTCDateFromISOString(isoStringDate);
+
+  if (!isDate(convertedDate) || !isDateInValidRange(convertedDate)) {
+    // eslint-disable-next-line no-console
+    console.warn("The received date is invalid: ".concat(isoStringDate));
+    return null;
+  }
+
+  return convertedDate;
+};
+/**
+ * Returns an object with the previous month taking also into consideration the year.
+ * For example the previous month of January 2000 will be December 1999.
+ *
+ * @param {number} month - Number of the month.
+ * @param {number} year - Number of the year.
+ * @returns {({month: number, year: number})} Object with new month and year defined.
+ */
+
+export var getPreviousMonth = function getPreviousMonth(month, year) {
+  var prevMonth = month > 1 ? month - 1 : 12;
+  var prevMonthYear = month > 1 ? year : year - 1;
+  return {
+    month: prevMonth,
+    year: prevMonthYear
+  };
+};
+/**
+ * Returns an object with the next month taking also into consideration the year.
+ * For example the next month of December 2000 will be January 2001.
+ *
+ * @param {number} month - Number of the month.
+ * @param {number} year - Number of the year.
+ * @returns {({month: number, year: number})} Object with new month and year defined.
+ */
+
+export var getNextMonth = function getNextMonth(month, year) {
+  var nextMonth = month < 12 ? month + 1 : 1;
+  var nextMonthYear = month < 12 ? year : year + 1;
+  return {
+    month: nextMonth,
+    year: nextMonthYear
+  };
+};
+/**
+ * Returns a list with the names of all the months localized in the received locale and representation value.
+ *
+ * @param {string} locale - The locale to be applied to the Intl format.
+ * @param {string} [representationValue=REPRESENTATION_VALUES.LONG] - The locale to be applied to the Intl format.
+ * @returns {Array} An array with all the months names.
+ */
+
+export var getMonthNamesList = function getMonthNamesList(locale) {
+  var representationValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : REPRESENTATION_VALUES.LONG;
+  var options = {
+    month: representationValue
+  };
+  return _toConsumableArray(new Array(12)).map(function (n, index) {
+    var auxDate = new Date(1970, index, 1);
+    return new Intl.DateTimeFormat(locale, options).format(auxDate);
+  });
+};
+/**
+ * Returns a list with the names of all the weekdays localized in the received locale and representation value.
+ *
+ * @param {string} locale - The locale to be applied to the Intl format.
+ * @param {string} representativeValue - The locale to be applied to the Intl format.
+ * @returns {Array} An array with all the weekday names.
+ */
+
+export var getWeekdayNamesList = function getWeekdayNamesList(locale) {
+  var representativeValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : REPRESENTATION_VALUES.LONG;
+  var weekdayNames = [];
+
+  for (var day = 4; day <= 10; day += 1) {
+    weekdayNames.push(new Date(1970, 0, day).toLocaleString(locale, {
+      weekday: representativeValue
+    }));
+  }
+
+  return weekdayNames;
+};
+/**
+ * Returns the name of the month for the supplied month localized in the received locale and representation value.
+ *
+ * @param {number} monthIndex - Month which we want to retrieve the name. (0 January ... 11 December).
+ * @param {string} locale - The locale to be applied to the Intl format.
+ * @param {string} [representationValue=REPRESENTATION_VALUES.LONG] - The locale to be applied to the Intl format.
+ * @returns {string} The name of the month.
+ */
+
+export var getMonthName = function getMonthName(monthIndex, locale) {
+  var representationValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : REPRESENTATION_VALUES.LONG;
+  var auxDate = new Date(1970, monthIndex, 1);
+  return new Intl.DateTimeFormat(locale, {
+    month: representationValue
+  }).format(auxDate);
+};
+/**
+ * Formats the received date according to Design System specifications.
+ * Currently: day month, year => `14 Aug, 2019`.
+ *
+ * @param {date} date - Date to be formatted.
+ * @param {string} locale - The locale to be applied to the Intl format.
+ * @returns {string} The formatted date as a string.
+ */
+
+export var getFormattedDate = function getFormattedDate(date, locale) {
+  return "".concat(date.getUTCDate(), " ").concat(getMonthName(date.getUTCMonth(), locale, REPRESENTATION_VALUES.SHORT), " ").concat(date.getUTCFullYear());
+};
+/**
+ * Creates an array of 42 days. The complete current month and enough days from the previous and next months to fill
+ * the 42 positions.
+ *
+ * @param {number} month - The number of the month.
+ * @param {number} year - The number of the year.
+ * @returns {Array} The array of dates.
+ */
+
+export var createDatesArray = function createDatesArray(month, year) {
+  // Initializes the variables needed to calculate the dates for the received month and year
+  var monthDays = getMonthDays(month, year);
+  var daysFromPrevMonth = getMonthFirstDay(month, year);
+  var daysFromNextMonth = CALENDAR_WEEKS * 7 - (daysFromPrevMonth + monthDays);
+  var prevMonthYear = getPreviousMonth(month, year);
+  var nextMonthYear = getNextMonth(month, year);
+  var prevMonthDays = getMonthDays(prevMonthYear.month, prevMonthYear.year); // Creates the arrays for the dates for previous, current and next months
+
+  var prevMonthDates = _toConsumableArray(new Array(daysFromPrevMonth)).map(function (n, index) {
+    var day = index + 1 + (prevMonthDays - daysFromPrevMonth);
+    return makeUTCDate(prevMonthYear.year, prevMonthYear.month, day);
+  });
+
+  var currentMonthDates = _toConsumableArray(new Array(monthDays)).map(function (n, index) {
+    var day = index + 1;
+    return makeUTCDate(year, month, day);
+  });
+
+  var nextMonthDates = _toConsumableArray(new Array(daysFromNextMonth)).map(function (n, index) {
+    var day = index + 1;
+    return makeUTCDate(nextMonthYear.year, nextMonthYear.month, day);
+  });
+
+  return [].concat(_toConsumableArray(prevMonthDates), _toConsumableArray(currentMonthDates), _toConsumableArray(nextMonthDates));
+};
+/**
+ * Checks if the visibleDate is valid, if not returns the selectedDate or Today's days if none if is valid.
+ *
+ * @param {Date} visibleDate - The initial visibleDate value.
+ * @param {Date} selectedDate - The selectedDate value.
+ * @returns Date The valid date to be used as the visible date
+ */
+
+export var getValidVisibleDate = function getValidVisibleDate(visibleDate, selectedDate) {
+  if (isDate(visibleDate)) {
+    return visibleDate;
+  }
+
+  if (isDate(selectedDate)) {
+    return selectedDate;
+  }
+
+  return makeUTCToday();
+};
+/**
+ * Checks if the received locale is valid according to Intl.
+ *
+ * @param {string} locale - The locale to be checked
+ * @returns {boolean} - True if the locale is valid, false otherwise.
+ */
+
+export var isValidLocale = function isValidLocale(locale) {
+  try {
+    if (Intl.DateTimeFormat.supportedLocalesOf(locale).length > 0) {
+      return true;
+    } // eslint-disable-next-line no-console
+
+
+    console.warn("".concat(locale, " is not supported. Falling back to a known locale."));
+    return false;
+  } catch (error) {
+    if (error.name === "RangeError") {
+      // eslint-disable-next-line no-console
+      console.error("Invalid locale: ".concat(locale));
+      return false;
+    } // eslint-disable-next-line no-console
+
+
+    console.error(error.message);
+    return false;
+  }
+};
+/**
+ * Checks if the previous year / month is a valid date.
+ *
+ * @param {number} year - The year.
+ * @param {number} month - The month.
+ * @returns {boolean} - True if the previous date is valid, false otherwise.
+ */
+
+export var isPreviousDateValid = function isPreviousDateValid(year, month) {
+  var previousMonthYear = getPreviousMonth(month, year);
+  return isDateInValidRange(makeUTCDate(previousMonthYear.year, previousMonthYear.month, 1));
+};
+/**
+ * Checks if the next year / month is a valid date.
+ *
+ * @param {number} year - The year.
+ * @param {number} month - The month.
+ * @returns {boolean} - True if the next date is valid, false otherwise.
+ */
+
+export var isNextDateValid = function isNextDateValid(year, month) {
+  var nextMonthYear = getNextMonth(month, year);
+  return isDateInValidRange(makeUTCDate(nextMonthYear.year, nextMonthYear.month, 1));
+};
+//# sourceMappingURL=utils.js.map