intelicoreact 1.6.2 → 1.6.3

package/dist/Atomic/FormElements/Input/Input.js

@@ -1,13 +1,68 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import cn from "classnames";
-import React, { useEffect, useMemo, useRef, useState } from "react";
-// import InputMask from 'react-input-mask';
-import { KEYBOARD_SERVICE_KEYS } from "../../../Constants/index.constants";
-import { filterNumeric, formatToAddBitDepthPoints as addCommas, formatToOnlyASCIICodeText, formatToRemoveComa as removeCommas, getSafelyValue } from "../../../Functions/fieldValueFormatters";
-import { getIsOnlyAnObject } from "../../../Functions/utils";
-import Spinner from "../../Layout/Spinner/Spinner";
-import DynamicIcon from "../../UI/DynamicIcon/DynamicIcon";
-import "./Input.scss";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _indexconstants = require("../../../Constants/index.constants");
+const _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+const _utils = require("../../../Functions/utils");
+const _Spinner = /*#__PURE__*/ _interop_require_default(require("../../Layout/Spinner/Spinner"));
+const _DynamicIcon = /*#__PURE__*/ _interop_require_default(require("../../UI/DynamicIcon/DynamicIcon"));
+require("./Input.scss");
+function _interop_require_default(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(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(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 = {
+        __proto__: null
+    };
+    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;
+}
 const HIDE_SYMBOL = "\u2022";
 /**
  * Input компонент.
@@ -43,26 +98,26 @@ const HIDE_SYMBOL = "\u2022";
  * @param {boolean} props.isFocusDefault - Определяет, будет ли элемент получать фокус при загрузке страницы.
  * @param {boolean} props.isNotValidateASCII - Отключает проверку ASCII для вводимых символов.
  * @param {boolean} props.isNumericMobileKeyboard - Отображает цифровую клавиатуру на мобильных устройствах.
- */ const Input = /*#__PURE__*/ React.forwardRef(({ blurTrim, autocomplete = "off", isSelect, onChange = ()=>{}, onBlur = ()=>{}, onFocus = ()=>{}, onKeyUp = ()=>{}, onKeyDown = ()=>{}, isNotBlinkErrors, isPriceInput, onlyNumbers, disabled, withDelete, value, placeholder, className, type = "text", mask, maskChar, formatChars, error, icon, iconDynamicKey, iconDynamicProps = {}, symbolsLimit, blinkTime, isFocusDefault = false, isNotValidateASCII = false, isNumericMobileKeyboard = false, isCropFirstNool = false, testId = "input", action, isUseAutoSelect = true, isReadOnly = false, isLoading = false, name, fieldKey, id, attributesOfNativeInput = {} }, ref)=>{
+ */ const Input = /*#__PURE__*/ _react.default.forwardRef(({ blurTrim, autocomplete = "off", isSelect, onChange = ()=>{}, onBlur = ()=>{}, onFocus = ()=>{}, onKeyUp = ()=>{}, onKeyDown = ()=>{}, isNotBlinkErrors, isPriceInput, onlyNumbers, disabled, withDelete, value, placeholder, className, type = "text", mask, maskChar, formatChars, error, icon, iconDynamicKey, iconDynamicProps = {}, symbolsLimit, blinkTime, isFocusDefault = false, isNotValidateASCII = false, isNumericMobileKeyboard = false, isCropFirstNool = false, testId = "input", action, isUseAutoSelect = true, isReadOnly = false, isLoading = false, name, fieldKey, id, attributesOfNativeInput = {} }, ref)=>{
     const { trimStart, trimEnd, characters } = blurTrim || {};
-    const DynamicIconComponent = iconDynamicKey && !icon ? /*#__PURE__*/ _jsx(DynamicIcon, {
+    const DynamicIconComponent = iconDynamicKey && !icon ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_DynamicIcon.default, {
         iconKey: iconDynamicKey,
         ...iconDynamicProps
     }) : null;
     const DEFAULT_BLINK_TIME = 100;
     // STATES
-    const [isFocused, setIsFocused] = useState(false);
-    const [isEditing, setEditing] = useState(false);
-    const inputInnerRef = useRef(null);
-    const inputRef = useMemo(()=>ref || inputInnerRef, [
+    const [isFocused, setIsFocused] = (0, _react.useState)(false);
+    const [isEditing, setEditing] = (0, _react.useState)(false);
+    const inputInnerRef = (0, _react.useRef)(null);
+    const inputRef = (0, _react.useMemo)(()=>ref || inputInnerRef, [
         ref
     ]);
     // const previousValueRef = useRef(value);
-    const [isAttemptToChange, setIsAttemptToChange] = useState(false);
-    const [isToHighlightError, setIsToHighlightError] = useState(false);
-    const [onInputHover, setOnInputHover] = useState(false);
-    const [prevValue, setPreviousValue] = useState(value);
-    const [keyDownData, setKeyDownData] = useState({
+    const [isAttemptToChange, setIsAttemptToChange] = (0, _react.useState)(false);
+    const [isToHighlightError, setIsToHighlightError] = (0, _react.useState)(false);
+    const [onInputHover, setOnInputHover] = (0, _react.useState)(false);
+    const [prevValue, setPreviousValue] = (0, _react.useState)(value);
+    const [keyDownData, setKeyDownData] = (0, _react.useState)({
         start: null,
         end: null,
         keyCode: null
@@ -75,11 +130,11 @@ const HIDE_SYMBOL = "\u2022";
     const handle = {
         correctMinMax: (value, correctionType)=>{
             if (!onlyNumbers) return value;
-            const { min, max, isOnlyPositive, isNoEmptyValues } = getIsOnlyAnObject(onlyNumbers) ? onlyNumbers : {};
+            const { min, max, isOnlyPositive, isNoEmptyValues } = (0, _utils.getIsOnlyAnObject)(onlyNumbers) ? onlyNumbers : {};
             const minimum = !Number.isNaN(Number(min)) && min !== null && (min >= 0 || !isOnlyPositive) ? min : undefined;
             const maximum = !Number.isNaN(Number(max)) && max !== null && (max >= 0 || !isOnlyPositive) ? max : undefined;
             let minusSymbol;
-            let inputValue = getSafelyValue(value);
+            let inputValue = (0, _fieldValueFormatters.getSafelyValue)(value);
             const checkMin = ()=>{
                 if (!inputValue && isNoEmptyValues) inputValue = minimum !== undefined ? minimum : "0";
                 else if (inputValue && !Number.isNaN(Number(minimum)) && Number(minimum) > Number((minusSymbol !== null && minusSymbol !== void 0 ? minusSymbol : "") + inputValue)) inputValue = minimum;
@@ -90,12 +145,12 @@ const HIDE_SYMBOL = "\u2022";
                     minusSymbol = null;
                 }
             };
-            if (isUseBitDepthPoints) inputValue = removeCommas(inputValue);
+            if (isUseBitDepthPoints) inputValue = (0, _fieldValueFormatters.formatToRemoveComa)(inputValue);
             if (!isOnlyPositive && inputValue[0] === "-") {
                 minusSymbol = "-";
                 inputValue = inputValue.slice(1);
             }
-            inputValue = filterNumeric(inputValue, onlyNumbers);
+            inputValue = (0, _fieldValueFormatters.filterNumeric)(inputValue, onlyNumbers);
             switch(correctionType){
                 case "min":
                     checkMin();
@@ -139,19 +194,19 @@ const HIDE_SYMBOL = "\u2022";
             return output;
         },
         change: (e)=>{
-            const { isOnlyPositive } = getIsOnlyAnObject(onlyNumbers) ? onlyNumbers : {};
+            const { isOnlyPositive } = (0, _utils.getIsOnlyAnObject)(onlyNumbers) ? onlyNumbers : {};
             let minusSymbol;
             let inputValue = e.target ? e.target.value : e;
             if (isPseudoPasswordMode) inputValue = inputValue.includes(HIDE_SYMBOL) ? handle.processPseudoValue(inputValue, value, e) : inputValue;
             // If user typed comma(',') replace it to dot('.') for float value typing
             if (isPriceInput && inputValue.charAt(inputValue.length - 1) === ',') inputValue = inputValue.substring(0, inputValue.length - 1).concat('.');
-            if (isUseBitDepthPoints) inputValue = removeCommas(inputValue);
+            if (isUseBitDepthPoints) inputValue = (0, _fieldValueFormatters.formatToRemoveComa)(inputValue);
             if (onlyNumbers) inputValue = inputValue.replace(/,/g, ".");
             if (onlyNumbers && !isOnlyPositive && inputValue[0] === "-") {
                 minusSymbol = "-";
                 inputValue = inputValue.slice(1);
             }
-            if (!isNotValidateASCII) inputValue = formatToOnlyASCIICodeText(inputValue);
+            if (!isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
             if (symbolsLimit && inputValue.length > Number(symbolsLimit)) inputValue = inputValue.substring(0, Number(symbolsLimit));
             if (isCropFirstNool && inputValue[0] == 0) return "";
             else if (onlyNumbers) inputValue = handle.correctMinMax(inputValue, "max");
@@ -166,7 +221,7 @@ const HIDE_SYMBOL = "\u2022";
             onFocus(e);
         },
         blur: (e)=>{
-            let inputValue = handle.correctMinMax(getSafelyValue(value), "min");
+            let inputValue = handle.correctMinMax((0, _fieldValueFormatters.getSafelyValue)(value), "min");
             if (trimStart) inputValue = inputValue.replace(new RegExp(`^[${characters}]+`), "");
             if (trimEnd) inputValue = inputValue.replace(new RegExp(`[${characters}]+$`), "");
             if (value !== inputValue) onChange(inputValue);
@@ -210,24 +265,24 @@ const HIDE_SYMBOL = "\u2022";
                 const samePart = infoAboutDifferencesSameness.same.join("");
                 const differencesLength = infoAboutDifferencesSameness.differences.length;
                 const currentSet = changedValue === null || changedValue === void 0 ? void 0 : changedValue.replace(samePart, "");
-                if (!KEYBOARD_SERVICE_KEYS.includes(e.key) && changedValue === previousValue) setIsAttemptToChange(!(!differencesLength && e.key === currentSet));
+                if (!_indexconstants.KEYBOARD_SERVICE_KEYS.includes(e.key) && changedValue === previousValue) setIsAttemptToChange(!(!differencesLength && e.key === currentSet));
             }
             onKeyUp(e.keyCode, e);
         }
     };
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         var _inputRef_current_focus, _inputRef_current;
         if (isEditing) inputRef === null || inputRef === void 0 ? void 0 : (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : (_inputRef_current_focus = _inputRef_current.focus) === null || _inputRef_current_focus === void 0 ? void 0 : _inputRef_current_focus.call(_inputRef_current);
     }, [
         isEditing,
         isFocused
     ]);
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         setEditing(isSelect !== null && isSelect !== void 0 ? isSelect : false);
     }, [
         isSelect
     ]);
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         if (isUseErrorsBlink && isAttemptToChange) {
             setIsAttemptToChange(null);
             setIsToHighlightError(true);
@@ -238,7 +293,7 @@ const HIDE_SYMBOL = "\u2022";
     }, [
         isAttemptToChange
     ]);
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         if ((inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && typeof isFocusDefault === "boolean") setIsFocused(isFocusDefault);
         setEditing(isFocusDefault);
     }, [
@@ -250,16 +305,16 @@ const HIDE_SYMBOL = "\u2022";
         return type;
     };
     const formatedValue = (()=>{
-        let safelyValue = getSafelyValue(value);
+        let safelyValue = (0, _fieldValueFormatters.getSafelyValue)(value);
         const hideSymbols = ()=>safelyValue.split("").map(()=>HIDE_SYMBOL).join("");
         if (isPseudoPasswordMode) return hideSymbols();
         if (onlyNumbers === null || onlyNumbers === void 0 ? void 0 : onlyNumbers.isNoEmptyValues) safelyValue = handle.correctMinMax(safelyValue, "min");
-        if (isUseBitDepthPoints) safelyValue = addCommas(safelyValue, onlyNumbers);
+        if (isUseBitDepthPoints) safelyValue = (0, _fieldValueFormatters.formatToAddBitDepthPoints)(safelyValue, onlyNumbers);
         return safelyValue;
     })();
     const uniProps = {
         name: inputName,
-        className: cn("input", className, {
+        className: (0, _classnames.default)("input", className, {
             "input--with-icon": icon,
             "input--with-delete": withDelete
         }),
@@ -279,9 +334,9 @@ const HIDE_SYMBOL = "\u2022";
             formatChars
         } : {}
     };
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
         "data-testid": testId,
-        className: cn(`input__wrap`, {
+        className: (0, _classnames.default)(`input__wrap`, {
             [`input__wrap_focus`]: isFocused
         }, {
             [`input__wrap_error`]: error || isToHighlightError
@@ -291,7 +346,7 @@ const HIDE_SYMBOL = "\u2022";
         onMouseEnter: ()=>setOnInputHover(true),
         onMouseLeave: ()=>setOnInputHover(false),
         children: [
-            /*#__PURE__*/ _jsx("input", {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
                 readOnly: isReadOnly,
                 ...uniProps,
                 ref: inputRef,
@@ -312,16 +367,16 @@ const HIDE_SYMBOL = "\u2022";
             }),
             DynamicIconComponent !== null && DynamicIconComponent !== void 0 ? DynamicIconComponent : icon,
             action,
-            withDelete && onInputHover && /*#__PURE__*/ _jsx("span", {
-                className: cn(`input__close`, {
-                    hidden: !getSafelyValue(value)
+            withDelete && onInputHover && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                className: (0, _classnames.default)(`input__close`, {
+                    hidden: !(0, _fieldValueFormatters.getSafelyValue)(value)
                 }),
                 onClick: handle.toggleEdit
             }),
-            isLoading && /*#__PURE__*/ _jsx(Spinner, {
+            isLoading && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Spinner.default, {
                 size: "small"
             })
         ]
     });
 });
-export default Input;
+const _default = Input;

package/dist/Atomic/FormElements/Input/Input.stories.js

@@ -1,11 +1,75 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useState } from 'react';
-import Input from './Input';
-import '../../../../../scss/main.scss';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    InputTemplate: function() {
+        return InputTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _Input = /*#__PURE__*/ _interop_require_default(require("./Input"));
+require("../../../../../scss/main.scss");
+function _interop_require_default(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(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(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 = {
+        __proto__: null
+    };
+    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;
+}
 global.lng = 'en';
-export default {
+const _default = {
     title: 'Form Elements/Input',
-    component: Input,
+    component: _Input.default,
     argTypes: {
         disabled: {
             description: 'Disable input. Default is false.',
@@ -126,15 +190,15 @@ const styles = {
     with: '200px'
 };
 const Template = (args)=>{
-    const [value, setValue] = useState();
-    return /*#__PURE__*/ _jsx(Input, {
+    const [value, setValue] = (0, _react.useState)();
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
         ...args,
         style: styles,
         value: value,
         onChange: setValue
     });
 };
-export const InputTemplate = Template.bind({});
+const InputTemplate = Template.bind({});
 InputTemplate.args = {
     onlyNumbers: {
         type: 'float',

package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js

@@ -1,21 +1,77 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useEffect, useRef, useState } from "react";
-import cn from "classnames";
-import moment from "moment-timezone";
-import InputMask from "react-input-mask";
-import { useClickOutside } from "../../../Functions/useClickOutside";
-import Calendar from "../Calendar/Calendar";
-import "./InputCalendar.scss";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _momenttimezone = /*#__PURE__*/ _interop_require_default(require("moment-timezone"));
+const _reactinputmask = /*#__PURE__*/ _interop_require_default(require("react-input-mask"));
+const _useClickOutside = require("../../../Functions/useClickOutside");
+const _Calendar = /*#__PURE__*/ _interop_require_default(require("../Calendar/Calendar"));
+require("./InputCalendar.scss");
+function _interop_require_default(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(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(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 = {
+        __proto__: null
+    };
+    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;
+}
 const InputCalendar = ({ value, minDate, maxDate, format = "MM/DD/YYYY", isDontLimitFuture, onChange, className = "", placeholder = "mm/dd/yyyy", mask = "99/99/9999", isListTop, disabled, disabledFormattedMaxDate = false, testId = "input-calendar", onKeyDown: onKeyDownProp = (e)=>{}, onKeyUp: onKeyUpProp = (e)=>{}, onBlur: onBlurProp = (e)=>{} })=>{
-    const [isOpened, setIsOpened] = useState(null);
-    const [isOpenedByEnter, setOpenedByEnter] = useState(false);
-    const calendarRef = useRef(null);
-    const inputRef = useRef(null);
-    const formattedMinDate = moment(minDate, format).format(format) !== "Invalid date" ? moment(minDate, format).format(format) : null;
-    const formattedMaxDate = moment(maxDate, format).format(format) !== "Invalid date" ? moment(maxDate, format).format(format) : null;
-    const momentMinDate = moment(formattedMinDate, format).startOf("day");
-    const momentMaxDate = moment(formattedMaxDate, format).startOf("day");
-    useClickOutside(calendarRef, ()=>setIsOpened(false));
+    const [isOpened, setIsOpened] = (0, _react.useState)(null);
+    const [isOpenedByEnter, setOpenedByEnter] = (0, _react.useState)(false);
+    const calendarRef = (0, _react.useRef)(null);
+    const inputRef = (0, _react.useRef)(null);
+    const formattedMinDate = (0, _momenttimezone.default)(minDate, format).format(format) !== "Invalid date" ? (0, _momenttimezone.default)(minDate, format).format(format) : null;
+    const formattedMaxDate = (0, _momenttimezone.default)(maxDate, format).format(format) !== "Invalid date" ? (0, _momenttimezone.default)(maxDate, format).format(format) : null;
+    const momentMinDate = (0, _momenttimezone.default)(formattedMinDate, format).startOf("day");
+    const momentMaxDate = (0, _momenttimezone.default)(formattedMaxDate, format).startOf("day");
+    (0, _useClickOutside.useClickOutside)(calendarRef, ()=>setIsOpened(false));
     const changeInputValue = (val)=>{
         if (onChange) onChange(val);
     };
@@ -23,11 +79,11 @@ const InputCalendar = ({ value, minDate, maxDate, format = "MM/DD/YYYY", isDontL
         if (onChange) onChange(val);
     };
     const getCalendarValue = (value)=>{
-        const date = moment(value).format("L");
+        const date = (0, _momenttimezone.default)(value).format("L");
         if (date !== "Invalid date") return date;
-        return moment(new Date()).format("L");
+        return (0, _momenttimezone.default)(new Date()).format("L");
     };
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         if (typeof isOpened === "boolean" && !isOpened) {
             handleBlur();
         }
@@ -37,10 +93,10 @@ const InputCalendar = ({ value, minDate, maxDate, format = "MM/DD/YYYY", isDontL
     const handleBlur = (e)=>{
         var _inputRef_current;
         let value = inputRef === null || inputRef === void 0 ? void 0 : (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.value;
-        if (moment(value, format).format(format) === "Invalid date" || value.indexOf("_") > -1) value = "";
-        if (value && typeof isOpened === "boolean" && moment(value, format).startOf("day").isBefore(momentMinDate, "days")) onChange(formattedMinDate);
-        else if (value && typeof isOpened === "boolean" && moment(value, format).endOf("day").isAfter(momentMaxDate, "days")) onChange(formattedMaxDate);
-        else if (value) onChange(moment(value, format).format(format));
+        if ((0, _momenttimezone.default)(value, format).format(format) === "Invalid date" || value.indexOf("_") > -1) value = "";
+        if (value && typeof isOpened === "boolean" && (0, _momenttimezone.default)(value, format).startOf("day").isBefore(momentMinDate, "days")) onChange(formattedMinDate);
+        else if (value && typeof isOpened === "boolean" && (0, _momenttimezone.default)(value, format).endOf("day").isAfter(momentMaxDate, "days")) onChange(formattedMaxDate);
+        else if (value) onChange((0, _momenttimezone.default)(value, format).format(format));
     };
     const onKeyDown = (e)=>{
         if (isOpened && [
@@ -70,14 +126,14 @@ const InputCalendar = ({ value, minDate, maxDate, format = "MM/DD/YYYY", isDontL
         }
         onKeyUpProp(e);
     };
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
         "data-testid": testId,
-        className: cn("input__wrap calendar-container", className, {
+        className: (0, _classnames.default)("input__wrap calendar-container", className, {
             "calendar-container_disabled": disabled
         }),
         ref: calendarRef,
         children: [
-            /*#__PURE__*/ _jsx(InputMask, {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactinputmask.default, {
                 mask: mask,
                 placeholder: placeholder,
                 value: value,
@@ -89,7 +145,7 @@ const InputCalendar = ({ value, minDate, maxDate, format = "MM/DD/YYYY", isDontL
                 onBlur: onBlurProp,
                 ref: inputRef
             }),
-            isOpened ? /*#__PURE__*/ _jsx(Calendar, {
+            isOpened ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Calendar.default, {
                 date: getCalendarValue(value),
                 setDate: (newDate)=>changeCalendarDay(newDate),
                 params: {
@@ -106,4 +162,4 @@ const InputCalendar = ({ value, minDate, maxDate, format = "MM/DD/YYYY", isDontL
         ]
     });
 };
-export default InputCalendar;
+const _default = InputCalendar;

package/dist/Atomic/FormElements/InputCalendar/InputCalendar.stories.js

@@ -1,11 +1,75 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useState } from 'react';
-import InputCalendar from './InputCalendar';
-import '../../../../../scss/main.scss';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    CalendarTemplate: function() {
+        return CalendarTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _InputCalendar = /*#__PURE__*/ _interop_require_default(require("./InputCalendar"));
+require("../../../../../scss/main.scss");
+function _interop_require_default(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(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(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 = {
+        __proto__: null
+    };
+    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;
+}
 global.lng = 'en';
-export default {
+const _default = {
     title: 'Form Elements/Input Calendar',
-    component: InputCalendar,
+    component: _InputCalendar.default,
     argTypes: {
         value: {
             description: 'string (mm.dd.yyyy)'
@@ -13,25 +77,25 @@ export default {
     }
 };
 const Template = (args)=>{
-    const [date, setDate] = useState('');
-    const [disabled, setDisabled] = useState(false);
-    return /*#__PURE__*/ _jsxs(_Fragment, {
+    const [date, setDate] = (0, _react.useState)('');
+    const [disabled, setDisabled] = (0, _react.useState)(false);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
-            /*#__PURE__*/ _jsx("input", {}),
-            /*#__PURE__*/ _jsx(InputCalendar, {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {}),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputCalendar.default, {
                 ...args,
                 value: date,
                 onChange: (val)=>setDate(val),
                 disabled: disabled
             }),
-            /*#__PURE__*/ _jsx("div", {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                 style: {
                     display: 'flex',
                     flexFlow: 'row nowrap',
                     justifyContent: 'flex-end',
                     marginTop: '10px'
                 },
-                children: /*#__PURE__*/ _jsx("button", {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
                     style: {
                         border: 'solid 1px black',
                         padding: '10px',
@@ -44,7 +108,7 @@ const Template = (args)=>{
         ]
     });
 };
-export const CalendarTemplate = Template.bind({});
+const CalendarTemplate = Template.bind({});
 CalendarTemplate.args = {
     minDate: '01/10/1990',
     maxDate: '04/20/2022'