@activecollab/components 1.0.415 → 2.0.0

package/dist/esm/components/SelectDate/SelectDate.js

@@ -1,125 +1,111 @@
-import React, { useCallback, useEffect, useMemo, useState } from "react";
-import moment from "moment";
-import classnames from "classnames";
-import { Menu } from "../Menu/Menu";
-import { DatePickerForm } from "./DatePickerForm";
-import { customClassNames } from "../DatePicker/ClassNames";
-import { Tooltip } from "../Tooltip/Tooltip";
-import { SelectDateTarget } from "./SelectDateTarget";
-import { StyledConfirmDialog, StyledSelectDate, StyledSelectDateButton } from "./Styles";
-import { useLocalization } from "../Localization";
-import { formatDate } from "../../utils/dateUtils";
-var getUtcTimestampFromDate = function getUtcTimestampFromDate(date) {
-  return moment.utc([date.getFullYear(), date.getMonth(), date.getDate()]).unix();
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+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 _Tooltip = require("../Tooltip/Tooltip");
+var _SelectDateTarget = require("./SelectDateTarget");
+var _Styles = require("./Styles");
+var _Localization = require("../Localization");
+var _dateUtils = require("../../utils/dateUtils");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
+const getUtcTimestampFromDate = date => {
+  return _moment.default.utc([date.getFullYear(), date.getMonth(), date.getDate()]).unix();
 };
-var isDayInRange = function isDayInRange(day, data) {
+const 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());
+    const from = new Date(day.getFullYear(), data.from.getMonth(), data.from.getDate());
+    const to = new Date(day.getFullYear(), data.to.getMonth(), data.to.getDate());
     return day >= from && day <= to;
   }
   return day >= data.from && day <= data.to;
 };
