@activecollab/components 2.0.212 → 2.0.214

package/dist/cjs/components/Display/DisplayHours.js.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayHours.js","names":["_react","_interopRequireWildcard","require","_utils","_currencyUtils","_Tooltip","_Typography","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","DisplayHours","exports","forwardRef","_ref","ref","value","_ref$variant","variant","_ref$thousandSeparato","thousandSeparator","_ref$decimalSeparator","decimalSeparator","_ref$trimZeroMinutes","trimZeroMinutes","_ref$trimDecimals","trimDecimals","_ref$decimalSpaces","decimalSpaces","_ref$format","format","_ref$disableTooltip","disableTooltip","className","withLeadingZero","_ref$as","as","rest","numberValue","parseValueToNumber","shouldDisplayShort","longValue","formatHours","shortValue","formatNumber","createElement","Tooltip","title","disable","Typography","displayName"],"sources":["../../../../src/components/Display/DisplayHours.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { DisplayHoursProps } from \"./types\";\nimport { formatHours, formatNumber } from \"../../utils\";\nimport { parseValueToNumber } from \"../../utils/currencyUtils\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const DisplayHours = forwardRef<HTMLSpanElement, DisplayHoursProps>(\n  (\n    {\n      value,\n      variant = \"Body 2\",\n      thousandSeparator = \",\",\n      decimalSeparator = \".\",\n      trimZeroMinutes = false,\n      trimDecimals = true,\n      decimalSpaces = 2,\n      format = \"long\",\n      disableTooltip = false,\n      className,\n      withLeadingZero,\n      as = \"span\",\n      ...rest\n    },\n    ref\n  ) => {\n    const numberValue = parseValueToNumber(\n      value,\n      thousandSeparator,\n      decimalSeparator\n    );\n\n    const shouldDisplayShort = format === \"short\" && numberValue >= 1000;\n\n    const longValue = formatHours(\n      numberValue,\n      withLeadingZero,\n      trimZeroMinutes,\n      \"long\"\n    );\n    const shortValue = formatNumber(\n      numberValue,\n      thousandSeparator,\n      decimalSeparator,\n      trimDecimals,\n      decimalSpaces,\n      \"short\"\n    );\n\n    if (shouldDisplayShort) {\n      return (\n        <Tooltip title={formatHours(numberValue)} disable={disableTooltip}>\n          <Typography\n            as={as}\n            variant={variant}\n            className={className}\n            ref={ref}\n            {...rest}\n          >\n            {shortValue}\n          </Typography>\n        </Tooltip>\n      );\n    }\n\n    return (\n      <Typography\n        as={as}\n        variant={variant}\n        className={className}\n        ref={ref}\n        {...rest}\n      >\n        {longValue}\n      </Typography>\n    );\n  }\n);\n\nDisplayHours.displayName = \"DisplayHours\";\n"],"mappings":"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"}
+{"version":3,"file":"DisplayHours.js","names":["_react","_interopRequireWildcard","require","_utils","_Tooltip","_Typography","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","DisplayHours","exports","forwardRef","_ref","ref","value","_ref$variant","variant","_ref$thousandSeparato","thousandSeparator","_ref$decimalSeparator","decimalSeparator","_ref$trimZeroMinutes","trimZeroMinutes","_ref$trimDecimals","trimDecimals","_ref$decimalSpaces","decimalSpaces","_ref$format","format","_ref$disableTooltip","disableTooltip","className","withLeadingZero","_ref$as","as","rest","shouldDisplayShort","longValue","formatHours","shortValue","formatNumber","createElement","Tooltip","title","disable","Typography","displayName"],"sources":["../../../../src/components/Display/DisplayHours.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { DisplayHoursProps } from \"./types\";\nimport { formatHours, formatNumber } from \"../../utils\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const DisplayHours = forwardRef<HTMLSpanElement, DisplayHoursProps>(\n  (\n    {\n      value,\n      variant = \"Body 2\",\n      thousandSeparator = \",\",\n      decimalSeparator = \".\",\n      trimZeroMinutes = false,\n      trimDecimals = true,\n      decimalSpaces = 2,\n      format = \"long\",\n      disableTooltip = false,\n      className,\n      withLeadingZero,\n      as = \"span\",\n      ...rest\n    },\n    ref\n  ) => {\n    const shouldDisplayShort = format === \"short\" && value >= 1000;\n\n    const longValue = formatHours(\n      value,\n      withLeadingZero,\n      trimZeroMinutes,\n      \"long\"\n    );\n    const shortValue = formatNumber(\n      value,\n      thousandSeparator,\n      decimalSeparator,\n      trimDecimals,\n      decimalSpaces,\n      \"short\"\n    );\n\n    if (shouldDisplayShort) {\n      return (\n        <Tooltip title={formatHours(value)} disable={disableTooltip}>\n          <Typography\n            as={as}\n            variant={variant}\n            className={className}\n            ref={ref}\n            {...rest}\n          >\n            {shortValue}\n          </Typography>\n        </Tooltip>\n      );\n    }\n\n    return (\n      <Typography\n        as={as}\n        variant={variant}\n        className={className}\n        ref={ref}\n        {...rest}\n      >\n        {longValue}\n      </Typography>\n    );\n  }\n);\n\nDisplayHours.displayName = \"DisplayHours\";\n"],"mappings":"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"}

