@activecollab/components 1.0.7 → 1.0.11

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

@@ -0,0 +1,109 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DatePickerForm = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _moment = _interopRequireDefault(require("react-day-picker/moment"));
+
+var _Button = require("../Button/Button");
+
+var _CancelCross = _interopRequireDefault(require("../Icons/collection/CancelCross"));
+
+var _Tooltip = require("../Tooltip/Tooltip");
+
+var _Styles = require("./Styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var DatePickerForm = function DatePickerForm(_ref) {
+  var mode = _ref.mode,
+      _ref$saveButtonText = _ref.saveButtonText,
+      saveButtonText = _ref$saveButtonText === void 0 ? "Save" : _ref$saveButtonText,
+      _ref$cancelButtonText = _ref.cancelButtonText,
+      cancelButtonText = _ref$cancelButtonText === void 0 ? "Cancel" : _ref$cancelButtonText,
+      _ref$clearButtonText = _ref.clearButtonText,
+      clearButtonText = _ref$clearButtonText === void 0 ? "Clear" : _ref$clearButtonText,
+      onSave = _ref.onSave,
+      onCancel = _ref.onCancel,
+      onClear = _ref.onClear,
+      _ref$dateRequired = _ref.dateRequired,
+      dateRequired = _ref$dateRequired === void 0 ? false : _ref$dateRequired,
+      _ref$firstDayOfWeek = _ref.firstDayOfWeek,
+      firstDayOfWeek = _ref$firstDayOfWeek === void 0 ? 0 : _ref$firstDayOfWeek,
+      selectedDays = _ref.selectedDays,
+      _ref$selectionMode = _ref.selectionMode,
+      selectionMode = _ref$selectionMode === void 0 ? "custom" : _ref$selectionMode,
+      onChange = _ref.onChange,
+      onDayClick = _ref.onDayClick,
+      onMonthChange = _ref.onMonthChange,
+      month = _ref.month,
+      _ref$disabledSaveButt = _ref.disabledSaveButton,
+      disabledSaveButton = _ref$disabledSaveButt === void 0 ? false : _ref$disabledSaveButt,
+      modifiers = _ref.modifiers,
+      renderDay = _ref.renderDay;
+  var handleOnKeyDown = (0, _react.useCallback)(function (e) {
+    if (e.key === "Enter" && typeof onSave === "function") {
+      onSave();
+    } else if ((e.key === "Esc" || e.key === "Escape") && typeof onCancel === "function") {
+      onCancel(e);
+    }
+  }, [onSave, onCancel]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    onKeyDown: handleOnKeyDown,
+    tabIndex: -1,
+    className: "date-picker-form"
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledSelectDateDatePicker, {
+    month: month,
+    onMonthChange: onMonthChange,
+    onChange: onChange,
+    onDayClick: onDayClick,
+    selectedDays: selectedDays,
+    selectionMode: selectionMode,
+    dateRequired: dateRequired,
+    firstDayOfWeek: firstDayOfWeek,
+    modifiers: modifiers,
+    renderDay: renderDay,
+    localeUtils: _moment.default
+  }), mode === "atomic" || !dateRequired ? /*#__PURE__*/_react.default.createElement(_Styles.StyledSelectDateFooter, {
+    className: "date-picker-footer",
+    $mode: mode
+  }, mode === "atomic" ? /*#__PURE__*/_react.default.createElement(_Styles.StyledSelectDateButtons, {
+    className: "date-picker-buttons"
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledButtonSave, {
+    size: "small",
+    variant: "primary",
+    onClick: onSave,
+    disabled: disabledSaveButton
+  }, saveButtonText), /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    title: cancelButtonText,
+    popperTooltipStyle: {
+      zIndex: 1301
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Button.Button, {
+    size: "small",
+    variant: "text gray",
+    onClick: onCancel
+  }, /*#__PURE__*/_react.default.createElement(_CancelCross.default, null))), !dateRequired ? /*#__PURE__*/_react.default.createElement(_Styles.StyledButtonClose, {
+    size: "small",
+    onClick: onClear,
+    variant: "text gray"
+  }, clearButtonText) : null) : !dateRequired && /*#__PURE__*/_react.default.createElement(_Styles.StyledButtonCloseColored, {
+    size: "small",
+    onClick: onClear,
+    variant: "text colored"
+  }, clearButtonText)) : null);
+};
+
+exports.DatePickerForm = DatePickerForm;
+DatePickerForm.displayName = "DatePickerForm";
+//# sourceMappingURL=DatePickerForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SelectDate/DatePickerForm.tsx"],"names":["DatePickerForm","mode","saveButtonText","cancelButtonText","clearButtonText","onSave","onCancel","onClear","dateRequired","firstDayOfWeek","selectedDays","selectionMode","onChange","onDayClick","onMonthChange","month","disabledSaveButton","modifiers","renderDay","handleOnKeyDown","e","key","MomentLocaleUtils","zIndex","displayName"],"mappings":"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","sourcesContent":["import React, { FC, ReactNode, MouseEvent, useCallback } from \"react\";\nimport { RangeModifier, Modifiers, DayModifiers } from \"react-day-picker\";\nimport MomentLocaleUtils from \"react-day-picker/moment\";\nimport { Button } from \"../Button/Button\";\nimport CancelCrossIcon from \"../Icons/collection/CancelCross\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport {\n  StyledButtonClose,\n  StyledButtonCloseColored,\n  StyledButtonSave,\n  StyledSelectDateButtons,\n  StyledSelectDateDatePicker,\n  StyledSelectDateFooter,\n} from \"./Styles\";\n\ninterface IDatePickerForm {\n  mode: \"instant\" | \"atomic\";\n  saveButtonText?: string;\n  cancelButtonText?: string;\n  clearButtonText?: string;\n  onSave?: () => void;\n  onCancel?: (event: MouseEvent<HTMLElement>) => void;\n  onClear?: () => void;\n  onChange?: (dates?: { from: Date; to: Date }) => void;\n  /** Called when day is clicked */\n  onDayClick?: (day: Date, modifiers: DayModifiers) => void;\n  /** Set selected day or days */\n  selectedDays?: RangeModifier;\n  /** Modifiers */\n  modifiers?: Partial<Modifiers>;\n  /** Render day callback */\n  renderDay?: (date: Date, modifiers: DayModifiers) => ReactNode;\n  /** Set selection range */\n  selectionMode?: string;\n  /** Set is date required */\n  dateRequired?: boolean;\n  /** Set first day of week */\n  firstDayOfWeek?: number;\n  /** on month change callback */\n  onMonthChange?: (month: Date) => void;\n  /** Selected month */\n  month: Date;\n  disabledSaveButton?: boolean;\n}\n\nexport const DatePickerForm: FC<IDatePickerForm> = ({\n  mode,\n  saveButtonText = \"Save\",\n  cancelButtonText = \"Cancel\",\n  clearButtonText = \"Clear\",\n  onSave,\n  onCancel,\n  onClear,\n  dateRequired = false,\n  firstDayOfWeek = 0,\n  selectedDays,\n  selectionMode = \"custom\",\n  onChange,\n  onDayClick,\n  onMonthChange,\n  month,\n  disabledSaveButton = false,\n  modifiers,\n  renderDay,\n}) => {\n  const handleOnKeyDown = useCallback(\n    (e) => {\n      if (e.key === \"Enter\" && typeof onSave === \"function\") {\n        onSave();\n      } else if (\n        (e.key === \"Esc\" || e.key === \"Escape\") &&\n        typeof onCancel === \"function\"\n      ) {\n        onCancel(e);\n      }\n    },\n    [onSave, onCancel]\n  );\n\n  return (\n    <div onKeyDown={handleOnKeyDown} tabIndex={-1} className=\"date-picker-form\">\n      <StyledSelectDateDatePicker\n        month={month}\n        onMonthChange={onMonthChange}\n        onChange={onChange}\n        onDayClick={onDayClick}\n        selectedDays={selectedDays}\n        selectionMode={selectionMode}\n        dateRequired={dateRequired}\n        firstDayOfWeek={firstDayOfWeek}\n        modifiers={modifiers}\n        renderDay={renderDay}\n        localeUtils={MomentLocaleUtils}\n      />\n      {mode === \"atomic\" || !dateRequired ? (\n        <StyledSelectDateFooter className=\"date-picker-footer\" $mode={mode}>\n          {mode === \"atomic\" ? (\n            <StyledSelectDateButtons className=\"date-picker-buttons\">\n              <StyledButtonSave\n                size=\"small\"\n                variant=\"primary\"\n                onClick={onSave}\n                disabled={disabledSaveButton}\n              >\n                {saveButtonText}\n              </StyledButtonSave>\n              <Tooltip\n                title={cancelButtonText}\n                popperTooltipStyle={{ zIndex: 1301 }}\n              >\n                <Button size=\"small\" variant=\"text gray\" onClick={onCancel}>\n                  <CancelCrossIcon />\n                </Button>\n              </Tooltip>\n              {!dateRequired ? (\n                <StyledButtonClose\n                  size=\"small\"\n                  onClick={onClear}\n                  variant=\"text gray\"\n                >\n                  {clearButtonText}\n                </StyledButtonClose>\n              ) : null}\n            </StyledSelectDateButtons>\n          ) : (\n            !dateRequired && (\n              <StyledButtonCloseColored\n                size=\"small\"\n                onClick={onClear}\n                variant=\"text colored\"\n              >\n                {clearButtonText}\n              </StyledButtonCloseColored>\n            )\n          )}\n        </StyledSelectDateFooter>\n      ) : null}\n    </div>\n  );\n};\n\nDatePickerForm.displayName = \"DatePickerForm\";\n"],"file":"DatePickerForm.js"}

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