-export 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,
-    passedDateFormat = _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$nonWorkingDaysOf = _ref.nonWorkingDaysOfWeek,
-    nonWorkingDaysOfWeek = _ref$nonWorkingDaysOf === void 0 ? [] : _ref$nonWorkingDaysOf,
-    _ref$nonWorkingDaysOf2 = _ref.nonWorkingDaysOfWeekLabel,
-    nonWorkingDaysOfWeekLabel = _ref$nonWorkingDaysOf2 === void 0 ? "Unavailable" : _ref$nonWorkingDaysOf2,
-    _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 = useState(defaultTimezoneAware),
-    timezoneAware = _useState[0],
-    setTimezoneAware = _useState[1];
-  var localization = useLocalization();
-  var dateFormat = passedDateFormat ? passedDateFormat : localization.dateFormat;
-  var labelText = useMemo(function () {
+const SelectDate = _ref => {
+  let {
+    changeMode: mode = "instant",
+    trigger: labelType = "text",
+    saveButtonText = "Save",
+    cancelButtonText = "Cancel",
+    clearButtonText = "Clear",
+    modalHeaderText = "Discard changes?",
+    modalDiscardMessage = "All unsaved changes will be lost.",
+    modalDiscardBtnText = "OK",
+    modalCancelBtnText = "Cancel",
+    onDayClick,
+    onSave,
+    onCancel,
+    onToggleDatePicker,
+    required: dateRequired = false,
+    defaultTimezoneAware = false,
+    longDateFormat = false,
+    defaultShowDatePicker = false,
+    firstDayOfWeek = 0,
+    selectedDays,
+    selectionMode = "custom",
+    menuClassName,
+    targetClassName,
+    icon,
+    defaultLabelText = "Set...",
+    targetTextClassName,
+    targetIconClassName,
+    backgroundElementClass,
+    dateFormat: passedDateFormat,
+    defaultMonth,
+    daysToModify = [],
+    weekends = [],
+    weekendLabel = "Weekend",
+    nonWorkingDaysOfWeek = [],
+    nonWorkingDaysOfWeekLabel = "Unavailable",
+    weekendIsSelectable = false,
+    tooltipText,
+    popperTooltipClassName,
+    popperClassName,
+    popperTooltipStyle,
+    position,
+    disableDaysBefore
+  } = _ref;
+  const [timezoneAware, setTimezoneAware] = (0, _react.useState)(defaultTimezoneAware);
+  const localization = (0, _Localization.useLocalization)();
+  const dateFormat = passedDateFormat ? passedDateFormat : localization.dateFormat;
+  const labelText = (0, _react.useMemo)(() => {
     if (!selectedDays) {
       return defaultLabelText;
     } else {
-      var endDate = timezoneAware ? moment.unix(selectedDays.to).local() : moment.unix(selectedDays.to).utc();
-      var startDate = timezoneAware ? moment.unix(selectedDays.from).local() : moment.unix(selectedDays.from).utc();
-      var formattedEndDate = formatDate(endDate, dateFormat, longDateFormat);
-      var formattedStartDate = formatDate(startDate, dateFormat, longDateFormat);
+      const endDate = timezoneAware ? _moment.default.unix(selectedDays.to).local() : _moment.default.unix(selectedDays.to).utc();
+      const startDate = timezoneAware ? _moment.default.unix(selectedDays.from).local() : _moment.default.unix(selectedDays.from).utc();
+      const formattedEndDate = (0, _dateUtils.formatDate)(endDate, dateFormat, longDateFormat);
+      const formattedStartDate = (0, _dateUtils.formatDate)(startDate, dateFormat, longDateFormat);
       if (selectedDays.from === selectedDays.to) {
         return formattedEndDate;
       }
-      return formattedStartDate + " - " + formattedEndDate;
+      return `${formattedStartDate} - ${formattedEndDate}`;
     }
   }, [selectedDays, dateFormat, timezoneAware, defaultLabelText, longDateFormat]);
-  var modifiedDates = useMemo(function () {
+  const modifiedDates = (0, _react.useMemo)(() => {
     if (typeof selectedDays === "object" && !!selectedDays.from && !!selectedDays.to) {
       if (timezoneAware) {
         return {
-          from: moment.unix(selectedDays.from).toDate(),
-          to: moment.unix(selectedDays.to).toDate()
+          from: _moment.default.unix(selectedDays.from).toDate(),
+          to: _moment.default.unix(selectedDays.to).toDate()
         };
       }
-      var offsetFrom = moment.unix(selectedDays.from).utcOffset() * 60;
-      var offsetTo = moment.unix(selectedDays.to).utcOffset() * 60;
+      const offsetFrom = _moment.default.unix(selectedDays.from).utcOffset() * 60;
+      const 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 = useCallback(function (selectedDates) {
+  const handleModifiedSave = (0, _react.useCallback)(selectedDates => {
     setTimezoneAware(false);
     if (typeof onSave === "function") {
       if (typeof selectedDates === "object" && Object.prototype.hasOwnProperty.call(selectedDates, "from") && Object.prototype.hasOwnProperty.call(selectedDates, "to")) {
@@ -132,10 +118,10 @@ export var SelectDate = function SelectDate(_ref) {
       }
     }
   }, [onSave]);
-  var getDefaultMonth = useCallback(function () {
-    var date = new Date();
+  const getDefaultMonth = (0, _react.useCallback)(() => {
+    let date = new Date();
     if (typeof selectedDays === "object" && !!selectedDays.from) {
-      date = timezoneAware ? new Date(selectedDays.from * 1000) : new Date((selectedDays.from - moment.unix(selectedDays.from).utcOffset() * 60) * 1000);
+      date = timezoneAware ? new Date(selectedDays.from * 1000) : new Date((selectedDays.from - _moment.default.unix(selectedDays.from).utcOffset() * 60) * 1000);
     } else if (defaultMonth) {
       date = defaultMonth;
     }
@@ -143,58 +129,50 @@ export var SelectDate = function SelectDate(_ref) {
     // forcing second day in month
     return new Date(date.getFullYear(), date.getMonth(), 2);
   }, [defaultMonth, selectedDays, timezoneAware]);
-  var _useState2 = useState(getDefaultMonth),
-    month = _useState2[0],
-    setMonth = _useState2[1];
-  var handleMonthChange = useCallback(function (month) {
+  const [month, setMonth] = (0, _react.useState)(getDefaultMonth);
+  const handleMonthChange = (0, _react.useCallback)(month => {
     setMonth(month);
   }, [setMonth]);
-  var _useState3 = useState(modifiedDates),
-    newDates = _useState3[0],
-    setNewDates = _useState3[1];
-  var _useState4 = useState(false),
-    showDiscardModal = _useState4[0],
-    setShowDiscardModal = _useState4[1];
-  var _useState5 = useState(defaultShowDatePicker),
-    showDatePicker = _useState5[0],
-    setShowDatePicker = _useState5[1];
-  var disabledSaveButton = useMemo(function () {
-    return (modifiedDates == null ? void 0 : modifiedDates.from) === (newDates == null ? void 0 : newDates.from) && (modifiedDates == null ? void 0 : modifiedDates.to) === (newDates == null ? void 0 : newDates.to);
+  const [newDates, setNewDates] = (0, _react.useState)(modifiedDates);
+  const [showDiscardModal, setShowDiscardModal] = (0, _react.useState)(false);
+  const [showDatePicker, setShowDatePicker] = (0, _react.useState)(defaultShowDatePicker);
+  const disabledSaveButton = (0, _react.useMemo)(() => {
+    return modifiedDates?.from === newDates?.from && modifiedDates?.to === newDates?.to;
   }, [modifiedDates, newDates]);
-  useEffect(function () {
+  (0, _react.useEffect)(() => {
     setShowDatePicker(defaultShowDatePicker);
   }, [defaultShowDatePicker]);
-  useEffect(function () {
+  (0, _react.useEffect)(() => {
     modifiedDates && setNewDates(modifiedDates);
   }, [modifiedDates]);
-  useEffect(function () {
+  (0, _react.useEffect)(() => {
     typeof onToggleDatePicker === "function" && onToggleDatePicker(showDatePicker);
   }, [showDatePicker, onToggleDatePicker]);
-  useEffect(function () {
+  (0, _react.useEffect)(() => {
     if (!showDatePicker) {
       setMonth(getDefaultMonth());
     }
   }, [showDatePicker, getDefaultMonth]);
-  var handleSave = useCallback(function () {
+  const handleSave = (0, _react.useCallback)(() => {
     handleModifiedSave(newDates);
     setShowDatePicker(false);
   }, [newDates, handleModifiedSave]);
-  var handleChange = useCallback(function (dates) {
+  const handleChange = (0, _react.useCallback)(dates => {
     if (mode !== "atomic") {
       handleModifiedSave(dates);
     }
     setNewDates(dates);
   }, [mode, handleModifiedSave]);
-  var handleBeforeCloseMenu = useCallback(function () {
-    var result = true;
+  const handleBeforeCloseMenu = (0, _react.useCallback)(() => {
+    let result = true;
     if (modifiedDates && !newDates || !modifiedDates && newDates) {
       result = false;
     }
-    var selectedDaysFrom = modifiedDates == null ? void 0 : modifiedDates.from;
-    var selectedDaysTo = modifiedDates == null ? void 0 : modifiedDates.to;
-    var newDatesFrom = newDates == null ? void 0 : newDates.from;
-    var newDatesTo = newDates == null ? void 0 : newDates.to;
-    if (selectedDaysFrom && newDatesFrom && selectedDaysTo && newDatesTo && (moment(selectedDaysFrom).format("DD-MM-YYYY") !== moment(newDatesFrom).format("DD-MM-YYYY") || moment(selectedDaysTo).format("DD-MM-YYYY") !== moment(newDatesTo).format("DD-MM-YYYY"))) {
+    const selectedDaysFrom = modifiedDates?.from;
+    const selectedDaysTo = modifiedDates?.to;
+    const newDatesFrom = newDates?.from;
+    const newDatesTo = 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) {
@@ -202,23 +180,23 @@ export var SelectDate = function SelectDate(_ref) {
     }
     return result;
   }, [modifiedDates, newDates]);
-  var handleClose = useCallback(function () {
+  const handleClose = (0, _react.useCallback)(() => {
     if (mode !== "atomic" || handleBeforeCloseMenu()) {
       typeof onCancel === "function" && onCancel();
       setShowDatePicker(false);
     }
   }, [mode, onCancel, handleBeforeCloseMenu]);
-  var handleCancel = useCallback(function (event) {
+  const handleCancel = (0, _react.useCallback)(event => {
     event && event.preventDefault();
     return handleClose();
   }, [handleClose]);
-  var handleShowDatePicker = useCallback(function () {
+  const handleShowDatePicker = (0, _react.useCallback)(() => {
     setShowDatePicker(!showDatePicker);
   }, [showDatePicker]);
-  var handleCloseDiscardModal = useCallback(function () {
+  const handleCloseDiscardModal = (0, _react.useCallback)(() => {
     setShowDiscardModal(false);
   }, []);
-  var handleClear = useCallback(function () {
+  const handleClear = (0, _react.useCallback)(() => {
     if (!dateRequired) {
       setNewDates(undefined);
       if (mode === "instant") {
@@ -226,95 +204,78 @@ export var SelectDate = function SelectDate(_ref) {
       }
     }
   }, [mode, dateRequired, handleModifiedSave]);
-  var handleSaveDiscardModal = useCallback(function () {
+  const handleSaveDiscardModal = (0, _react.useCallback)(() => {
     setNewDates(modifiedDates);
     setShowDiscardModal(false);
     setShowDatePicker(false);
   }, [modifiedDates]);
-  var modifiers = 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 = {}, _ref2[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);
-      });
-    }, _ref2[customClassNames.weekend] = function (day) {
-      return weekends.some(function (value) {
-        return day.getDay() === value;
-      });
-    }, _ref2[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(selectableGlobalDaysOff, globalDaysOff);
-      var currentDay = new Date(day.getFullYear(), day.getMonth(), day.getDate());
-      return nonWorkingDays.some(function (data) {
-        return isDayInRange(currentDay, data);
-      });
-    }, _ref2[customClassNames.disabled] = function (day) {
-      if (disableDaysBefore) {
-        if (day.toJSON().slice(0, 10) < disableDaysBefore.toJSON().slice(0, 10)) {
+  const modifiers = (0, _react.useMemo)(() => {
+    const userAvailabilities = daysToModify.filter(data => data.type === "user_day_off");
+    const globalDaysOff = daysToModify.filter(data => data.type === "global_day_off");
+    const selectableGlobalDaysOff = daysToModify.filter(data => data.type === "selectable_global_day_off");
+    return {
+      userAvailability: day => {
+        // construct new date because react-day-picker returns date with hours set
+        const currentDay = new Date(day.getFullYear(), day.getMonth(), day.getDate());
+        return userAvailabilities.some(data => isDayInRange(currentDay, data));
+      },
+      weekend: day => {
+        return weekends.some(value => day.getDay() === value);
+      },
+      nonWorkingDay: day => {
+        // return true if day is weekend day
+        if (weekends.some(value => value === day.getDay())) {
           return true;
         }
+        const nonWorkingDays = [...selectableGlobalDaysOff, ...globalDaysOff];
+        const currentDay = new Date(day.getFullYear(), day.getMonth(), day.getDate());
+        return nonWorkingDays.some(data => isDayInRange(currentDay, data));
+      },
+      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(value => value === day.getDay())) {
+          return true;
+        }
+        // construct new date because react-day-picker returns date with hours set
+        const currentDay = new Date(day.getFullYear(), day.getMonth(), day.getDate());
+        return globalDaysOff.some(data => isDayInRange(currentDay, data));
+      },
+      nonWorkingDaysOfWeek: {
+        dayOfWeek: nonWorkingDaysOfWeek
       }
-      // 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[customClassNames.nonWorkingDaysOfWeek] = {
-      daysOfWeek: nonWorkingDaysOfWeek
-    }, _ref2;
+    };
   }, [daysToModify, nonWorkingDaysOfWeek, weekends, disableDaysBefore, weekendIsSelectable]);
-  var renderDay = useCallback(function (day) {
-    var titles = [];
-    if (weekends.some(function (value) {
-      return day.getDay() === value;
-    })) {
+  const renderDay = (0, _react.useCallback)(props => {
+    const titles = [];
+    if (weekends.some(value => props.date.getDay() === value)) {
       titles.push(weekendLabel);
     }
-    if (nonWorkingDaysOfWeek.includes(day.getDay())) {
+    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(day.getFullYear(), day.getMonth(), day.getDate());
-    daysToModify.forEach(function (data) {
+    const currentDay = new Date(props.date.getFullYear(), props.date.getMonth(), props.date.getDate());
+    daysToModify.forEach(data => {
       if (isDayInRange(currentDay, data)) {
         titles.push(data.title);
       }
     });
-    var child = /*#__PURE__*/React.createElement("div", {
+    const child = /*#__PURE__*/_react.default.createElement("div", {
       className: "c-DayPicker-Day-Number"
-    }, day.getDate());
+    }, props.date.getDate());
     if (titles.length) {
-      var title = /*#__PURE__*/React.createElement("div", {
-        key: "title-wrapper-" + day.getDate()
-      }, titles.map(function (title, index) {
-        return /*#__PURE__*/React.createElement("div", {
-          key: "title-text-" + index
-        }, title);
-      }));
-      return /*#__PURE__*/React.createElement(Tooltip, {
+      const title = /*#__PURE__*/_react.default.createElement("div", {
+        key: `title-wrapper-${props.date.getDate()}`
+      }, titles.map((title, index) => /*#__PURE__*/_react.default.createElement("div", {
+        key: `title-text-${index}`
+      }, title)));
+      return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
         title: title,
         popperTooltipClassName: popperTooltipClassName,
         popperTooltipStyle: popperTooltipStyle
@@ -322,8 +283,8 @@ export var SelectDate = function SelectDate(_ref) {
     }
     return child;
   }, [weekends, nonWorkingDaysOfWeek, daysToModify, weekendLabel, nonWorkingDaysOfWeekLabel, popperTooltipClassName, popperTooltipStyle]);
-  var renderDatePickerForm = useCallback(function () {
-    return /*#__PURE__*/React.createElement(DatePickerForm, {
+  const renderDatePickerForm = (0, _react.useCallback)(() => {
+    return /*#__PURE__*/_react.default.createElement(_DatePickerForm.DatePickerForm, {
       onMonthChange: handleMonthChange,
       month: month,
       mode: mode,
@@ -344,9 +305,9 @@ export var SelectDate = function SelectDate(_ref) {
       renderDay: renderDay
     });
   }, [handleMonthChange, month, mode, selectionMode, dateRequired, newDates, firstDayOfWeek, saveButtonText, cancelButtonText, clearButtonText, onDayClick, handleSave, handleChange, handleCancel, handleClear, disabledSaveButton, modifiers, renderDay]);
-  var renderTargetEl = useMemo(function () {
+  const renderTargetEl = (0, _react.useMemo)(() => {
     if (labelType === "icon" && icon) {
-      return /*#__PURE__*/React.createElement(SelectDateTarget, {
+      return /*#__PURE__*/_react.default.createElement(_SelectDateTarget.SelectDateTarget, {
         icon: icon,
         title: tooltipText,
         targetIconClassName: targetIconClassName,
@@ -359,16 +320,16 @@ export var SelectDate = function SelectDate(_ref) {
     if (typeof labelType === "function") {
       return labelType(labelText);
     }
-    return /*#__PURE__*/React.createElement(StyledSelectDateButton, {
+    return /*#__PURE__*/_react.default.createElement(_Styles.StyledSelectDateButton, {
       type: "button",
-      className: classnames("date-picker-target", targetClassName)
-    }, /*#__PURE__*/React.createElement("span", {
+      className: (0, _classnames.default)("date-picker-target", targetClassName)
+    }, /*#__PURE__*/_react.default.createElement("span", {
       className: targetTextClassName
     }, labelText));
   }, [icon, labelText, labelType, popperTooltipClassName, popperTooltipStyle, showDatePicker, targetClassName, targetIconClassName, targetTextClassName, tooltipText]);
-  return /*#__PURE__*/React.createElement(StyledSelectDate, {
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledSelectDate, {
     className: "select-date"
-  }, labelType !== "inline" ? /*#__PURE__*/React.createElement(Menu, {
+  }, labelType !== "inline" ? /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
     target: renderTargetEl,
     open: showDatePicker,
     onOpen: handleShowDatePicker,
@@ -378,7 +339,7 @@ export var SelectDate = function SelectDate(_ref) {
     menuClassName: menuClassName,
     popperClassName: popperClassName,
     backgroundElementClass: backgroundElementClass
-  }, renderDatePickerForm()) : renderDatePickerForm(), mode === "atomic" ? /*#__PURE__*/React.createElement(StyledConfirmDialog, {
+  }, renderDatePickerForm()) : renderDatePickerForm(), mode === "atomic" ? /*#__PURE__*/_react.default.createElement(_Styles.StyledConfirmDialog, {
     className: "modal-select-date",
     open: showDiscardModal,
     onCancel: handleCloseDiscardModal,
@@ -389,5 +350,6 @@ export var SelectDate = function SelectDate(_ref) {
     confirmBtnText: modalDiscardBtnText
   }) : null);
 };
+exports.SelectDate = SelectDate;
 SelectDate.displayName = "SelectDate";
 //# sourceMappingURL=SelectDate.js.map