package/dist/cjs/components/Display/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/Display/types.ts"],"sourcesContent":["import { FormatType } from \"../../utils/types\";\nimport { TypographyProps } from \"../Typography/Typography\";\n\nexport interface DisplayNumberProps\n  extends Omit<TypographyProps<\"span\">, \"children\"> {\n  value: string | number;\n  thousandSeparator?: string;\n  decimalSeparator?: string;\n  trimDecimals?: boolean;\n  decimalSpaces?: number;\n  format?: FormatType;\n  disableTooltip?: boolean;\n  shortenThreshold?: number;\n}\n\nexport interface DisplayHoursProps\n  extends Omit<TypographyProps<\"span\">, \"children\"> {\n  value: string | number;\n  thousandSeparator?: string;\n  decimalSeparator?: string;\n  trimZeroMinutes?: boolean;\n  trimDecimals?: boolean;\n  decimalSpaces?: number;\n  format?: FormatType;\n  disableTooltip?: boolean;\n  withLeadingZero?: boolean;\n}\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/Display/types.ts"],"sourcesContent":["import { FormatType } from \"../../utils/types\";\nimport { TypographyProps } from \"../Typography/Typography\";\n\nexport interface DisplayNumberProps\n  extends Omit<TypographyProps<\"span\">, \"children\"> {\n  value: string | number;\n  thousandSeparator?: string;\n  decimalSeparator?: string;\n  trimDecimals?: boolean;\n  decimalSpaces?: number;\n  format?: FormatType;\n  disableTooltip?: boolean;\n  shortenThreshold?: number;\n}\n\nexport interface DisplayHoursProps\n  extends Omit<TypographyProps<\"span\">, \"children\"> {\n  value: number;\n  thousandSeparator?: string;\n  decimalSeparator?: string;\n  trimZeroMinutes?: boolean;\n  trimDecimals?: boolean;\n  decimalSpaces?: number;\n  format?: FormatType;\n  disableTooltip?: boolean;\n  withLeadingZero?: boolean;\n}\n"],"mappings":""}

package/dist/cjs/components/SelectDate/SelectDate.js

