@activecollab/components 1.0.206 → 1.0.208

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

@@ -1,58 +1,46 @@
 "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 _DatePicker = require("../DatePicker/DatePicker");
-
 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;
+    _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();
@@ -105,7 +93,6 @@ var DatePickerForm = function DatePickerForm(_ref) {
     variant: "text colored"
   }, clearButtonText)) : null);
 };
-
 exports.DatePickerForm = DatePickerForm;
 DatePickerForm.displayName = "DatePickerForm";
 //# sourceMappingURL=DatePickerForm.js.map

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

@@ -1 +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 { DatePicker } from \"../DatePicker/DatePicker\";\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        <DatePicker\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      </StyledSelectDateDatePicker>\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"}
+{"version":3,"file":"DatePickerForm.js","names":["DatePickerForm","mode","saveButtonText","cancelButtonText","clearButtonText","onSave","onCancel","onClear","dateRequired","firstDayOfWeek","selectedDays","selectionMode","onChange","onDayClick","onMonthChange","month","disabledSaveButton","modifiers","renderDay","handleOnKeyDown","useCallback","e","key","MomentLocaleUtils","zIndex","displayName"],"sources":["../../../../src/components/SelectDate/DatePickerForm.tsx"],"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 { DatePicker } from \"../DatePicker/DatePicker\";\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        <DatePicker\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      </StyledSelectDateDatePicker>\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"],"mappings":"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"}

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

@@ -4,152 +4,118 @@ 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;
-
+    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];
-
+    _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]);
@@ -161,7 +127,6 @@ var SelectDate = function SelectDate(_ref) {
           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 {
@@ -172,7 +137,6 @@ var SelectDate = function SelectDate(_ref) {
   }, [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({
@@ -186,41 +150,34 @@ var SelectDate = function SelectDate(_ref) {
   }, [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
-
+    }
 
+    // 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];
-
+    _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];
-
+    _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];
-
+    _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];
-
+    _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]);
@@ -246,29 +203,23 @@ var SelectDate = function SelectDate(_ref) {
     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 () {
@@ -290,7 +241,6 @@ var SelectDate = function SelectDate(_ref) {
   var handleClear = (0, _react.useCallback)(function () {
     if (!dateRequired) {
       setNewDates(undefined);
-
       if (mode === "instant") {
         handleModifiedSave(undefined);
       }
@@ -303,7 +253,6 @@ var SelectDate = function SelectDate(_ref) {
   }, [modifiedDates]);
   var modifiers = (0, _react.useMemo)(function () {
     var _ref2;
-
     var userAvailabilities = daysToModify.filter(function (data) {
       return data.type === "user_day_off";
     });
@@ -330,7 +279,6 @@ var SelectDate = function SelectDate(_ref) {
       })) {
         return true;
       }
-
       var nonWorkingDays = [].concat(_toConsumableArray(selectableGlobalDaysOff), _toConsumableArray(globalDaysOff));
       var currentDay = new Date(day.getFullYear(), day.getMonth(), day.getDate());
       return nonWorkingDays.some(function (data) {
@@ -341,16 +289,14 @@ var SelectDate = function SelectDate(_ref) {
         if (day.toJSON().slice(0, 10) < disableDaysBefore.toJSON().slice(0, 10)) {
           return true;
         }
-      } // return true if day is weekend day
-
-
+      }
+      // 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
-
-
+      }
+      // 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);
@@ -359,25 +305,22 @@ var SelectDate = function SelectDate(_ref) {
   }, [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
-
+    }
 
+    // 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())
@@ -386,14 +329,12 @@ var SelectDate = function SelectDate(_ref) {
           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 () {
@@ -430,11 +371,9 @@ var SelectDate = function SelectDate(_ref) {
         active: showDatePicker
       });
     }
-
     if (typeof labelType === "function") {
       return labelType(labelText);
     }
-
     return /*#__PURE__*/_react.default.createElement(_Styles.StyledSelectDateButton, {
       type: "button",
       className: (0, _classnames.default)("date-picker-target", targetClassName)
@@ -465,7 +404,6 @@ var SelectDate = function SelectDate(_ref) {
     confirmBtnText: modalDiscardBtnText
   }) : null);
 };
-
 exports.SelectDate = SelectDate;
 SelectDate.displayName = "SelectDate";
 //# sourceMappingURL=SelectDate.js.map