@@ -0,0 +1,460 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectDate = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _moment = _interopRequireDefault(require("moment"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Menu = require("../Menu/Menu");
+
+var _DatePickerForm = require("./DatePickerForm");
+
+var _ClassNames = require("../DatePicker/ClassNames");
+
+var _Tooltip = require("../Tooltip/Tooltip");
+
+var _SelectDateTarget = require("./SelectDateTarget");
+
+var _Styles = require("./Styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+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) {
+  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;
+  }
+
+  return day >= data.from && day <= data.to;
+};
+
+var SelectDate = function SelectDate(_ref) {
+  var _ref$changeMode = _ref.changeMode,
+      mode = _ref$changeMode === void 0 ? "instant" : _ref$changeMode,
+      _ref$trigger = _ref.trigger,
+      labelType = _ref$trigger === void 0 ? "text" : _ref$trigger,
+      _ref$saveButtonText = _ref.saveButtonText,
+      saveButtonText = _ref$saveButtonText === void 0 ? "Save" : _ref$saveButtonText,
+      _ref$cancelButtonText = _ref.cancelButtonText,
+      cancelButtonText = _ref$cancelButtonText === void 0 ? "Cancel" : _ref$cancelButtonText,
+      _ref$clearButtonText = _ref.clearButtonText,
+      clearButtonText = _ref$clearButtonText === void 0 ? "Clear" : _ref$clearButtonText,
+      _ref$modalHeaderText = _ref.modalHeaderText,
+      modalHeaderText = _ref$modalHeaderText === void 0 ? "Discard changes?" : _ref$modalHeaderText,
+      _ref$modalDiscardMess = _ref.modalDiscardMessage,
+      modalDiscardMessage = _ref$modalDiscardMess === void 0 ? "All unsaved changes will be lost." : _ref$modalDiscardMess,
+      _ref$modalDiscardBtnT = _ref.modalDiscardBtnText,
+      modalDiscardBtnText = _ref$modalDiscardBtnT === void 0 ? "OK" : _ref$modalDiscardBtnT,
+      _ref$modalCancelBtnTe = _ref.modalCancelBtnText,
+      modalCancelBtnText = _ref$modalCancelBtnTe === void 0 ? "Cancel" : _ref$modalCancelBtnTe,
+      onDayClick = _ref.onDayClick,
+      onSave = _ref.onSave,
+      onCancel = _ref.onCancel,
+      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,
+      defaultShowDatePicker = _ref$defaultShowDateP === void 0 ? false : _ref$defaultShowDateP,
+      _ref$firstDayOfWeek = _ref.firstDayOfWeek,
+      firstDayOfWeek = _ref$firstDayOfWeek === void 0 ? 0 : _ref$firstDayOfWeek,
+      selectedDays = _ref.selectedDays,
+      _ref$selectionMode = _ref.selectionMode,
+      selectionMode = _ref$selectionMode === void 0 ? "custom" : _ref$selectionMode,
+      menuClassName = _ref.menuClassName,
+      targetClassName = _ref.targetClassName,
+      icon = _ref.icon,
+      _ref$defaultLabelText = _ref.defaultLabelText,
+      defaultLabelText = _ref$defaultLabelText === void 0 ? "Set..." : _ref$defaultLabelText,
+      targetTextClassName = _ref.targetTextClassName,
+      targetIconClassName = _ref.targetIconClassName,
+      backgroundElementClass = _ref.backgroundElementClass,
+      _ref$dateFormat = _ref.dateFormat,
+      dateFormat = _ref$dateFormat === void 0 ? "DD MM. YYYY" : _ref$dateFormat,
+      defaultMonth = _ref.defaultMonth,
+      _ref$daysToModify = _ref.daysToModify,
+      daysToModify = _ref$daysToModify === void 0 ? [] : _ref$daysToModify,
+      _ref$weekends = _ref.weekends,
+      weekends = _ref$weekends === void 0 ? [] : _ref$weekends,
+      _ref$weekendLabel = _ref.weekendLabel,
+      weekendLabel = _ref$weekendLabel === void 0 ? "Weekend" : _ref$weekendLabel,
+      _ref$weekendIsSelecta = _ref.weekendIsSelectable,
+      weekendIsSelectable = _ref$weekendIsSelecta === void 0 ? false : _ref$weekendIsSelecta,
+      tooltipText = _ref.tooltipText,
+      popperTooltipClassName = _ref.popperTooltipClassName,
+      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 labelText = (0, _react.useMemo)(function () {
+    if (!selectedDays) {
+      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 currentYear = _moment.default.utc().year();
+
+      var formattedEndDate = !longDateFormat && endDate.year() === currentYear ? endDate.format(dateFormat.replace(/Y|,$/gi, "").trim()) : endDate.format(dateFormat);
+      var formattedStartDate = !longDateFormat && startDate.year() === currentYear ? startDate.format(dateFormat.replace(/Y|,$/gi, "").trim()) : startDate.format(dateFormat);
+
+      if (selectedDays.from === 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 () {
+    modifiedDates && 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);
+      }
+    }
+  }, [mode, dateRequired, handleModifiedSave]);
+  var handleSaveDiscardModal = (0, _react.useCallback)(function () {
+    setNewDates(modifiedDates);
+    setShowDiscardModal(false);
+    setShowDatePicker(false);
+  }, [modifiedDates]);
+  var modifiers = (0, _react.useMemo)(function () {
+    var _ref2;
+
+    var userAvailabilities = daysToModify.filter(function (data) {
+      return data.type === "user_day_off";
+    });
+    var globalDaysOff = daysToModify.filter(function (data) {
+      return data.type === "global_day_off";
+    });
+    var selectableGlobalDaysOff = daysToModify.filter(function (data) {
+      return data.type === "selectable_global_day_off";
+    });
+    return _ref2 = {}, _defineProperty(_ref2, _ClassNames.customClassNames.userAvailability, function (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);
+      });
+    }), _defineProperty(_ref2, _ClassNames.customClassNames.weekend, function (day) {
+      return weekends.some(function (value) {
+        return day.getDay() === value;
+      });
+    }), _defineProperty(_ref2, _ClassNames.customClassNames.nonWorkingDay, function (day) {
+      // return true if day is weekend day
+      if (weekends.some(function (value) {
+        return value === day.getDay();
+      })) {
+        return true;
+      }
+
+      var nonWorkingDays = [].concat(_toConsumableArray(selectableGlobalDaysOff), _toConsumableArray(globalDaysOff));
+      var currentDay = new Date(day.getFullYear(), day.getMonth(), day.getDate());
+      return nonWorkingDays.some(function (data) {
+        return isDayInRange(currentDay, data);
+      });
+    }), _defineProperty(_ref2, _ClassNames.customClassNames.disabled, function (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);
+      });
+    }), _ref2;
+  }, [daysToModify, weekends, disableDaysBefore, weekendIsSelectable]);
+  var renderDay = (0, _react.useCallback)(function (day) {
+    var titles = [];
+
+    if (weekends.some(function (value) {
+      return day.getDay() === value;
+    })) {
+      titles.push(weekendLabel);
+    } // construct new date because react-day-picker returns date with hours set
+
+
+    var currentDay = new Date(day.getFullYear(), day.getMonth(), day.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"
+    }, day.getDate());
+
+    if (titles.length) {
+      var title = /*#__PURE__*/_react.default.createElement("div", {
+        key: "title-wrapper-".concat(day.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;
+  }, [weekendLabel, weekends, daysToModify, 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]);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledSelectDate, {
+    className: "select-date"
+  }, labelType !== "inline" ? /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
+    target: labelType === "icon" && icon ? /*#__PURE__*/_react.default.createElement(_SelectDateTarget.SelectDateTarget, {
+      icon: icon,
+      title: tooltipText,
+      targetIconClassName: targetIconClassName,
+      forceHideTooltip: showDatePicker,
+      popperTooltipClassName: popperTooltipClassName,
+      popperTooltipStyle: popperTooltipStyle,
+      active: showDatePicker
+    }) : /*#__PURE__*/_react.default.createElement(_Styles.StyledSelectDateButton, {
+      type: "button",
+      className: (0, _classnames.default)("c-simple-menu__trigger date-picker-target", targetClassName)
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: targetTextClassName
+    }, labelText)),
+    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);
+};
+
+exports.SelectDate = SelectDate;
+SelectDate.displayName = "SelectDate";
+//# sourceMappingURL=SelectDate.js.map