@@ -6,33 +6,32 @@ Object.defineProperty(exports, "__esModule", {
 exports.SelectDate = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _moment = _interopRequireDefault(require("moment"));
-var _DatePickerForm = require("./DatePickerForm");
+var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
 var _SelectDateTarget = require("./SelectDateTarget");
 var _Styles = require("./Styles");
 var _dateUtils = require("../../utils/dateUtils");
-var _Localization = require("../Localization");
-var _Menu = require("../Menu/Menu");
-var _Tooltip = require("../Tooltip/Tooltip");
+var _DatePicker = require("../DatePicker/DatePicker");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var getUtcTimestampFromDate = function getUtcTimestampFromDate(date) {
-  return _moment.default.utc([date.getFullYear(), date.getMonth(), date.getDate()]).unix();
-};
 var isDayInRange = function isDayInRange(day, data) {
+  var fromMoment = _momentTimezone.default.unix(data.from).utc();
+  var toMoment = _momentTimezone.default.unix(data.to).utc();
   if (data.repeating) {
-    var from = new Date(day.getFullYear(), data.from.getMonth(), data.from.getDate());
-    var to = new Date(day.getFullYear(), data.to.getMonth(), data.to.getDate());
-    return day >= from && day <= to;
+    var year = day.year();
+    var from = _momentTimezone.default.utc({
+      year,
+      month: fromMoment.month(),
+      date: fromMoment.date()
+    });
+    var to = _momentTimezone.default.utc({
+      year,
+      month: toMoment.month(),
+      date: toMoment.date()
+    });
+    return day.isSameOrAfter(from, "day") && day.isSameOrBefore(to, "day");
   }
-  return day >= data.from && day <= data.to;
+  return day.isSameOrAfter(fromMoment, "day") && day.isSameOrBefore(toMoment, "day");
 };
 var SelectDate = exports.SelectDate = function SelectDate(_ref) {
   var _ref$changeMode = _ref.changeMode,
@@ -59,8 +58,6 @@ var SelectDate = exports.SelectDate = function SelectDate(_ref) {
     onToggleDatePicker = _ref.onToggleDatePicker,
     _ref$required = _ref.required,
     dateRequired = _ref$required === void 0 ? false : _ref$required,
-    _ref$defaultTimezoneA = _ref.defaultTimezoneAware,
-    defaultTimezoneAware = _ref$defaultTimezoneA === void 0 ? false : _ref$defaultTimezoneA,
     _ref$longDateFormat = _ref.longDateFormat,
     longDateFormat = _ref$longDateFormat === void 0 ? false : _ref$longDateFormat,
     _ref$defaultShowDateP = _ref.defaultShowDatePicker,
@@ -78,7 +75,7 @@ var SelectDate = exports.SelectDate = function SelectDate(_ref) {
     targetTextClassName = _ref.targetTextClassName,
     targetIconClassName = _ref.targetIconClassName,
     backgroundElementClass = _ref.backgroundElementClass,
-    passedDateFormat = _ref.dateFormat,
+    dateFormat = _ref.dateFormat,
     defaultMonth = _ref.defaultMonth,
     _ref$daysToModify = _ref.daysToModify,
     daysToModify = _ref$daysToModify === void 0 ? [] : _ref$daysToModify,
@@ -87,7 +84,7 @@ var SelectDate = exports.SelectDate = function SelectDate(_ref) {
     _ref$weekendLabel = _ref.weekendLabel,
     weekendLabel = _ref$weekendLabel === void 0 ? "Weekend" : _ref$weekendLabel,
     _ref$nonWorkingDaysOf = _ref.nonWorkingDaysOfWeek,
-    nonWorkingDaysOfWeek = _ref$nonWorkingDaysOf === void 0 ? [] : _ref$nonWorkingDaysOf,
+    _nonWorkingDaysOfWeek = _ref$nonWorkingDaysOf === void 0 ? [] : _ref$nonWorkingDaysOf,
     _ref$nonWorkingDaysOf2 = _ref.nonWorkingDaysOfWeekLabel,
     nonWorkingDaysOfWeekLabel = _ref$nonWorkingDaysOf2 === void 0 ? "Unavailable" : _ref$nonWorkingDaysOf2,
     _ref$weekendIsSelecta = _ref.weekendIsSelectable,
@@ -97,159 +94,28 @@ var SelectDate = exports.SelectDate = function SelectDate(_ref) {
     popperClassName = _ref.popperClassName,
     popperTooltipStyle = _ref.popperTooltipStyle,
     position = _ref.position,
-    disableDaysBefore = _ref.disableDaysBefore;
-  var _useState = (0, _react.useState)(defaultTimezoneAware),
-    _useState2 = _slicedToArray(_useState, 2),
-    timezoneAware = _useState2[0],
-    setTimezoneAware = _useState2[1];
-  var localization = (0, _Localization.useLocalization)();
-  var dateFormat = passedDateFormat ? passedDateFormat : localization.dateFormat;
+    disableDaysBefore = _ref.disableDaysBefore,
+    enableYearPicker = _ref.enableYearPicker,
+    disableAnimations = _ref.disableAnimations,
+    disabledDaysAfter = _ref.disabledDaysAfter,
+    onChange = _ref.onChange;
   var labelText = (0, _react.useMemo)(function () {
     if (!selectedDays) {
       return defaultLabelText;
+    } else if (!selectedDays.from && !selectedDays.to) {
+      return defaultLabelText;
     } else {
-      var endDate = timezoneAware ? _moment.default.unix(selectedDays.to).local() : _moment.default.unix(selectedDays.to).utc();
-      var startDate = timezoneAware ? _moment.default.unix(selectedDays.from).local() : _moment.default.unix(selectedDays.from).utc();
-      var formattedEndDate = (0, _dateUtils.formatDate)(endDate, dateFormat, longDateFormat);
-      var formattedStartDate = (0, _dateUtils.formatDate)(startDate, dateFormat, longDateFormat);
-      if (selectedDays.from === selectedDays.to) {
+      var formattedEndDate = selectedDays.to ? (0, _dateUtils.formatDate)((0, _DatePicker.toMoment)(selectedDays.to), dateFormat, longDateFormat) : "";
+      var formattedStartDate = selectedDays.from ? (0, _dateUtils.formatDate)((0, _DatePicker.toMoment)(selectedDays === null || selectedDays === void 0 ? void 0 : selectedDays.from), dateFormat, longDateFormat) : "";
+      if (selectedDays.to && selectedDays.from && (0, _DatePicker.toMoment)(selectedDays.from).isSame((0, _DatePicker.toMoment)(selectedDays.to))) {
         return formattedEndDate;
       }
-      return "".concat(formattedStartDate, " - ").concat(formattedEndDate);
-    }
-  }, [selectedDays, dateFormat, timezoneAware, defaultLabelText, longDateFormat]);
-  var modifiedDates = (0, _react.useMemo)(function () {
-    if (typeof selectedDays === "object" && !!selectedDays.from && !!selectedDays.to) {
-      if (timezoneAware) {
-        return {
-          from: _moment.default.unix(selectedDays.from).toDate(),
-          to: _moment.default.unix(selectedDays.to).toDate()
-        };
-      }
-      var offsetFrom = _moment.default.unix(selectedDays.from).utcOffset() * 60;
-      var offsetTo = _moment.default.unix(selectedDays.to).utcOffset() * 60;
-      return {
-        from: new Date((selectedDays.from - offsetFrom) * 1000),
-        to: new Date((selectedDays.to - offsetTo) * 1000)
-      };
-    }
-  }, [selectedDays, timezoneAware]);
-  var handleModifiedSave = (0, _react.useCallback)(function (selectedDates) {
-    setTimezoneAware(false);
-    if (typeof onSave === "function") {
-      if (typeof selectedDates === "object" && Object.prototype.hasOwnProperty.call(selectedDates, "from") && Object.prototype.hasOwnProperty.call(selectedDates, "to")) {
-        onSave({
-          from: getUtcTimestampFromDate(selectedDates.from),
-          to: getUtcTimestampFromDate(selectedDates.to)
-        });
-      } else {
-        onSave(undefined);
-      }
-    }
-  }, [onSave]);
-  var getDefaultMonth = (0, _react.useCallback)(function () {
-    var date = new Date();
-    if (typeof selectedDays === "object" && !!selectedDays.from) {
-      date = timezoneAware ? new Date(selectedDays.from * 1000) : new Date((selectedDays.from - _moment.default.unix(selectedDays.from).utcOffset() * 60) * 1000);
-    } else if (defaultMonth) {
-      date = defaultMonth;
-    }
-
-    // forcing second day in month
-    return new Date(date.getFullYear(), date.getMonth(), 2);
-  }, [defaultMonth, selectedDays, timezoneAware]);
-  var _useState3 = (0, _react.useState)(getDefaultMonth),
-    _useState4 = _slicedToArray(_useState3, 2),
-    month = _useState4[0],
-    setMonth = _useState4[1];
-  var handleMonthChange = (0, _react.useCallback)(function (month) {
-    setMonth(month);
-  }, [setMonth]);
-  var _useState5 = (0, _react.useState)(modifiedDates),
-    _useState6 = _slicedToArray(_useState5, 2),
-    newDates = _useState6[0],
-    setNewDates = _useState6[1];
-  var _useState7 = (0, _react.useState)(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    showDiscardModal = _useState8[0],
-    setShowDiscardModal = _useState8[1];
-  var _useState9 = (0, _react.useState)(defaultShowDatePicker),
-    _useState10 = _slicedToArray(_useState9, 2),
-    showDatePicker = _useState10[0],
-    setShowDatePicker = _useState10[1];
-  var disabledSaveButton = (0, _react.useMemo)(function () {
-    return (modifiedDates === null || modifiedDates === void 0 ? void 0 : modifiedDates.from) === (newDates === null || newDates === void 0 ? void 0 : newDates.from) && (modifiedDates === null || modifiedDates === void 0 ? void 0 : modifiedDates.to) === (newDates === null || newDates === void 0 ? void 0 : newDates.to);
-  }, [modifiedDates, newDates]);
-  (0, _react.useEffect)(function () {
-    setShowDatePicker(defaultShowDatePicker);
-  }, [defaultShowDatePicker]);
-  (0, _react.useEffect)(function () {
-    setNewDates(modifiedDates);
-  }, [modifiedDates]);
-  (0, _react.useEffect)(function () {
-    typeof onToggleDatePicker === "function" && onToggleDatePicker(showDatePicker);
-  }, [showDatePicker, onToggleDatePicker]);
-  (0, _react.useEffect)(function () {
-    if (!showDatePicker) {
-      setMonth(getDefaultMonth());
-    }
-  }, [showDatePicker, getDefaultMonth]);
-  var handleSave = (0, _react.useCallback)(function () {
-    handleModifiedSave(newDates);
-    setShowDatePicker(false);
-  }, [newDates, handleModifiedSave]);
-  var handleChange = (0, _react.useCallback)(function (dates) {
-    if (mode !== "atomic") {
-      handleModifiedSave(dates);
-    }
-    setNewDates(dates);
-  }, [mode, handleModifiedSave]);
-  var handleBeforeCloseMenu = (0, _react.useCallback)(function () {
-    var result = true;
-    if (modifiedDates && !newDates || !modifiedDates && newDates) {
-      result = false;
-    }
-    var selectedDaysFrom = modifiedDates === null || modifiedDates === void 0 ? void 0 : modifiedDates.from;
-    var selectedDaysTo = modifiedDates === null || modifiedDates === void 0 ? void 0 : modifiedDates.to;
-    var newDatesFrom = newDates === null || newDates === void 0 ? void 0 : newDates.from;
-    var newDatesTo = newDates === null || newDates === void 0 ? void 0 : newDates.to;
-    if (selectedDaysFrom && newDatesFrom && selectedDaysTo && newDatesTo && ((0, _moment.default)(selectedDaysFrom).format("DD-MM-YYYY") !== (0, _moment.default)(newDatesFrom).format("DD-MM-YYYY") || (0, _moment.default)(selectedDaysTo).format("DD-MM-YYYY") !== (0, _moment.default)(newDatesTo).format("DD-MM-YYYY"))) {
-      result = false;
-    }
-    if (!result) {
-      setShowDiscardModal(true);
-    }
-    return result;
-  }, [modifiedDates, newDates]);
-  var handleClose = (0, _react.useCallback)(function () {
-    if (mode !== "atomic" || handleBeforeCloseMenu()) {
-      typeof onCancel === "function" && onCancel();
-      setShowDatePicker(false);
-    }
-  }, [mode, onCancel, handleBeforeCloseMenu]);
-  var handleCancel = (0, _react.useCallback)(function (event) {
-    event && event.preventDefault();
-    return handleClose();
-  }, [handleClose]);
-  var handleShowDatePicker = (0, _react.useCallback)(function () {
-    setShowDatePicker(!showDatePicker);
-  }, [showDatePicker]);
-  var handleCloseDiscardModal = (0, _react.useCallback)(function () {
-    setShowDiscardModal(false);
-  }, []);
-  var handleClear = (0, _react.useCallback)(function () {
-    if (!dateRequired) {
-      setNewDates(undefined);
-      if (mode === "instant") {
-        handleModifiedSave(undefined);
+      if (!selectedDays.to && selectedDays.from) {
+        return formattedStartDate;
       }
+      return "".concat(formattedStartDate, " - ").concat(formattedEndDate);
     }
-  }, [mode, dateRequired, handleModifiedSave]);
-  var handleSaveDiscardModal = (0, _react.useCallback)(function () {
-    setNewDates(modifiedDates);
-    setShowDiscardModal(false);
-    setShowDatePicker(false);
-  }, [modifiedDates]);
+  }, [selectedDays, dateFormat, defaultLabelText, longDateFormat]);
   var modifiers = (0, _react.useMemo)(function () {
     var userAvailabilities = daysToModify.filter(function (data) {
       return data.type === "user_day_off";
@@ -262,122 +128,63 @@ var SelectDate = exports.SelectDate = function SelectDate(_ref) {
     });
     return {
       userAvailability: function userAvailability(day) {
-        // construct new date because react-day-picker returns date with hours set
-        var currentDay = new Date(day.getFullYear(), day.getMonth(), day.getDate());
-        return userAvailabilities.some(function (data) {
-          return isDayInRange(currentDay, data);
+        var matchedData = userAvailabilities.find(function (data) {
+          return isDayInRange(day, data);
         });
+        return {
+          matched: !!matchedData,
+          title: matchedData ? matchedData.title : null
+        };
       },
       weekend: function weekend(day) {
-        return weekends.some(function (value) {
-          return day.getDay() === value;
-        });
+        var isWeekend = weekends.includes(day.day());
+        return {
+          matched: isWeekend,
+          title: isWeekend ? weekendLabel : null
+        };
       },
       nonWorkingDay: function nonWorkingDay(day) {
-        // return true if day is weekend day
-        if (weekends.some(function (value) {
-          return value === day.getDay();
-        })) {
-          return true;
+        if (weekends.includes(day.day())) {
+          return {
+            matched: true,
+            title: ""
+          };
         }
         var nonWorkingDays = [...selectableGlobalDaysOff, ...globalDaysOff];
-        var currentDay = new Date(day.getFullYear(), day.getMonth(), day.getDate());
-        return nonWorkingDays.some(function (data) {
-          return isDayInRange(currentDay, data);
+        var matchedData = nonWorkingDays.find(function (data) {
+          return isDayInRange(day, data);
         });
+        return {
+          matched: !!matchedData,
+          title: matchedData ? matchedData.title : null
+        };
+      },
+      nonWorkingDaysOfWeek: function nonWorkingDaysOfWeek(day) {
+        var isNonWorkingDay = _nonWorkingDaysOfWeek.includes(day.day());
+        return {
+          matched: isNonWorkingDay,
+          title: isNonWorkingDay ? nonWorkingDaysOfWeekLabel : null
+        };
       },
       day_disabled: function day_disabled(day) {
-        if (disableDaysBefore) {
-          if (day.toJSON().slice(0, 10) < disableDaysBefore.toJSON().slice(0, 10)) {
-            return true;
-          }
-        }
-        // return true if day is weekend day
-        if (!weekendIsSelectable && weekends.some(function (value) {
-          return value === day.getDay();
-        })) {
-          return true;
-        }
-        // construct new date because react-day-picker returns date with hours set
-        var currentDay = new Date(day.getFullYear(), day.getMonth(), day.getDate());
-        return globalDaysOff.some(function (data) {
-          return isDayInRange(currentDay, data);
+        var globalDayOff = globalDaysOff.find(function (data) {
+          return isDayInRange(day, data);
         });
-      },
-      nonWorkingDaysOfWeek: {
-        dayOfWeek: nonWorkingDaysOfWeek
+        return {
+          matched: !!globalDayOff,
+          title: null
+        };
       }
     };
-  }, [daysToModify, nonWorkingDaysOfWeek, weekends, disableDaysBefore, weekendIsSelectable]);
-  var renderDay = (0, _react.useCallback)(function (props) {
-    var titles = [];
-    if (weekends.some(function (value) {
-      return props.date.getDay() === value;
-    })) {
-      titles.push(weekendLabel);
-    }
-    if (nonWorkingDaysOfWeek.includes(props.date.getDay())) {
-      titles.push(nonWorkingDaysOfWeekLabel);
-    }
-
-    // construct new date because react-day-picker returns date with hours set
-    var currentDay = new Date(props.date.getFullYear(), props.date.getMonth(), props.date.getDate());
-    daysToModify.forEach(function (data) {
-      if (isDayInRange(currentDay, data)) {
-        titles.push(data.title);
-      }
-    });
-    var child = /*#__PURE__*/_react.default.createElement("div", {
-      className: "c-DayPicker-Day-Number"
-    }, props.date.getDate());
-    if (titles.length) {
-      var title = /*#__PURE__*/_react.default.createElement("div", {
-        key: "title-wrapper-".concat(props.date.getDate())
-      }, titles.map(function (title, index) {
-        return /*#__PURE__*/_react.default.createElement("div", {
-          key: "title-text-".concat(index)
-        }, title);
-      }));
-      return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-        title: title,
-        popperTooltipClassName: popperTooltipClassName,
-        popperTooltipStyle: popperTooltipStyle
-      }, child);
-    }
-    return child;
-  }, [weekends, nonWorkingDaysOfWeek, daysToModify, weekendLabel, nonWorkingDaysOfWeekLabel, popperTooltipClassName, popperTooltipStyle]);
-  var renderDatePickerForm = (0, _react.useCallback)(function () {
-    return /*#__PURE__*/_react.default.createElement(_DatePickerForm.DatePickerForm, {
-      onMonthChange: handleMonthChange,
-      month: month,
-      mode: mode,
-      selectionMode: selectionMode,
-      dateRequired: dateRequired,
-      selectedDays: newDates,
-      firstDayOfWeek: firstDayOfWeek,
-      saveButtonText: saveButtonText,
-      cancelButtonText: cancelButtonText,
-      clearButtonText: clearButtonText,
-      onDayClick: onDayClick,
-      onSave: handleSave,
-      onChange: handleChange,
-      onCancel: handleCancel,
-      onClear: handleClear,
-      disabledSaveButton: disabledSaveButton,
-      modifiers: modifiers,
-      renderDay: renderDay
-    });
-  }, [handleMonthChange, month, mode, selectionMode, dateRequired, newDates, firstDayOfWeek, saveButtonText, cancelButtonText, clearButtonText, onDayClick, handleSave, handleChange, handleCancel, handleClear, disabledSaveButton, modifiers, renderDay]);
+  }, [daysToModify, _nonWorkingDaysOfWeek, nonWorkingDaysOfWeekLabel, weekendLabel, weekends]);
   var renderTargetEl = (0, _react.useMemo)(function () {
     if (labelType === "icon" && icon) {
       return /*#__PURE__*/_react.default.createElement(_SelectDateTarget.SelectDateTarget, {
         icon: icon,
         title: tooltipText,
         targetIconClassName: targetIconClassName,
-        forceHideTooltip: showDatePicker,
         popperTooltipClassName: popperTooltipClassName,
-        popperTooltipStyle: popperTooltipStyle,
-        active: showDatePicker
+        popperTooltipStyle: popperTooltipStyle
       });
     }
     if (typeof labelType === "function") {
@@ -389,29 +196,68 @@ var SelectDate = exports.SelectDate = function SelectDate(_ref) {
     }, /*#__PURE__*/_react.default.createElement("span", {
       className: targetTextClassName
     }, labelText));
-  }, [icon, labelText, labelType, popperTooltipClassName, popperTooltipStyle, showDatePicker, targetClassName, targetIconClassName, targetTextClassName, tooltipText]);
+  }, [icon, labelText, labelType, popperTooltipClassName, popperTooltipStyle, targetClassName, targetIconClassName, targetTextClassName, tooltipText]);
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledSelectDate, {
     className: "select-date"
-  }, labelType !== "inline" ? /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
+  }, labelType !== "inline" ? /*#__PURE__*/_react.default.createElement(_DatePicker.DatePicker, {
     target: renderTargetEl,
-    open: showDatePicker,
-    onOpen: handleShowDatePicker,
-    onBeforeClose: handleBeforeCloseMenu,
-    onClose: handleClose,
     position: position,
     menuClassName: menuClassName,
     popperClassName: popperClassName,
-    backgroundElementClass: backgroundElementClass
-  }, renderDatePickerForm()) : renderDatePickerForm(), mode === "atomic" ? /*#__PURE__*/_react.default.createElement(_Styles.StyledConfirmDialog, {
-    className: "modal-select-date",
-    open: showDiscardModal,
-    onCancel: handleCloseDiscardModal,
-    onConfirm: handleSaveDiscardModal,
-    dialogTitle: modalHeaderText,
-    dialogContent: modalDiscardMessage,
-    cancelBtnText: modalCancelBtnText,
-    confirmBtnText: modalDiscardBtnText
-  }) : null);
+    month: defaultMonth,
+    instant: mode === "instant",
+    mode: selectionMode,
+    required: dateRequired,
+    selected: selectedDays,
+    firstDayOfWeek: firstDayOfWeek,
+    saveLabel: saveButtonText,
+    cancelLabel: cancelButtonText,
+    clearLabel: clearButtonText,
+    onSave: onSave,
+    onChange: onChange,
+    onClose: onCancel,
+    modifiers: modifiers,
+    modalHeaderText: modalHeaderText,
+    modalDiscardMessage: modalDiscardMessage,
+    modalDiscardBtnText: modalDiscardBtnText,
+    modalCancelBtnText: modalCancelBtnText,
+    disabledDaysBefore: disableDaysBefore,
+    disabledDaysAfter: disabledDaysAfter,
+    backgroundElementClass: backgroundElementClass,
+    disabled: weekendIsSelectable ? [] : weekends,
+    popperTooltipClassName: popperTooltipClassName,
+    popperTooltipStyle: popperTooltipStyle,
+    open: defaultShowDatePicker,
+    onCalendarToggle: onToggleDatePicker,
+    onDayClick: onDayClick,
+    enableConfirmModal: mode === "atomic" && !dateRequired,
+    disableYearPicker: !enableYearPicker,
+    disableAnimations: disableAnimations,
+    showControls: true
+  }) : /*#__PURE__*/_react.default.createElement(_DatePicker.DatePicker, {
+    month: defaultMonth,
+    instant: mode === "instant",
+    mode: selectionMode,
+    required: dateRequired,
+    selected: selectedDays,
+    firstDayOfWeek: firstDayOfWeek,
+    saveLabel: saveButtonText,
+    cancelLabel: cancelButtonText,
+    clearLabel: clearButtonText,
+    disabledDaysBefore: disableDaysBefore,
+    disabledDaysAfter: disabledDaysAfter,
+    popperTooltipClassName: popperTooltipClassName,
+    popperTooltipStyle: popperTooltipStyle,
+    disabled: weekendIsSelectable ? [] : weekends,
+    onSave: onSave,
+    onChange: onChange,
+    modifiers: modifiers,
+    onDayClick: onDayClick,
+    disableYearPicker: !enableYearPicker,
+    disableAnimations: disableAnimations,
+    showControls: true,
+    open: true
+  }));
 };
 SelectDate.displayName = "SelectDate";
 //# sourceMappingURL=SelectDate.js.map