@activecollab/components 1.0.7 → 1.0.8

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

@@ -0,0 +1,404 @@
+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";
+
+var getUtcTimestampFromDate = function getUtcTimestampFromDate(date) {
+  return moment.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;
+};
+
+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,
+      _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 = useState(defaultTimezoneAware),
+      timezoneAware = _useState[0],
+      setTimezoneAware = _useState[1];
+
+  var labelText = useMemo(function () {
+    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 currentYear = moment.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 formattedStartDate + " - " + formattedEndDate;
+    }
+  }, [selectedDays, dateFormat, timezoneAware, defaultLabelText, longDateFormat]);
+  var modifiedDates = useMemo(function () {
+    if (typeof selectedDays === "object" && !!selectedDays.from && !!selectedDays.to) {
+      if (timezoneAware) {
+        return {
+          from: moment.unix(selectedDays.from).toDate(),
+          to: moment.unix(selectedDays.to).toDate()
+        };
+      }
+
+      var offsetFrom = moment.unix(selectedDays.from).utcOffset() * 60;
+      var offsetTo = moment.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) {
+    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 = useCallback(function () {
+    var 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);
+    } else if (defaultMonth) {
+      date = defaultMonth;
+    } // 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) {
+    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);
+  }, [modifiedDates, newDates]);
+  useEffect(function () {
+    setShowDatePicker(defaultShowDatePicker);
+  }, [defaultShowDatePicker]);
+  useEffect(function () {
+    modifiedDates && setNewDates(modifiedDates);
+  }, [modifiedDates]);
+  useEffect(function () {
+    typeof onToggleDatePicker === "function" && onToggleDatePicker(showDatePicker);
+  }, [showDatePicker, onToggleDatePicker]);
+  useEffect(function () {
+    if (!showDatePicker) {
+      setMonth(getDefaultMonth());
+    }
+  }, [showDatePicker, getDefaultMonth]);
+  var handleSave = useCallback(function () {
+    handleModifiedSave(newDates);
+    setShowDatePicker(false);
+  }, [newDates, handleModifiedSave]);
+  var handleChange = useCallback(function (dates) {
+    if (mode !== "atomic") {
+      handleModifiedSave(dates);
+    }
+
+    setNewDates(dates);
+  }, [mode, handleModifiedSave]);
+  var handleBeforeCloseMenu = useCallback(function () {
+    var 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"))) {
+      result = false;
+    }
+
+    if (!result) {
+      setShowDiscardModal(true);
+    }
+
+    return result;
+  }, [modifiedDates, newDates]);
+  var handleClose = useCallback(function () {
+    if (mode !== "atomic" || handleBeforeCloseMenu()) {
+      typeof onCancel === "function" && onCancel();
+      setShowDatePicker(false);
+    }
+  }, [mode, onCancel, handleBeforeCloseMenu]);
+  var handleCancel = useCallback(function (event) {
+    event && event.preventDefault();
+    return handleClose();
+  }, [handleClose]);
+  var handleShowDatePicker = useCallback(function () {
+    setShowDatePicker(!showDatePicker);
+  }, [showDatePicker]);
+  var handleCloseDiscardModal = useCallback(function () {
+    setShowDiscardModal(false);
+  }, []);
+  var handleClear = useCallback(function () {
+    if (!dateRequired) {
+      setNewDates(undefined);
+
+      if (mode === "instant") {
+        handleModifiedSave(undefined);
+      }
+    }
+  }, [mode, dateRequired, handleModifiedSave]);
+  var handleSaveDiscardModal = useCallback(function () {
+    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)) {
+          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 = 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.createElement("div", {
+      className: "c-DayPicker-Day-Number"
+    }, day.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, {
+        title: title,
+        popperTooltipClassName: popperTooltipClassName,
+        popperTooltipStyle: popperTooltipStyle
+      }, child);
+    }
+
+    return child;
+  }, [weekendLabel, weekends, daysToModify, popperTooltipClassName, popperTooltipStyle]);
+  var renderDatePickerForm = useCallback(function () {
+    return /*#__PURE__*/React.createElement(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.createElement(StyledSelectDate, {
+    className: "select-date"
+  }, labelType !== "inline" ? /*#__PURE__*/React.createElement(Menu, {
+    target: labelType === "icon" && icon ? /*#__PURE__*/React.createElement(SelectDateTarget, {
+      icon: icon,
+      title: tooltipText,
+      targetIconClassName: targetIconClassName,
+      forceHideTooltip: showDatePicker,
+      popperTooltipClassName: popperTooltipClassName,
+      popperTooltipStyle: popperTooltipStyle,
+      active: showDatePicker
+    }) : /*#__PURE__*/React.createElement(StyledSelectDateButton, {
+      type: "button",
+      className: classnames("c-simple-menu__trigger date-picker-target", targetClassName)
+    }, /*#__PURE__*/React.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.createElement(StyledConfirmDialog, {
+    className: "modal-select-date",
+    open: showDiscardModal,
+    onCancel: handleCloseDiscardModal,
+    onConfirm: handleSaveDiscardModal,
+    dialogTitle: modalHeaderText,
+    dialogContent: modalDiscardMessage,
+    cancelBtnText: modalCancelBtnText,
+    confirmBtnText: modalDiscardBtnText
+  }) : null);
+};
+SelectDate.displayName = "SelectDate";
+//# sourceMappingURL=SelectDate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SelectDate/SelectDate.tsx"],"names":["React","useCallback","useEffect","useMemo","useState","moment","classnames","Menu","DatePickerForm","customClassNames","Tooltip","SelectDateTarget","StyledConfirmDialog","StyledSelectDate","StyledSelectDateButton","getUtcTimestampFromDate","date","utc","getFullYear","getMonth","getDate","unix","isDayInRange","day","data","repeating","from","Date","to","SelectDate","changeMode","mode","trigger","labelType","saveButtonText","cancelButtonText","clearButtonText","modalHeaderText","modalDiscardMessage","modalDiscardBtnText","modalCancelBtnText","onDayClick","onSave","onCancel","onToggleDatePicker","required","dateRequired","defaultTimezoneAware","longDateFormat","defaultShowDatePicker","firstDayOfWeek","selectedDays","selectionMode","menuClassName","targetClassName","icon","defaultLabelText","targetTextClassName","targetIconClassName","backgroundElementClass","dateFormat","defaultMonth","daysToModify","weekends","weekendLabel","weekendIsSelectable","tooltipText","popperTooltipClassName","popperClassName","popperTooltipStyle","position","disableDaysBefore","timezoneAware","setTimezoneAware","labelText","endDate","local","startDate","currentYear","year","formattedEndDate","format","replace","trim","formattedStartDate","modifiedDates","toDate","offsetFrom","utcOffset","offsetTo","handleModifiedSave","selectedDates","Object","prototype","hasOwnProperty","call","undefined","getDefaultMonth","month","setMonth","handleMonthChange","newDates","setNewDates","showDiscardModal","setShowDiscardModal","showDatePicker","setShowDatePicker","disabledSaveButton","handleSave","handleChange","dates","handleBeforeCloseMenu","result","selectedDaysFrom","selectedDaysTo","newDatesFrom","newDatesTo","handleClose","handleCancel","event","preventDefault","handleShowDatePicker","handleCloseDiscardModal","handleClear","handleSaveDiscardModal","modifiers","userAvailabilities","filter","type","globalDaysOff","selectableGlobalDaysOff","userAvailability","currentDay","some","weekend","value","getDay","nonWorkingDay","nonWorkingDays","disabled","toJSON","slice","renderDay","titles","push","forEach","title","child","length","map","index","renderDatePickerForm","displayName"],"mappings":"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","sourcesContent":["import React, {\n  ElementType,\n  FC,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  ReactNode,\n  CSSProperties,\n} from \"react\";\nimport moment from \"moment\";\nimport classnames from \"classnames\";\nimport { DayModifiers } from \"react-day-picker\";\nimport { Placement } from \"@popperjs/core\";\nimport { Menu } from \"../Menu/Menu\";\nimport { DatePickerForm } from \"./DatePickerForm\";\nimport { customClassNames } from \"../DatePicker/ClassNames\";\nimport { DaysToModify } from \"./types\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport { SelectDateTarget } from \"./SelectDateTarget\";\nimport {\n  StyledConfirmDialog,\n  StyledSelectDate,\n  StyledSelectDateButton,\n} from \"./Styles\";\n\nconst getUtcTimestampFromDate = (date: Date): number => {\n  return moment\n    .utc([date.getFullYear(), date.getMonth(), date.getDate()])\n    .unix();\n};\n\nconst isDayInRange = (day: Date, data: DaysToModify): boolean => {\n  if (data.repeating) {\n    const from = new Date(\n      day.getFullYear(),\n      data.from.getMonth(),\n      data.from.getDate()\n    );\n    const to = new Date(\n      day.getFullYear(),\n      data.to.getMonth(),\n      data.to.getDate()\n    );\n    return day >= from && day <= to;\n  }\n\n  return day >= data.from && day <= data.to;\n};\n\ninterface ISelectDate {\n  /** Change mode - can be atomic and instant */\n  changeMode?: \"atomic\" | \"instant\";\n  /** Trigger - can be text, icon, or inline */\n  trigger?: \"text\" | \"icon\" | \"inline\";\n  /** Save button text */\n  saveButtonText?: string;\n  /** Cancel button text */\n  cancelButtonText?: string;\n  /** Clear button text */\n  clearButtonText?: string;\n  /** Modal header text */\n  modalHeaderText?: string;\n  /** Modal cancel button text */\n  modalCancelBtnText?: string;\n  /** Modal discard button text */\n  modalDiscardBtnText?: string;\n  /** Modal discard message text */\n  modalDiscardMessage?: string;\n  /** Tooltip text */\n  tooltipText?: string;\n  /** Called when day is clicked */\n  onDayClick?: (day: Date, modifiers: DayModifiers) => void;\n  /** Save changes in atomic mode */\n  onSave?: (dates?: { from: number; to: number }) => void;\n  /** On cancel closes datepicker or opens disard modal in atomic mode */\n  onCancel?: () => void;\n  /** Clear dates when they are not required */\n  onClear?: () => void;\n  /** Use this callback to get is picker visible */\n  onToggleDatePicker?: (value: boolean) => void;\n  /** Set selected day or days */\n  selectedDays?: { from: number; to: number };\n  /** Set month */\n  defaultMonth?: Date;\n  /** Set selection range */\n  selectionMode?: string;\n  /** Set is date required */\n  required?: boolean;\n  /** Set default show on date picker (only for text and icon mode) */\n  defaultShowDatePicker?: boolean;\n  /** Long date format (Always show year) */\n  longDateFormat?: boolean;\n  /** Set is date required */\n  defaultTimezoneAware?: boolean;\n  /** Set first day of week */\n  firstDayOfWeek?: number;\n  /** One of icon types */\n  icon?: ElementType;\n  /** Default Label text */\n  defaultLabelText?: string;\n  /** Date format */\n  dateFormat?: string;\n  /** Menu classes */\n  menuClassName?: string;\n  /** Target element classes */\n  targetClassName?: string;\n  /** Target element text classes */\n  targetTextClassName?: string;\n  /** Target element icon classes */\n  targetIconClassName?: string;\n  /** Background style for clickable element after the menu is open (opacity, color, etc...) */\n  backgroundElementClass?: string;\n  /** Days to modify */\n  daysToModify?: DaysToModify[];\n  /** Array of weekend days */\n  weekends?: number[];\n  /** Weekend label */\n  weekendLabel?: string;\n  /** Allows weekends to be selected */\n  weekendIsSelectable?: boolean;\n  /** Popper Tooltip style */\n  popperTooltipStyle?: CSSProperties;\n  /** Popper Tooltip class name*/\n  popperTooltipClassName?: string;\n  /** Popper class name*/\n  popperClassName?: string;\n  /** Position of selectDate menu */\n  position?: Placement;\n  /** Disable days before specified date */\n  disableDaysBefore?: Date;\n}\n\nexport const SelectDate: FC<ISelectDate> = ({\n  changeMode: mode = \"instant\",\n  trigger: labelType = \"text\",\n  saveButtonText = \"Save\",\n  cancelButtonText = \"Cancel\",\n  clearButtonText = \"Clear\",\n  modalHeaderText = \"Discard changes?\",\n  modalDiscardMessage = \"All unsaved changes will be lost.\",\n  modalDiscardBtnText = \"OK\",\n  modalCancelBtnText = \"Cancel\",\n  onDayClick,\n  onSave,\n  onCancel,\n  onToggleDatePicker,\n  required: dateRequired = false,\n  defaultTimezoneAware = false,\n  longDateFormat = false,\n  defaultShowDatePicker = false,\n  firstDayOfWeek = 0,\n  selectedDays,\n  selectionMode = \"custom\",\n  menuClassName,\n  targetClassName,\n  icon,\n  defaultLabelText = \"Set...\",\n  targetTextClassName,\n  targetIconClassName,\n  backgroundElementClass,\n  dateFormat = \"DD MM. YYYY\",\n  defaultMonth,\n  daysToModify = [],\n  weekends = [],\n  weekendLabel = \"Weekend\",\n  weekendIsSelectable = false,\n  tooltipText,\n  popperTooltipClassName,\n  popperClassName,\n  popperTooltipStyle,\n  position,\n  disableDaysBefore,\n}) => {\n  const [timezoneAware, setTimezoneAware] = useState(defaultTimezoneAware);\n\n  const labelText = useMemo(() => {\n    if (!selectedDays) {\n      return defaultLabelText;\n    } else {\n      const endDate = timezoneAware\n        ? moment.unix(selectedDays.to).local()\n        : moment.unix(selectedDays.to).utc();\n\n      const startDate = timezoneAware\n        ? moment.unix(selectedDays.from).local()\n        : moment.unix(selectedDays.from).utc();\n\n      const currentYear = moment.utc().year();\n\n      const formattedEndDate =\n        !longDateFormat && endDate.year() === currentYear\n          ? endDate.format(dateFormat.replace(/Y|,$/gi, ``).trim())\n          : endDate.format(dateFormat);\n      const formattedStartDate =\n        !longDateFormat && startDate.year() === currentYear\n          ? startDate.format(dateFormat.replace(/Y|,$/gi, ``).trim())\n          : startDate.format(dateFormat);\n\n      if (selectedDays.from === selectedDays.to) {\n        return formattedEndDate;\n      }\n\n      return `${formattedStartDate} - ${formattedEndDate}`;\n    }\n  }, [\n    selectedDays,\n    dateFormat,\n    timezoneAware,\n    defaultLabelText,\n    longDateFormat,\n  ]);\n\n  const modifiedDates = useMemo(() => {\n    if (\n      typeof selectedDays === \"object\" &&\n      !!selectedDays.from &&\n      !!selectedDays.to\n    ) {\n      if (timezoneAware) {\n        return {\n          from: moment.unix(selectedDays.from).toDate(),\n          to: moment.unix(selectedDays.to).toDate(),\n        };\n      }\n      const offsetFrom = moment.unix(selectedDays.from).utcOffset() * 60;\n      const offsetTo = moment.unix(selectedDays.to).utcOffset() * 60;\n      return {\n        from: new Date((selectedDays.from - offsetFrom) * 1000),\n        to: new Date((selectedDays.to - offsetTo) * 1000),\n      };\n    }\n  }, [selectedDays, timezoneAware]);\n\n  const handleModifiedSave = useCallback(\n    (selectedDates) => {\n      setTimezoneAware(false);\n      if (typeof onSave === \"function\") {\n        if (\n          typeof selectedDates === \"object\" &&\n          Object.prototype.hasOwnProperty.call(selectedDates, \"from\") &&\n          Object.prototype.hasOwnProperty.call(selectedDates, \"to\")\n        ) {\n          onSave({\n            from: getUtcTimestampFromDate(selectedDates.from),\n            to: getUtcTimestampFromDate(selectedDates.to),\n          });\n        } else {\n          onSave(undefined);\n        }\n      }\n    },\n    [onSave]\n  );\n\n  const getDefaultMonth = useCallback(() => {\n    let date = new Date();\n\n    if (typeof selectedDays === \"object\" && !!selectedDays.from) {\n      date = timezoneAware\n        ? new Date(selectedDays.from * 1000)\n        : new Date(\n            (selectedDays.from -\n              moment.unix(selectedDays.from).utcOffset() * 60) *\n              1000\n          );\n    } else if (defaultMonth) {\n      date = defaultMonth;\n    }\n\n    // forcing second day in month\n    return new Date(date.getFullYear(), date.getMonth(), 2);\n  }, [defaultMonth, selectedDays, timezoneAware]);\n\n  const [month, setMonth] = useState(getDefaultMonth);\n\n  const handleMonthChange = useCallback(\n    (month) => {\n      setMonth(month);\n    },\n    [setMonth]\n  );\n\n  const [newDates, setNewDates] = useState(modifiedDates);\n  const [showDiscardModal, setShowDiscardModal] = useState(false);\n  const [showDatePicker, setShowDatePicker] = useState(defaultShowDatePicker);\n\n  const disabledSaveButton = useMemo(() => {\n    return (\n      modifiedDates?.from === newDates?.from &&\n      modifiedDates?.to === newDates?.to\n    );\n  }, [modifiedDates, newDates]);\n\n  useEffect(() => {\n    setShowDatePicker(defaultShowDatePicker);\n  }, [defaultShowDatePicker]);\n\n  useEffect(() => {\n    modifiedDates && setNewDates(modifiedDates);\n  }, [modifiedDates]);\n\n  useEffect(() => {\n    typeof onToggleDatePicker === \"function\" &&\n      onToggleDatePicker(showDatePicker);\n  }, [showDatePicker, onToggleDatePicker]);\n\n  useEffect(() => {\n    if (!showDatePicker) {\n      setMonth(getDefaultMonth());\n    }\n  }, [showDatePicker, getDefaultMonth]);\n\n  const handleSave = useCallback(() => {\n    handleModifiedSave(newDates);\n    setShowDatePicker(false);\n  }, [newDates, handleModifiedSave]);\n\n  const handleChange = useCallback(\n    (dates) => {\n      if (mode !== \"atomic\") {\n        handleModifiedSave(dates);\n      }\n      setNewDates(dates);\n    },\n    [mode, handleModifiedSave]\n  );\n\n  const handleBeforeCloseMenu = useCallback(() => {\n    let result = true;\n\n    if ((modifiedDates && !newDates) || (!modifiedDates && newDates)) {\n      result = false;\n    }\n\n    const selectedDaysFrom = modifiedDates?.from;\n    const selectedDaysTo = modifiedDates?.to;\n    const newDatesFrom = newDates?.from;\n    const newDatesTo = newDates?.to;\n\n    if (\n      selectedDaysFrom &&\n      newDatesFrom &&\n      selectedDaysTo &&\n      newDatesTo &&\n      (moment(selectedDaysFrom).format(\"DD-MM-YYYY\") !==\n        moment(newDatesFrom).format(\"DD-MM-YYYY\") ||\n        moment(selectedDaysTo).format(\"DD-MM-YYYY\") !==\n          moment(newDatesTo).format(\"DD-MM-YYYY\"))\n    ) {\n      result = false;\n    }\n\n    if (!result) {\n      setShowDiscardModal(true);\n    }\n\n    return result;\n  }, [modifiedDates, newDates]);\n\n  const handleClose = useCallback(() => {\n    if (mode !== \"atomic\" || handleBeforeCloseMenu()) {\n      typeof onCancel === \"function\" && onCancel();\n      setShowDatePicker(false);\n    }\n  }, [mode, onCancel, handleBeforeCloseMenu]);\n\n  const handleCancel = useCallback(\n    (event) => {\n      event && event.preventDefault();\n      return handleClose();\n    },\n    [handleClose]\n  );\n\n  const handleShowDatePicker = useCallback(() => {\n    setShowDatePicker(!showDatePicker);\n  }, [showDatePicker]);\n\n  const handleCloseDiscardModal = useCallback(() => {\n    setShowDiscardModal(false);\n  }, []);\n\n  const handleClear = useCallback(() => {\n    if (!dateRequired) {\n      setNewDates(undefined);\n      if (mode === \"instant\") {\n        handleModifiedSave(undefined);\n      }\n    }\n  }, [mode, dateRequired, handleModifiedSave]);\n\n  const handleSaveDiscardModal = useCallback(() => {\n    setNewDates(modifiedDates);\n    setShowDiscardModal(false);\n    setShowDatePicker(false);\n  }, [modifiedDates]);\n\n  const modifiers = useMemo(() => {\n    const userAvailabilities = daysToModify.filter(\n      (data) => data.type === \"user_day_off\"\n    );\n    const globalDaysOff = daysToModify.filter(\n      (data) => data.type === \"global_day_off\"\n    );\n    const selectableGlobalDaysOff = daysToModify.filter(\n      (data) => data.type === \"selectable_global_day_off\"\n    );\n\n    return {\n      [customClassNames.userAvailability]: (day: Date): boolean => {\n        // construct new date because react-day-picker returns date with hours set\n        const currentDay = new Date(\n          day.getFullYear(),\n          day.getMonth(),\n          day.getDate()\n        );\n        return userAvailabilities.some((data) =>\n          isDayInRange(currentDay, data)\n        );\n      },\n      [customClassNames.weekend]: (day: Date): boolean => {\n        return weekends.some((value) => day.getDay() === value);\n      },\n      [customClassNames.nonWorkingDay]: (day: Date): boolean => {\n        // return true if day is weekend day\n        if (weekends.some((value) => value === day.getDay())) {\n          return true;\n        }\n        const nonWorkingDays = [...selectableGlobalDaysOff, ...globalDaysOff];\n        const currentDay = new Date(\n          day.getFullYear(),\n          day.getMonth(),\n          day.getDate()\n        );\n        return nonWorkingDays.some((data) => isDayInRange(currentDay, data));\n      },\n      [customClassNames.disabled]: (day: Date): boolean => {\n        if (disableDaysBefore) {\n          if (\n            day.toJSON().slice(0, 10) < disableDaysBefore.toJSON().slice(0, 10)\n          ) {\n            return true;\n          }\n        }\n        // return true if day is weekend day\n        if (\n          !weekendIsSelectable &&\n          weekends.some((value) => value === day.getDay())\n        ) {\n          return true;\n        }\n        // construct new date because react-day-picker returns date with hours set\n        const currentDay = new Date(\n          day.getFullYear(),\n          day.getMonth(),\n          day.getDate()\n        );\n        return globalDaysOff.some((data) => isDayInRange(currentDay, data));\n      },\n    };\n  }, [daysToModify, weekends, disableDaysBefore, weekendIsSelectable]);\n\n  const renderDay = useCallback(\n    (day: Date): ReactNode => {\n      const titles: string[] = [];\n\n      if (weekends.some((value) => day.getDay() === value)) {\n        titles.push(weekendLabel);\n      }\n\n      // construct new date because react-day-picker returns date with hours set\n      const currentDay = new Date(\n        day.getFullYear(),\n        day.getMonth(),\n        day.getDate()\n      );\n\n      daysToModify.forEach((data) => {\n        if (isDayInRange(currentDay, data)) {\n          titles.push(data.title);\n        }\n      });\n\n      const child = (\n        <div className=\"c-DayPicker-Day-Number\">{day.getDate()}</div>\n      );\n\n      if (titles.length) {\n        const title = (\n          <div key={`title-wrapper-${day.getDate()}`}>\n            {titles.map((title: string, index: number) => (\n              <div key={`title-text-${index}`}>{title}</div>\n            ))}\n          </div>\n        );\n\n        return (\n          <Tooltip\n            title={title}\n            popperTooltipClassName={popperTooltipClassName}\n            popperTooltipStyle={popperTooltipStyle}\n          >\n            {child}\n          </Tooltip>\n        );\n      }\n\n      return child;\n    },\n    [\n      weekendLabel,\n      weekends,\n      daysToModify,\n      popperTooltipClassName,\n      popperTooltipStyle,\n    ]\n  );\n\n  const renderDatePickerForm = useCallback((): JSX.Element => {\n    return (\n      <DatePickerForm\n        onMonthChange={handleMonthChange}\n        month={month}\n        mode={mode}\n        selectionMode={selectionMode}\n        dateRequired={dateRequired}\n        selectedDays={newDates}\n        firstDayOfWeek={firstDayOfWeek}\n        saveButtonText={saveButtonText}\n        cancelButtonText={cancelButtonText}\n        clearButtonText={clearButtonText}\n        onDayClick={onDayClick}\n        onSave={handleSave}\n        onChange={handleChange}\n        onCancel={handleCancel}\n        onClear={handleClear}\n        disabledSaveButton={disabledSaveButton}\n        modifiers={modifiers}\n        renderDay={renderDay}\n      />\n    );\n  }, [\n    handleMonthChange,\n    month,\n    mode,\n    selectionMode,\n    dateRequired,\n    newDates,\n    firstDayOfWeek,\n    saveButtonText,\n    cancelButtonText,\n    clearButtonText,\n    onDayClick,\n    handleSave,\n    handleChange,\n    handleCancel,\n    handleClear,\n    disabledSaveButton,\n    modifiers,\n    renderDay,\n  ]);\n\n  return (\n    <StyledSelectDate className=\"select-date\">\n      {labelType !== \"inline\" ? (\n        <Menu\n          target={\n            labelType === \"icon\" && icon ? (\n              <SelectDateTarget\n                icon={icon}\n                title={tooltipText}\n                targetIconClassName={targetIconClassName}\n                forceHideTooltip={showDatePicker}\n                popperTooltipClassName={popperTooltipClassName}\n                popperTooltipStyle={popperTooltipStyle}\n                active={showDatePicker}\n              />\n            ) : (\n              <StyledSelectDateButton\n                type=\"button\"\n                className={classnames(\n                  \"c-simple-menu__trigger date-picker-target\",\n                  targetClassName\n                )}\n              >\n                <span className={targetTextClassName}>{labelText}</span>\n              </StyledSelectDateButton>\n            )\n          }\n          open={showDatePicker}\n          onOpen={handleShowDatePicker}\n          onBeforeClose={handleBeforeCloseMenu}\n          onClose={handleClose}\n          position={position}\n          menuClassName={menuClassName}\n          popperClassName={popperClassName}\n          backgroundElementClass={backgroundElementClass}\n        >\n          {renderDatePickerForm()}\n        </Menu>\n      ) : (\n        renderDatePickerForm()\n      )}\n      {mode === \"atomic\" ? (\n        <StyledConfirmDialog\n          className=\"modal-select-date\"\n          open={showDiscardModal}\n          onCancel={handleCloseDiscardModal}\n          onConfirm={handleSaveDiscardModal}\n          dialogTitle={modalHeaderText}\n          dialogContent={modalDiscardMessage}\n          cancelBtnText={modalCancelBtnText}\n          confirmBtnText={modalDiscardBtnText}\n        />\n      ) : null}\n    </StyledSelectDate>\n  );\n};\n\nSelectDate.displayName = \"SelectDate\";\n"],"file":"SelectDate.js"}

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

@@ -0,0 +1,36 @@
+import React, { forwardRef } from "react";
+import classnames from "classnames";
+import { Tooltip } from "../Tooltip";
+import { Pressed } from "../Pressed";
+import { StyledIconComponent } from "./Styles";
+export var SelectDateTarget = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var IconComponent = _ref.icon,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "" : _ref$title,
+      onClick = _ref.onClick,
+      _ref$forceHideTooltip = _ref.forceHideTooltip,
+      forceHideTooltip = _ref$forceHideTooltip === void 0 ? false : _ref$forceHideTooltip,
+      targetIconClassName = _ref.targetIconClassName,
+      popperTooltipStyle = _ref.popperTooltipStyle,
+      popperTooltipClassName = _ref.popperTooltipClassName,
+      _ref$active = _ref.active,
+      active = _ref$active === void 0 ? false : _ref$active;
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    title: title,
+    popperTooltipStyle: popperTooltipStyle,
+    popperTooltipClassName: popperTooltipClassName,
+    disable: forceHideTooltip || title === ""
+  }, /*#__PURE__*/React.createElement(Pressed, {
+    variant: "text gray",
+    size: "small",
+    active: active,
+    ref: ref,
+    onClick: onClick,
+    type: "button"
+  }, /*#__PURE__*/React.createElement(StyledIconComponent, {
+    as: IconComponent,
+    className: classnames("date-picker-target", targetIconClassName)
+  })));
+});
+SelectDateTarget.displayName = "SelectDateTarget";
+//# sourceMappingURL=SelectDateTarget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SelectDate/SelectDateTarget.tsx"],"names":["React","forwardRef","classnames","Tooltip","Pressed","StyledIconComponent","SelectDateTarget","ref","IconComponent","icon","title","onClick","forceHideTooltip","targetIconClassName","popperTooltipStyle","popperTooltipClassName","active","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAEEC,UAFF,QAMO,OANP;AAOA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,OAAT,QAAwB,YAAxB;AACA,SAASC,OAAT,QAAwB,YAAxB;AACA,SAASC,mBAAT,QAAoC,UAApC;AAaA,OAAO,IAAMC,gBAAgB,gBAAGL,UAAU,CACxC,gBAWEM,GAXF,EAYK;AAAA,MAVKC,aAUL,QAVDC,IAUC;AAAA,wBATDC,KASC;AAAA,MATDA,KASC,2BATO,EASP;AAAA,MARDC,OAQC,QARDA,OAQC;AAAA,mCAPDC,gBAOC;AAAA,MAPDA,gBAOC,sCAPkB,KAOlB;AAAA,MANDC,mBAMC,QANDA,mBAMC;AAAA,MALDC,kBAKC,QALDA,kBAKC;AAAA,MAJDC,sBAIC,QAJDA,sBAIC;AAAA,yBAHDC,MAGC;AAAA,MAHDA,MAGC,4BAHQ,KAGR;AACH,sBACE,oBAAC,OAAD;AACE,IAAA,KAAK,EAAEN,KADT;AAEE,IAAA,kBAAkB,EAAEI,kBAFtB;AAGE,IAAA,sBAAsB,EAAEC,sBAH1B;AAIE,IAAA,OAAO,EAAEH,gBAAgB,IAAIF,KAAK,KAAK;AAJzC,kBAME,oBAAC,OAAD;AACE,IAAA,OAAO,EAAC,WADV;AAEE,IAAA,IAAI,EAAC,OAFP;AAGE,IAAA,MAAM,EAAEM,MAHV;AAIE,IAAA,GAAG,EAAET,GAJP;AAKE,IAAA,OAAO,EAAEI,OALX;AAME,IAAA,IAAI,EAAC;AANP,kBAQE,oBAAC,mBAAD;AACE,IAAA,EAAE,EAAEH,aADN;AAEE,IAAA,SAAS,EAAEN,UAAU,CAAC,oBAAD,EAAuBW,mBAAvB;AAFvB,IARF,CANF,CADF;AAsBD,CApCuC,CAAnC;AAuCPP,gBAAgB,CAACW,WAAjB,GAA+B,kBAA/B","sourcesContent":["import React, {\n  ElementType,\n  forwardRef,\n  Ref,\n  MouseEvent,\n  CSSProperties,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Pressed } from \"../Pressed\";\nimport { StyledIconComponent } from \"./Styles\";\n\ninterface ISelectDateTargetProps {\n  icon: ElementType;\n  title?: string;\n  onClick?: (event: MouseEvent<Element>) => void;\n  forceHideTooltip?: boolean;\n  targetIconClassName?: string;\n  popperTooltipStyle?: CSSProperties;\n  popperTooltipClassName?: string;\n  active?: boolean;\n}\n\nexport const SelectDateTarget = forwardRef(\n  (\n    {\n      icon: IconComponent,\n      title = \"\",\n      onClick,\n      forceHideTooltip = false,\n      targetIconClassName,\n      popperTooltipStyle,\n      popperTooltipClassName,\n      active = false,\n    }: ISelectDateTargetProps,\n    ref: Ref<HTMLButtonElement>\n  ) => {\n    return (\n      <Tooltip\n        title={title}\n        popperTooltipStyle={popperTooltipStyle}\n        popperTooltipClassName={popperTooltipClassName}\n        disable={forceHideTooltip || title === \"\"}\n      >\n        <Pressed\n          variant=\"text gray\"\n          size=\"small\"\n          active={active}\n          ref={ref}\n          onClick={onClick}\n          type=\"button\"\n        >\n          <StyledIconComponent\n            as={IconComponent}\n            className={classnames(\"date-picker-target\", targetIconClassName)}\n          />\n        </Pressed>\n      </Tooltip>\n    );\n  }\n);\n\nSelectDateTarget.displayName = \"SelectDateTarget\";\n"],"file":"SelectDateTarget.js"}

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

@@ -0,0 +1,78 @@
+import styled, { css } from "styled-components";
+import { FontStyle } from "../FontStyle";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+import { ConfirmDialog } from "../ConfirmDialog";
+import { DatePicker } from "../DatePicker";
+import { Button } from "../Button/Button";
+export var StyledSelectDate = styled.div.withConfig({
+  displayName: "Styles__StyledSelectDate",
+  componentId: "sc-1jkx994-0"
+})(["", " ", ""], FontStyle, BoxSizingStyle);
+StyledSelectDate.displayName = "StyledSelectDate";
+export var StyledSelectDateButton = styled.button.withConfig({
+  displayName: "Styles__StyledSelectDateButton",
+  componentId: "sc-1jkx994-1"
+})(["margin:0;padding:0;border:none;background:none;width:auto;height:auto;color:var(--color-theme-700);span,svg{cursor:pointer;}span{color:var(--color-secondary);}svg:hover{fill:var(--color-secondary);}"]);
+StyledSelectDateButton.displayName = "StyledSelectDateButton";
+export var StyledConfirmDialog = styled(ConfirmDialog).withConfig({
+  displayName: "Styles__StyledConfirmDialog",
+  componentId: "sc-1jkx994-2"
+})([".modal-header{padding:16px 30px;h1{margin:0;font-size:16px;}}.modal-body{padding:10px 30px;}.modal-divider{border-top:1px solid var(--border-primary);height:1px;}.modal-footer{padding:16px 30px;}"]);
+StyledConfirmDialog.displayName = "StyledConfirmDialog";
+export var StyledSelectDateDatePicker = styled(DatePicker).withConfig({
+  displayName: "Styles__StyledSelectDateDatePicker",
+  componentId: "sc-1jkx994-3"
+})(["", ""], {
+  "paddingTop": "1rem",
+  "paddingBottom": "0.5rem"
+});
+StyledSelectDateDatePicker.displayName = "StyledSelectDateDatePicker";
+export var StyledSelectDateFooter = styled.div.withConfig({
+  displayName: "Styles__StyledSelectDateFooter",
+  componentId: "sc-1jkx994-4"
+})(["", " border-top:1px solid var(--border-primary);", ""], {
+  "paddingLeft": "1rem",
+  "paddingRight": "1rem",
+  "paddingTop": "0.5rem",
+  "paddingBottom": "0.5rem"
+}, function (props) {
+  return props.$mode === "instant" && css(["", ""], {
+    "display": "flex"
+  });
+});
+StyledSelectDateFooter.displayName = "StyledSelectDateFooter";
+export var StyledSelectDateButtons = styled.div.withConfig({
+  displayName: "Styles__StyledSelectDateButtons",
+  componentId: "sc-1jkx994-5"
+})(["", ""], {
+  "display": "flex"
+});
+StyledSelectDateButtons.displayName = "StyledSelectDateButtons";
+export var StyledButtonSave = styled(Button).withConfig({
+  displayName: "Styles__StyledButtonSave",
+  componentId: "sc-1jkx994-6"
+})(["", ""], {
+  "marginRight": "0.5rem"
+});
+StyledButtonSave.displayName = "StyledButtonSave";
+export var StyledButtonClose = styled(Button).withConfig({
+  displayName: "Styles__StyledButtonClose",
+  componentId: "sc-1jkx994-7"
+})(["", ""], {
+  "marginLeft": "auto"
+});
+StyledButtonClose.displayName = "StyledButtonClose";
+export var StyledButtonCloseColored = styled(Button).withConfig({
+  displayName: "Styles__StyledButtonCloseColored",
+  componentId: "sc-1jkx994-8"
+})(["", ""], {
+  "marginLeft": "auto",
+  "marginRight": "auto"
+});
+StyledButtonCloseColored.displayName = "StyledButtonCloseColored";
+export var StyledIconComponent = styled.svg.withConfig({
+  displayName: "Styles__StyledIconComponent",
+  componentId: "sc-1jkx994-9"
+})(["span,svg{cursor:pointer;}span{color:var(--color-secondary);}svg:hover{fill:var(--color-secondary);}"]);
+StyledIconComponent.displayName = "StyledIconComponent";
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SelectDate/Styles.ts"],"names":["styled","css","FontStyle","BoxSizingStyle","ConfirmDialog","DatePicker","Button","StyledSelectDate","div","displayName","StyledSelectDateButton","button","StyledConfirmDialog","StyledSelectDateDatePicker","StyledSelectDateFooter","props","$mode","StyledSelectDateButtons","StyledButtonSave","StyledButtonClose","StyledButtonCloseColored","StyledIconComponent","svg"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,SAAT,QAA0B,cAA1B;AACA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,aAAT,QAA8B,kBAA9B;AACA,SAASC,UAAT,QAA2B,eAA3B;AACA,SAASC,MAAT,QAAuB,kBAAvB;AAEA,OAAO,IAAMC,gBAAgB,GAAGP,MAAM,CAACQ,GAAV;AAAA;AAAA;AAAA,kBACzBN,SADyB,EAEzBC,cAFyB,CAAtB;AAKPI,gBAAgB,CAACE,WAAjB,GAA+B,kBAA/B;AAEA,OAAO,IAAMC,sBAAsB,GAAGV,MAAM,CAACW,MAAV;AAAA;AAAA;AAAA,8MAA5B;AAqBPD,sBAAsB,CAACD,WAAvB,GAAqC,wBAArC;AAEA,OAAO,IAAMG,mBAAmB,GAAGZ,MAAM,CAACI,aAAD,CAAT;AAAA;AAAA;AAAA,2MAAzB;AAoBPQ,mBAAmB,CAACH,WAApB,GAAkC,qBAAlC;AAEA,OAAO,IAAMI,0BAA0B,GAAGb,MAAM,CAACK,UAAD,CAAT;AAAA;AAAA;AAAA,aACjC;AAAA;AAAA;AAAA,CADiC,CAAhC;AAIPQ,0BAA0B,CAACJ,WAA3B,GAAyC,4BAAzC;AAEA,OAAO,IAAMK,sBAAsB,GAAGd,MAAM,CAACQ,GAAV;AAAA;AAAA;AAAA,6DAG7B;AAAA;AAAA;AAAA;AAAA;AAAA,CAH6B,EAM/B,UAACO,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,SAAhB,IACAf,GADA,WAEM;AAAA;AAAA,GAFN,CADA;AAAA,CAN+B,CAA5B;AAaPa,sBAAsB,CAACL,WAAvB,GAAqC,wBAArC;AAEA,OAAO,IAAMQ,uBAAuB,GAAGjB,MAAM,CAACQ,GAAV;AAAA;AAAA;AAAA,aAC9B;AAAA;AAAA,CAD8B,CAA7B;AAIPS,uBAAuB,CAACR,WAAxB,GAAsC,yBAAtC;AAEA,OAAO,IAAMS,gBAAgB,GAAGlB,MAAM,CAACM,MAAD,CAAT;AAAA;AAAA;AAAA,aACvB;AAAA;AAAA,CADuB,CAAtB;AAIPY,gBAAgB,CAACT,WAAjB,GAA+B,kBAA/B;AAEA,OAAO,IAAMU,iBAAiB,GAAGnB,MAAM,CAACM,MAAD,CAAT;AAAA;AAAA;AAAA,aACxB;AAAA;AAAA,CADwB,CAAvB;AAIPa,iBAAiB,CAACV,WAAlB,GAAgC,mBAAhC;AAEA,OAAO,IAAMW,wBAAwB,GAAGpB,MAAM,CAACM,MAAD,CAAT;AAAA;AAAA;AAAA,aAC/B;AAAA;AAAA;AAAA,CAD+B,CAA9B;AAIPc,wBAAwB,CAACX,WAAzB,GAAuC,0BAAvC;AAEA,OAAO,IAAMY,mBAAmB,GAAGrB,MAAM,CAACsB,GAAV;AAAA;AAAA;AAAA,2GAAzB;AAaPD,mBAAmB,CAACZ,WAApB,GAAkC,qBAAlC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { ConfirmDialog } from \"../ConfirmDialog\";\nimport { DatePicker } from \"../DatePicker\";\nimport { Button } from \"../Button/Button\";\n\nexport const StyledSelectDate = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledSelectDate.displayName = \"StyledSelectDate\";\n\nexport const StyledSelectDateButton = styled.button`\n  margin: 0;\n  padding: 0;\n  border: none;\n  background: none;\n  width: auto;\n  height: auto;\n  color: var(--color-theme-700);\n\n  span,\n  svg {\n    cursor: pointer;\n  }\n  span {\n    color: var(--color-secondary);\n  }\n  svg:hover {\n    fill: var(--color-secondary);\n  }\n`;\n\nStyledSelectDateButton.displayName = \"StyledSelectDateButton\";\n\nexport const StyledConfirmDialog = styled(ConfirmDialog)`\n  .modal-header {\n    padding: 16px 30px;\n    h1 {\n      margin: 0;\n      font-size: 16px;\n    }\n  }\n  .modal-body {\n    padding: 10px 30px;\n  }\n  .modal-divider {\n    border-top: 1px solid var(--border-primary);\n    height: 1px;\n  }\n  .modal-footer {\n    padding: 16px 30px;\n  }\n`;\n\nStyledConfirmDialog.displayName = \"StyledConfirmDialog\";\n\nexport const StyledSelectDateDatePicker = styled(DatePicker)`\n  ${tw`tw-pt-4 tw-pb-2`}\n`;\n\nStyledSelectDateDatePicker.displayName = \"StyledSelectDateDatePicker\";\n\nexport const StyledSelectDateFooter = styled.div<{\n  $mode?: \"atomic\" | \"instant\";\n}>`\n  ${tw`tw-px-4 tw-py-2`}\n  border-top: 1px solid var(--border-primary);\n\n  ${(props) =>\n    props.$mode === \"instant\" &&\n    css`\n      ${tw`tw-flex`}\n    `}\n`;\n\nStyledSelectDateFooter.displayName = \"StyledSelectDateFooter\";\n\nexport const StyledSelectDateButtons = styled.div`\n  ${tw`tw-flex`}\n`;\n\nStyledSelectDateButtons.displayName = \"StyledSelectDateButtons\";\n\nexport const StyledButtonSave = styled(Button)`\n  ${tw`tw-mr-2`}\n`;\n\nStyledButtonSave.displayName = \"StyledButtonSave\";\n\nexport const StyledButtonClose = styled(Button)`\n  ${tw`tw-ml-auto`}\n`;\n\nStyledButtonClose.displayName = \"StyledButtonClose\";\n\nexport const StyledButtonCloseColored = styled(Button)`\n  ${tw`tw-ml-auto tw-mr-auto`}\n`;\n\nStyledButtonCloseColored.displayName = \"StyledButtonCloseColored\";\n\nexport const StyledIconComponent = styled.svg`\n  span,\n  svg {\n    cursor: pointer;\n  }\n  span {\n    color: var(--color-secondary);\n  }\n  svg:hover {\n    fill: var(--color-secondary);\n  }\n`;\n\nStyledIconComponent.displayName = \"StyledIconComponent\";\n"],"file":"Styles.js"}

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

@@ -0,0 +1,2 @@
+export * from "./SelectDate";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SelectDate/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAd","sourcesContent":["export * from \"./SelectDate\";\n"],"file":"index.js"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.js"}