indicator-ui 0.0.326 → 0.0.328

package/dist/index.js

@@ -42294,16 +42294,28 @@ function useSmartPosition() {
     }
   };
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    var observer = new ResizeObserver(resizeListener);
+    var viewObserver = new IntersectionObserver(function (entries) {
+      entries.forEach(function (entry) {
+        if (entry.isIntersecting) {
+          resizeListener();
+        }
+      });
+    }, {
+      threshold: [0, 0.5, 1]
+    });
+    var resizeObserver = new ResizeObserver(resizeListener);
     var clearListeners = function clearListeners() {
-      if (parentRef !== null && parentRef !== void 0 && parentRef.current) observer.unobserve(parentRef.current);
-      if (windowRef !== null && windowRef !== void 0 && windowRef.current) observer.unobserve(windowRef.current);
+      if (ref.current) viewObserver.unobserve(ref.current);
+      if (parentRef !== null && parentRef !== void 0 && parentRef.current) viewObserver.unobserve(parentRef.current);
+      if (windowRef !== null && windowRef !== void 0 && windowRef.current) resizeObserver.unobserve(windowRef.current);
       window.removeEventListener('resize', resizeListener);
+      window.removeEventListener('scroll', resizeListener);
     };
     var setUpListeners = function setUpListeners() {
       window.addEventListener('resize', resizeListener);
-      if (parentRef !== null && parentRef !== void 0 && parentRef.current) observer.observe(parentRef.current);
-      if (windowRef !== null && windowRef !== void 0 && windowRef.current) observer.observe(windowRef.current);
+      if (ref.current) viewObserver.observe(ref.current);
+      if (parentRef !== null && parentRef !== void 0 && parentRef.current) viewObserver.observe(parentRef.current);
+      if (windowRef !== null && windowRef !== void 0 && windowRef.current) resizeObserver.observe(windowRef.current);
     };
     configurateObj();
     resizeListener();
@@ -42631,7 +42643,7 @@ function useSmartScroll() {
       } else if (direction === 'to-end' && (0,_utils__WEBPACK_IMPORTED_MODULE_2__.isScrollInEnd)(scrollTop, scrollHeight, clientHeight, delayPx)) {
         _onScrollEnd();
       }
-      onScroll({
+      onScroll === null || onScroll === void 0 || onScroll({
         scrollTop: scrollTop,
         scrollHeight: scrollHeight,
         clientHeight: clientHeight,
@@ -43762,7 +43774,7 @@ function saveFormatDate(date, _ref) {
       locale: locale
     });
   } catch (e) {
-    console.warn("Format Date: ".concat(date), e);
+    // console.warn(`Format Date: ${date}`, e)
   }
   return errorNull ? null : date;
 }
@@ -43804,7 +43816,7 @@ function saveParseDate(date, _ref) {
     }
     return parsedDate;
   } catch (e) {
-    console.warn("Parse Date: ".concat(date), e);
+    // console.warn(`Parse Date: ${date}`, e)
   }
   return null;
 }
@@ -44023,7 +44035,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"button":"Buttons-module__button___I3yLe","icon":"Buttons-module__icon___U2AOU","text":"Buttons-module__text___htxqX","widthFill":"Buttons-module__widthFill___HXb85","widthHug":"Buttons-module__widthHug___Uy38K","heightFill":"Buttons-module__heightFill___dwVrw","heightHug":"Buttons-module__heightHug___El1C3","small":"Buttons-module__small___x1NQN","medium":"Buttons-module__medium___BZfsd","large":"Buttons-module__large____KUDT","ultra":"Buttons-module__ultra___zBezN","primary":"Buttons-module__primary____crHN","disabled":"Buttons-module__disabled___INiFx","secondaryColor":"Buttons-module__secondaryColor___GONLZ","secondaryGray":"Buttons-module__secondaryGray___yu1Ne","tertiaryWhite":"Buttons-module__tertiaryWhite___QIZOq","tertiaryColor":"Buttons-module__tertiaryColor___DwXbw","tertiaryGray":"Buttons-module__tertiaryGray___y75cu","linkColor":"Buttons-module__linkColor___Kg7EN","linkBlack":"Buttons-module__linkBlack___WfA7t","linkGray":"Buttons-module__linkGray___CQYUd","tabActive":"Buttons-module__tabActive___chlqq","tab":"Buttons-module__tab___yBTjo","warning":"Buttons-module__warning___RaAeB"});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"button":"Buttons-module__button___I3yLe","icon":"Buttons-module__icon___U2AOU","content":"Buttons-module__content___lPb5_","text":"Buttons-module__text___htxqX","textSecondary":"Buttons-module__textSecondary___zZocr","widthFill":"Buttons-module__widthFill___HXb85","widthHug":"Buttons-module__widthHug___Uy38K","heightFill":"Buttons-module__heightFill___dwVrw","heightHug":"Buttons-module__heightHug___El1C3","small":"Buttons-module__small___x1NQN","medium":"Buttons-module__medium___BZfsd","large":"Buttons-module__large____KUDT","ultra":"Buttons-module__ultra___zBezN","primary":"Buttons-module__primary____crHN","disabled":"Buttons-module__disabled___INiFx","secondaryColor":"Buttons-module__secondaryColor___GONLZ","secondaryGray":"Buttons-module__secondaryGray___yu1Ne","tertiaryWhite":"Buttons-module__tertiaryWhite___QIZOq","tertiaryColor":"Buttons-module__tertiaryColor___DwXbw","tertiaryGray":"Buttons-module__tertiaryGray___y75cu","linkColor":"Buttons-module__linkColor___Kg7EN","linkBlack":"Buttons-module__linkBlack___WfA7t","linkGray":"Buttons-module__linkGray___CQYUd","tabActive":"Buttons-module__tabActive___chlqq","tab":"Buttons-module__tab___yBTjo","warning":"Buttons-module__warning___RaAeB"});
 
 /***/ }),
 
@@ -44086,7 +44098,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
 /* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../styles */ "./src/ui/Buttons/styles/index.ts");
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["children", "text", "iconLeft", "iconRight", "hierarchy", "warning", "size", "width", "height", "additionStyles", "customComponent", "disabled"];
+var _excluded = ["children", "text", "textSecondary", "iconLeft", "iconRight", "hierarchy", "warning", "size", "width", "height", "additionStyles", "customComponent", "disabled"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -44101,6 +44113,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 var Button = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_props, ref) {
   var children = _props.children,
     text = _props.text,
+    textSecondary = _props.textSecondary,
     iconLeft = _props.iconLeft,
     iconRight = _props.iconRight,
     _props$hierarchy = _props.hierarchy,
@@ -44175,15 +44188,27 @@ var Button = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(func
   var getWarningStyles = function getWarningStyles() {
     return warning ? _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.warning : '';
   };
+  var getTextContent = function getTextContent() {
+    var resText = children || text;
+    if (resText || textSecondary) {
+      return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+        className: _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.content,
+        children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", {
+          className: _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.text,
+          children: resText
+        }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", {
+          className: _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.textSecondary,
+          children: textSecondary
+        })]
+      });
+    }
+  };
   var getMainContent = function getMainContent() {
     return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
       children: [iconLeft && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", {
         className: _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.icon,
         children: iconLeft
-      }), (children || text) && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", {
-        className: _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.text,
-        children: text || children
-      }), iconRight && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", {
+      }), getTextContent(), iconRight && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", {
         className: _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.icon,
         children: iconRight
       })]
@@ -45315,6 +45340,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   DAYS_NUM_IN_DATE_PICKER: () => (/* reexport safe */ _const__WEBPACK_IMPORTED_MODULE_3__.DAYS_NUM_IN_DATE_PICKER),
 /* harmony export */   DatePicker: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.DatePicker),
 /* harmony export */   DateTimePicker: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.DateTimePicker),
+/* harmony export */   DateTimePickerSmart: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.DateTimePickerSmart),
 /* harmony export */   ELEMENT_ATTRIBUTE_NAME: () => (/* reexport safe */ _config__WEBPACK_IMPORTED_MODULE_4__.ELEMENT_ATTRIBUTE_NAME),
 /* harmony export */   Footer: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.Footer),
 /* harmony export */   Header: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.Header),
@@ -46307,6 +46333,64 @@ function DateTimePicker(_ref) {
 
 /***/ }),
 
+/***/ "./src/ui/DateTimePicker/ui/DateTimePickerSmart.tsx":
+/*!**********************************************************!*\
+  !*** ./src/ui/DateTimePicker/ui/DateTimePickerSmart.tsx ***!
+  \**********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   DateTimePickerSmart: () => (/* binding */ DateTimePickerSmart)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/hooks */ "./src/hooks/index.ts");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["className", "isShow", "close", "parentRef", "position"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+
+
+
+
+function DateTimePickerSmartMain(props) {
+  var wrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
+  var className = props.className,
+    isShow = props.isShow,
+    close = props.close,
+    parentRef = props.parentRef,
+    position = props.position,
+    anotherProps = _objectWithoutProperties(props, _excluded);
+  (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useInteractiveZone)(parentRef || wrapperRef, {
+    onMissClick: close
+  });
+  (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useSmartPosition)(wrapperRef, {
+    parentRef: parentRef,
+    position: position
+  });
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
+    className: className,
+    ref: wrapperRef,
+    children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_2__.DateTimePicker, _objectSpread({}, anotherProps))
+  });
+}
+function DateTimePickerSmart(props) {
+  var isShow = props.isShow;
+  return isShow ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(DateTimePickerSmartMain, _objectSpread({}, props)) : undefined;
+}
+
+/***/ }),
+
 /***/ "./src/ui/DateTimePicker/ui/components/CalendarButton.tsx":
 /*!****************************************************************!*\
   !*** ./src/ui/DateTimePicker/ui/components/CalendarButton.tsx ***!
@@ -46827,25 +46911,28 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   CalendarButton: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_1__.CalendarButton),
-/* harmony export */   CalendarDay: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_1__.CalendarDay),
-/* harmony export */   CalendarMonth: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_1__.CalendarMonth),
-/* harmony export */   CalendarYear: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_1__.CalendarYear),
-/* harmony export */   DatePicker: () => (/* reexport safe */ _pickers__WEBPACK_IMPORTED_MODULE_3__.DatePicker),
+/* harmony export */   CalendarButton: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_2__.CalendarButton),
+/* harmony export */   CalendarDay: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_2__.CalendarDay),
+/* harmony export */   CalendarMonth: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_2__.CalendarMonth),
+/* harmony export */   CalendarYear: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_2__.CalendarYear),
+/* harmony export */   DatePicker: () => (/* reexport safe */ _pickers__WEBPACK_IMPORTED_MODULE_4__.DatePicker),
 /* harmony export */   DateTimePicker: () => (/* reexport safe */ _DateTimePicker__WEBPACK_IMPORTED_MODULE_0__.DateTimePicker),
-/* harmony export */   Footer: () => (/* reexport safe */ _parts__WEBPACK_IMPORTED_MODULE_2__.Footer),
-/* harmony export */   Header: () => (/* reexport safe */ _parts__WEBPACK_IMPORTED_MODULE_2__.Header),
-/* harmony export */   Main: () => (/* reexport safe */ _parts__WEBPACK_IMPORTED_MODULE_2__.Main),
-/* harmony export */   MonthPicker: () => (/* reexport safe */ _pickers__WEBPACK_IMPORTED_MODULE_3__.MonthPicker),
-/* harmony export */   TimePicker: () => (/* reexport safe */ _pickers__WEBPACK_IMPORTED_MODULE_3__.TimePicker),
-/* harmony export */   TimePickerFeed: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_1__.TimePickerFeed),
-/* harmony export */   TimePickerTag: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_1__.TimePickerTag),
-/* harmony export */   YearPicker: () => (/* reexport safe */ _pickers__WEBPACK_IMPORTED_MODULE_3__.YearPicker)
+/* harmony export */   DateTimePickerSmart: () => (/* reexport safe */ _DateTimePickerSmart__WEBPACK_IMPORTED_MODULE_1__.DateTimePickerSmart),
+/* harmony export */   Footer: () => (/* reexport safe */ _parts__WEBPACK_IMPORTED_MODULE_3__.Footer),
+/* harmony export */   Header: () => (/* reexport safe */ _parts__WEBPACK_IMPORTED_MODULE_3__.Header),
+/* harmony export */   Main: () => (/* reexport safe */ _parts__WEBPACK_IMPORTED_MODULE_3__.Main),
+/* harmony export */   MonthPicker: () => (/* reexport safe */ _pickers__WEBPACK_IMPORTED_MODULE_4__.MonthPicker),
+/* harmony export */   TimePicker: () => (/* reexport safe */ _pickers__WEBPACK_IMPORTED_MODULE_4__.TimePicker),
+/* harmony export */   TimePickerFeed: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_2__.TimePickerFeed),
+/* harmony export */   TimePickerTag: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_2__.TimePickerTag),
+/* harmony export */   YearPicker: () => (/* reexport safe */ _pickers__WEBPACK_IMPORTED_MODULE_4__.YearPicker)
 /* harmony export */ });
 /* harmony import */ var _DateTimePicker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./DateTimePicker */ "./src/ui/DateTimePicker/ui/DateTimePicker.tsx");
-/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components */ "./src/ui/DateTimePicker/ui/components/index.ts");
-/* harmony import */ var _parts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./parts */ "./src/ui/DateTimePicker/ui/parts/index.ts");
-/* harmony import */ var _pickers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./pickers */ "./src/ui/DateTimePicker/ui/pickers/index.ts");
+/* harmony import */ var _DateTimePickerSmart__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DateTimePickerSmart */ "./src/ui/DateTimePicker/ui/DateTimePickerSmart.tsx");
+/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components */ "./src/ui/DateTimePicker/ui/components/index.ts");
+/* harmony import */ var _parts__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./parts */ "./src/ui/DateTimePicker/ui/parts/index.ts");
+/* harmony import */ var _pickers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./pickers */ "./src/ui/DateTimePicker/ui/pickers/index.ts");
+
 
 
 
@@ -49187,7 +49274,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../lib */ "./src/ui/InputFields/DateTimeField/lib/index.ts");
 /* harmony import */ var _DateFieldBase__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./DateFieldBase */ "./src/ui/InputFields/DateTimeField/ui/DateFieldBase.tsx");
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["value", "onChange", "dateFormat", "outFormat", "additionStyle", "datePlaceholder", "iconDate", "textDate", "clearButton", "isError", "disabled", "onFocus", "onBlur", "width"];
+var _excluded = ["value", "onChange", "dateFormat", "outFormat", "additionStyle", "datePlaceholder", "iconDate", "textDate", "clearButton", "isError", "disabled", "onFocus", "onBlur", "width", "position"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -49234,6 +49321,8 @@ function DateField(_ref) {
     onBlur = _ref.onBlur,
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? 'fill' : _ref$width,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? 'absolute' : _ref$position,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -49346,6 +49435,9 @@ function DateField(_ref) {
       setIsShowModalWindow(false);
     }
   };
+  var closePicker = function closePicker() {
+    return setIsShowModalWindow(false);
+  };
   return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
     ref: dateTimeFieldRef,
     className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_7__.DateTimeFieldStyle.DateTimeField, _defineProperty(_defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_7__.DateTimeFieldStyle.widthFill, width === 'fill'), _styles__WEBPACK_IMPORTED_MODULE_7__.DateTimeFieldStyle.widthHug, width === 'hug')),
@@ -49358,19 +49450,18 @@ function DateField(_ref) {
       isError: isError,
       disabled: disabled,
       onXClose: clearDateTime()
-    }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_4__.ModalWindowWrapper, {
+    }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_4__.DateTimePickerSmart, {
+      type: 'date',
+      date: getDateTimeForDateTimePicker(),
+      onSubmit: onSubmit,
+      onCancel: function onCancel() {
+        return setIsShowModalWindow(false);
+      },
+      parentRef: dateTimeFieldRef,
       isShow: isShowModalWindow,
-      setIsShow: setIsShowModalWindow,
-      additionElements: [dateTimeFieldRef.current],
-      className: _styles__WEBPACK_IMPORTED_MODULE_7__.DateTimeFieldStyle.modalWindow,
-      children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_4__.DateTimePicker, {
-        type: 'date',
-        date: getDateTimeForDateTimePicker(),
-        onSubmit: onSubmit,
-        onCancel: function onCancel() {
-          return setIsShowModalWindow(false);
-        }
-      })
+      close: closePicker,
+      position: position,
+      className: _styles__WEBPACK_IMPORTED_MODULE_7__.DateTimeFieldStyle.modalWindow
     })]
   });
 }
@@ -49504,15 +49595,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
 /* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
 /* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/assets */ "./src/assets/index.ts");
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/hooks */ "./src/hooks/index.ts");
-/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @/lib */ "./src/lib/index.ts");
-/* harmony import */ var _DateTimeFieldMask__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../DateTimeFieldMask */ "./src/ui/InputFields/DateTimeFieldMask/index.ts");
-/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../styles */ "./src/ui/InputFields/DateTimeField/styles/index.ts");
-/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../lib */ "./src/ui/InputFields/DateTimeField/lib/index.ts");
-/* harmony import */ var _TimeFieldBase__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./TimeFieldBase */ "./src/ui/InputFields/DateTimeField/ui/TimeFieldBase.tsx");
-/* harmony import */ var _DateFieldBase__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./DateFieldBase */ "./src/ui/InputFields/DateTimeField/ui/DateFieldBase.tsx");
+/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/lib */ "./src/lib/index.ts");
+/* harmony import */ var _DateTimeFieldMask__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../DateTimeFieldMask */ "./src/ui/InputFields/DateTimeFieldMask/index.ts");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../styles */ "./src/ui/InputFields/DateTimeField/styles/index.ts");
+/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../lib */ "./src/ui/InputFields/DateTimeField/lib/index.ts");
+/* harmony import */ var _TimeFieldBase__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./TimeFieldBase */ "./src/ui/InputFields/DateTimeField/ui/TimeFieldBase.tsx");
+/* harmony import */ var _DateFieldBase__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./DateFieldBase */ "./src/ui/InputFields/DateTimeField/ui/DateFieldBase.tsx");
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["value", "onChange", "dateFormat", "timeFormat", "outFormat", "additionStyle", "datePlaceholder", "timePlaceholder", "iconDate", "iconTime", "textDate", "textTime", "clearButton", "isError", "disabled", "onFocus", "onBlur", "width"];
+var _excluded = ["value", "onChange", "dateFormat", "timeFormat", "outFormat", "additionStyle", "datePlaceholder", "timePlaceholder", "iconDate", "iconTime", "textDate", "textTime", "clearButton", "isError", "disabled", "onFocus", "onBlur", "width", "position"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -49537,7 +49627,6 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 
 
-
 function DateTimeField(_ref) {
   var value = _ref.value,
     onChange = _ref.onChange,
@@ -49568,6 +49657,8 @@ function DateTimeField(_ref) {
     onBlur = _ref.onBlur,
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? 'fill' : _ref$width,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? 'absolute' : _ref$position,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -49578,7 +49669,7 @@ function DateTimeField(_ref) {
     isShowModalWindow = _useState4[0],
     setIsShowModalWindow = _useState4[1];
   var dateTimeFieldRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
-  var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)((0,_lib__WEBPACK_IMPORTED_MODULE_9__.getTimeFromValue)({
+  var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)((0,_lib__WEBPACK_IMPORTED_MODULE_8__.getTimeFromValue)({
       value: value,
       outFormat: outFormat,
       timeFormat: timeFormat
@@ -49586,7 +49677,7 @@ function DateTimeField(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     time = _useState6[0],
     setTime = _useState6[1];
-  var _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)((0,_lib__WEBPACK_IMPORTED_MODULE_9__.getDateFromValue)({
+  var _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)((0,_lib__WEBPACK_IMPORTED_MODULE_8__.getDateFromValue)({
       value: value,
       outFormat: outFormat,
       dateFormat: dateFormat
@@ -49597,7 +49688,7 @@ function DateTimeField(_ref) {
   // Получаем дату в выходном формате
   // (в формате, который понимает внешний приемник и поле, формат скрыт от пользователя)
   var getDateTimeFormatValue = function getDateTimeFormatValue(newValue) {
-    return newValue ? (0,_lib__WEBPACK_IMPORTED_MODULE_6__.saveFormatDate)(newValue, {
+    return newValue ? (0,_lib__WEBPACK_IMPORTED_MODULE_5__.saveFormatDate)(newValue, {
       to: outFormat,
       errorNull: true
     }) : null;
@@ -49605,8 +49696,8 @@ function DateTimeField(_ref) {
   // Получение даты компонента
   var getDateTimeValue = function getDateTimeValue() {
     var resDate = new Date();
-    (0,_lib__WEBPACK_IMPORTED_MODULE_9__.setDateInDate)(resDate, date, dateFormat);
-    (0,_lib__WEBPACK_IMPORTED_MODULE_9__.setTimeInDate)(resDate, time, timeFormat);
+    (0,_lib__WEBPACK_IMPORTED_MODULE_8__.setDateInDate)(resDate, date, dateFormat);
+    (0,_lib__WEBPACK_IMPORTED_MODULE_8__.setTimeInDate)(resDate, time, timeFormat);
     return resDate;
   };
   // Получение форматированной даты компонента
@@ -49624,7 +49715,7 @@ function DateTimeField(_ref) {
   var getDateTimeForDateTimePicker = function getDateTimeForDateTimePicker() {
     var resDate = undefined;
     if (time || date) {
-      resDate = (0,_lib__WEBPACK_IMPORTED_MODULE_6__.saveFormatDate)(getDateTimeValue(), {
+      resDate = (0,_lib__WEBPACK_IMPORTED_MODULE_5__.saveFormatDate)(getDateTimeValue(), {
         errorNull: true
       });
     }
@@ -49633,12 +49724,12 @@ function DateTimeField(_ref) {
   var setDateTime = function setDateTime(newDate) {
     var curValue = getDateTimeFormatValue(newDate);
     if (value !== curValue && curValue) {
-      setTime((0,_lib__WEBPACK_IMPORTED_MODULE_9__.getTimeFromValue)({
+      setTime((0,_lib__WEBPACK_IMPORTED_MODULE_8__.getTimeFromValue)({
         value: curValue,
         outFormat: outFormat,
         timeFormat: timeFormat
       }));
-      setDate((0,_lib__WEBPACK_IMPORTED_MODULE_9__.getDateFromValue)({
+      setDate((0,_lib__WEBPACK_IMPORTED_MODULE_8__.getDateFromValue)({
         value: curValue,
         outFormat: outFormat,
         dateFormat: dateFormat
@@ -49647,7 +49738,7 @@ function DateTimeField(_ref) {
   };
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
     var _saveParseDate;
-    setDateTime((_saveParseDate = (0,_lib__WEBPACK_IMPORTED_MODULE_6__.saveParseDate)(value, {
+    setDateTime((_saveParseDate = (0,_lib__WEBPACK_IMPORTED_MODULE_5__.saveParseDate)(value, {
       errorNull: true
     })) !== null && _saveParseDate !== void 0 ? _saveParseDate : undefined);
   }, [value]);
@@ -49674,7 +49765,7 @@ function DateTimeField(_ref) {
     setIsShowModalWindow(true);
   };
   var getTimeContent = function getTimeContent() {
-    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_TimeFieldBase__WEBPACK_IMPORTED_MODULE_10__.TimeFieldBase, _objectSpread(_objectSpread({}, props), {}, {
+    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_TimeFieldBase__WEBPACK_IMPORTED_MODULE_9__.TimeFieldBase, _objectSpread(_objectSpread({}, props), {}, {
       placeholder: timePlaceholder,
       onChange: setTime,
       onBlur: handleBlur,
@@ -49682,11 +49773,11 @@ function DateTimeField(_ref) {
       value: time,
       timeFormat: timeFormat,
       disabled: disabled,
-      className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_8__.DateTimeFieldStyle.flexField, _defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_8__.DateTimeFieldStyle.disabled, disabled))
+      className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_7__.DateTimeFieldStyle.flexField, _defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_7__.DateTimeFieldStyle.disabled, disabled))
     }));
   };
   var getDateContent = function getDateContent() {
-    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_DateFieldBase__WEBPACK_IMPORTED_MODULE_11__.DateFieldBase, _objectSpread(_objectSpread({}, props), {}, {
+    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_DateFieldBase__WEBPACK_IMPORTED_MODULE_10__.DateFieldBase, _objectSpread(_objectSpread({}, props), {}, {
       placeholder: datePlaceholder,
       value: date,
       onBlur: handleBlur,
@@ -49694,24 +49785,23 @@ function DateTimeField(_ref) {
       onChange: setDate,
       dateFormat: dateFormat,
       disabled: disabled,
-      className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_8__.DateTimeFieldStyle.flexField, _defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_8__.DateTimeFieldStyle.disabled, disabled))
+      className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_7__.DateTimeFieldStyle.flexField, _defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_7__.DateTimeFieldStyle.disabled, disabled))
     }));
   };
   var onSubmit = function onSubmit(value) {
     if (typeof value === 'string') {
-      var newDate = (0,_lib__WEBPACK_IMPORTED_MODULE_6__.saveParseDate)(value, {});
+      var newDate = (0,_lib__WEBPACK_IMPORTED_MODULE_5__.saveParseDate)(value, {});
       setDateTime(newDate);
       setIsShowModalWindow(false);
     }
   };
-  var _useElementFixedOffse = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useElementFixedOffset)(dateTimeFieldRef),
-    top = _useElementFixedOffse.top,
-    left = _useElementFixedOffse.left,
-    height = _useElementFixedOffse.height;
+  var closePicker = function closePicker() {
+    return setIsShowModalWindow(false);
+  };
   return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
     ref: dateTimeFieldRef,
-    className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_8__.DateTimeFieldStyle.DateTimeField, _defineProperty(_defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_8__.DateTimeFieldStyle.widthFill, width === 'fill'), _styles__WEBPACK_IMPORTED_MODULE_8__.DateTimeFieldStyle.widthHug, width === 'hug')),
-    children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_DateTimeFieldMask__WEBPACK_IMPORTED_MODULE_7__.DateTimeFieldMask, {
+    className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_7__.DateTimeFieldStyle.DateTimeField, _defineProperty(_defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_7__.DateTimeFieldStyle.widthFill, width === 'fill'), _styles__WEBPACK_IMPORTED_MODULE_7__.DateTimeFieldStyle.widthHug, width === 'hug')),
+    children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_DateTimeFieldMask__WEBPACK_IMPORTED_MODULE_6__.DateTimeFieldMask, {
       firstField: getDateContent(),
       secondField: getTimeContent(),
       iconFirst: iconDate,
@@ -49723,23 +49813,18 @@ function DateTimeField(_ref) {
       isError: isError,
       disabled: disabled,
       onXClose: clearDateTime()
-    }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.ModalWindowWrapper, {
-      isShow: isShowModalWindow,
-      setIsShow: setIsShowModalWindow,
-      additionElements: [dateTimeFieldRef.current],
-      className: _styles__WEBPACK_IMPORTED_MODULE_8__.DateTimeFieldStyle.modalWindow,
-      style: {
-        top: "".concat(top + height, "px"),
-        left: "".concat(left, "px")
+    }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.DateTimePickerSmart, {
+      type: 'datetime',
+      date: getDateTimeForDateTimePicker(),
+      onSubmit: onSubmit,
+      onCancel: function onCancel() {
+        return setIsShowModalWindow(false);
       },
-      children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.DateTimePicker, {
-        type: 'datetime',
-        date: getDateTimeForDateTimePicker(),
-        onSubmit: onSubmit,
-        onCancel: function onCancel() {
-          return setIsShowModalWindow(false);
-        }
-      })
+      parentRef: dateTimeFieldRef,
+      isShow: isShowModalWindow,
+      close: closePicker,
+      position: position,
+      className: _styles__WEBPACK_IMPORTED_MODULE_7__.DateTimeFieldStyle.modalWindow
     })]
   });
 }
@@ -49764,14 +49849,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
 /* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
 /* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/assets */ "./src/assets/index.ts");
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/hooks */ "./src/hooks/index.ts");
-/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @/lib */ "./src/lib/index.ts");
-/* harmony import */ var _DateTimeFieldMask__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../DateTimeFieldMask */ "./src/ui/InputFields/DateTimeFieldMask/index.ts");
-/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../styles */ "./src/ui/InputFields/DateTimeField/styles/index.ts");
-/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../lib */ "./src/ui/InputFields/DateTimeField/lib/index.ts");
-/* harmony import */ var _TimeFieldBase__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./TimeFieldBase */ "./src/ui/InputFields/DateTimeField/ui/TimeFieldBase.tsx");
+/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/lib */ "./src/lib/index.ts");
+/* harmony import */ var _DateTimeFieldMask__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../DateTimeFieldMask */ "./src/ui/InputFields/DateTimeFieldMask/index.ts");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../styles */ "./src/ui/InputFields/DateTimeField/styles/index.ts");
+/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../lib */ "./src/ui/InputFields/DateTimeField/lib/index.ts");
+/* harmony import */ var _TimeFieldBase__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./TimeFieldBase */ "./src/ui/InputFields/DateTimeField/ui/TimeFieldBase.tsx");
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["value", "onChange", "timeFormat", "outFormat", "additionStyle", "timePlaceholder", "iconTime", "textTime", "clearButton", "isError", "disabled", "onFocus", "onBlur", "width"];
+var _excluded = ["value", "onChange", "timeFormat", "outFormat", "additionStyle", "timePlaceholder", "iconTime", "textTime", "clearButton", "isError", "disabled", "onFocus", "onBlur", "width", "position"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -49795,7 +49879,6 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 
 
-
 function TimeField(_ref) {
   var value = _ref.value,
     onChange = _ref.onChange,
@@ -49819,6 +49902,8 @@ function TimeField(_ref) {
     onBlur = _ref.onBlur,
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? 'fill' : _ref$width,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? 'absolute' : _ref$position,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -49829,7 +49914,7 @@ function TimeField(_ref) {
     isShowModalWindow = _useState4[0],
     setIsShowModalWindow = _useState4[1];
   var dateTimeFieldRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
-  var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)((0,_lib__WEBPACK_IMPORTED_MODULE_9__.getTimeFromValue)({
+  var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)((0,_lib__WEBPACK_IMPORTED_MODULE_8__.getTimeFromValue)({
       value: value,
       outFormat: outFormat,
       timeFormat: timeFormat
@@ -49840,7 +49925,7 @@ function TimeField(_ref) {
   // Получаем дату в выходном формате
   // (в формате, который понимает внешний приемник и поле, формат скрыт от пользователя)
   var getDateTimeFormatValue = function getDateTimeFormatValue(newValue) {
-    return newValue ? (0,_lib__WEBPACK_IMPORTED_MODULE_6__.saveFormatDate)(newValue, {
+    return newValue ? (0,_lib__WEBPACK_IMPORTED_MODULE_5__.saveFormatDate)(newValue, {
       to: outFormat,
       errorNull: true
     }) : undefined;
@@ -49848,7 +49933,7 @@ function TimeField(_ref) {
   // Получение даты компонента
   var getDateTimeValue = function getDateTimeValue() {
     var resDate = new Date();
-    (0,_lib__WEBPACK_IMPORTED_MODULE_9__.setTimeInDate)(resDate, time, timeFormat);
+    (0,_lib__WEBPACK_IMPORTED_MODULE_8__.setTimeInDate)(resDate, time, timeFormat);
     return resDate;
   };
   // Получение форматированной даты компонента
@@ -49866,7 +49951,7 @@ function TimeField(_ref) {
   var getDateTimeForDateTimePicker = function getDateTimeForDateTimePicker() {
     var resDate = undefined;
     if (time) {
-      resDate = (0,_lib__WEBPACK_IMPORTED_MODULE_6__.saveFormatDate)(getDateTimeValue(), {
+      resDate = (0,_lib__WEBPACK_IMPORTED_MODULE_5__.saveFormatDate)(getDateTimeValue(), {
         errorNull: true
       });
     }
@@ -49875,7 +49960,7 @@ function TimeField(_ref) {
   var setDateTime = function setDateTime(newDate) {
     var curValue = getDateTimeFormatValue(newDate);
     if (value !== curValue && curValue) {
-      setTime((0,_lib__WEBPACK_IMPORTED_MODULE_9__.getTimeFromValue)({
+      setTime((0,_lib__WEBPACK_IMPORTED_MODULE_8__.getTimeFromValue)({
         value: curValue,
         outFormat: outFormat,
         timeFormat: timeFormat
@@ -49884,7 +49969,7 @@ function TimeField(_ref) {
   };
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
     var _saveParseDate;
-    setDateTime((_saveParseDate = (0,_lib__WEBPACK_IMPORTED_MODULE_6__.saveParseDate)(value, {
+    setDateTime((_saveParseDate = (0,_lib__WEBPACK_IMPORTED_MODULE_5__.saveParseDate)(value, {
       from: _ui__WEBPACK_IMPORTED_MODULE_3__.TIME_TYPE_FORMAT,
       errorNull: null
     })) !== null && _saveParseDate !== void 0 ? _saveParseDate : undefined);
@@ -49911,7 +49996,7 @@ function TimeField(_ref) {
     setIsShowModalWindow(true);
   };
   var getTimeContent = function getTimeContent() {
-    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_TimeFieldBase__WEBPACK_IMPORTED_MODULE_10__.TimeFieldBase, _objectSpread(_objectSpread({}, props), {}, {
+    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_TimeFieldBase__WEBPACK_IMPORTED_MODULE_9__.TimeFieldBase, _objectSpread(_objectSpread({}, props), {}, {
       placeholder: timePlaceholder,
       onChange: setTime,
       onBlur: handleBlur,
@@ -49919,26 +50004,25 @@ function TimeField(_ref) {
       value: time,
       timeFormat: timeFormat,
       disabled: disabled,
-      className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_8__.DateTimeFieldStyle.flexField, _defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_8__.DateTimeFieldStyle.disabled, disabled))
+      className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_7__.DateTimeFieldStyle.flexField, _defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_7__.DateTimeFieldStyle.disabled, disabled))
     }));
   };
   var onSubmit = function onSubmit(value) {
     if (typeof value === 'string') {
-      var newDate = (0,_lib__WEBPACK_IMPORTED_MODULE_6__.saveParseDate)(value, {
+      var newDate = (0,_lib__WEBPACK_IMPORTED_MODULE_5__.saveParseDate)(value, {
         from: _ui__WEBPACK_IMPORTED_MODULE_3__.TIME_TYPE_FORMAT
       });
       setDateTime(newDate);
       setIsShowModalWindow(false);
     }
   };
-  var _useElementFixedOffse = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useElementFixedOffset)(dateTimeFieldRef),
-    top = _useElementFixedOffse.top,
-    left = _useElementFixedOffse.left,
-    height = _useElementFixedOffse.height;
+  var closePicker = function closePicker() {
+    return setIsShowModalWindow(false);
+  };
   return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
     ref: dateTimeFieldRef,
-    className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_8__.DateTimeFieldStyle.DateTimeField, _defineProperty(_defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_8__.DateTimeFieldStyle.widthFill, width === 'fill'), _styles__WEBPACK_IMPORTED_MODULE_8__.DateTimeFieldStyle.widthHug, width === 'hug')),
-    children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_DateTimeFieldMask__WEBPACK_IMPORTED_MODULE_7__.DateTimeFieldMask, {
+    className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_7__.DateTimeFieldStyle.DateTimeField, _defineProperty(_defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_7__.DateTimeFieldStyle.widthFill, width === 'fill'), _styles__WEBPACK_IMPORTED_MODULE_7__.DateTimeFieldStyle.widthHug, width === 'hug')),
+    children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_DateTimeFieldMask__WEBPACK_IMPORTED_MODULE_6__.DateTimeFieldMask, {
       secondField: getTimeContent(),
       iconSecond: iconTime,
       textSecond: textTime,
@@ -49947,23 +50031,18 @@ function TimeField(_ref) {
       isError: isError,
       disabled: disabled,
       onXClose: clearDateTime()
-    }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.ModalWindowWrapper, {
-      isShow: isShowModalWindow,
-      setIsShow: setIsShowModalWindow,
-      additionElements: [dateTimeFieldRef.current],
-      className: _styles__WEBPACK_IMPORTED_MODULE_8__.DateTimeFieldStyle.modalWindow,
-      style: {
-        top: "".concat(top + height, "px"),
-        left: "".concat(left, "px")
+    }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.DateTimePickerSmart, {
+      type: 'time',
+      date: getDateTimeForDateTimePicker(),
+      onSubmit: onSubmit,
+      onCancel: function onCancel() {
+        return setIsShowModalWindow(false);
       },
-      children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.DateTimePicker, {
-        type: 'time',
-        date: getDateTimeForDateTimePicker(),
-        onSubmit: onSubmit,
-        onCancel: function onCancel() {
-          return setIsShowModalWindow(false);
-        }
-      })
+      parentRef: dateTimeFieldRef,
+      isShow: isShowModalWindow,
+      close: closePicker,
+      position: position,
+      className: _styles__WEBPACK_IMPORTED_MODULE_7__.DateTimeFieldStyle.modalWindow
     })]
   });
 }
@@ -50410,10 +50489,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
 /* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
 /* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/lib */ "./src/lib/index.ts");
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/hooks */ "./src/hooks/index.ts");
-/* harmony import */ var _DateTimeField_styles__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../DateTimeField/styles */ "./src/ui/InputFields/DateTimeField/styles/index.ts");
-/* harmony import */ var _DateTimeField__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../DateTimeField */ "./src/ui/InputFields/DateTimeField/index.ts");
-/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../styles */ "./src/ui/InputFields/DateTimeRangeField/styles/index.ts");
+/* harmony import */ var _DateTimeField_styles__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../DateTimeField/styles */ "./src/ui/InputFields/DateTimeField/styles/index.ts");
+/* harmony import */ var _DateTimeField__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../DateTimeField */ "./src/ui/InputFields/DateTimeField/index.ts");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../styles */ "./src/ui/InputFields/DateTimeRangeField/styles/index.ts");
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
@@ -50436,7 +50514,6 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 
 
 
-
 function DateRangeField(_ref) {
   var value = _ref.value,
     onChange = _ref.onChange,
@@ -50459,7 +50536,9 @@ function DateRangeField(_ref) {
     clearButton = _ref$clearButton === void 0 ? true : _ref$clearButton,
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? 'fill' : _ref$width,
-    additionsStyles = _ref.additionsStyles;
+    additionsStyles = _ref.additionsStyles,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? 'absolute' : _ref$position;
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     isFocus = _useState2[0],
@@ -50509,7 +50588,7 @@ function DateRangeField(_ref) {
     };
   };
   var getFirst = function getFirst() {
-    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_DateTimeField__WEBPACK_IMPORTED_MODULE_7__.DateFieldBase, {
+    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_DateTimeField__WEBPACK_IMPORTED_MODULE_6__.DateFieldBase, {
       placeholder: firstPlaceholder,
       value: getDate(0),
       onBlur: handleBlur,
@@ -50520,11 +50599,11 @@ function DateRangeField(_ref) {
       dateFormat: dateFormat,
       disabled: disabled,
       required: required,
-      className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_DateTimeField_styles__WEBPACK_IMPORTED_MODULE_6__.DateTimeFieldStyle.flexField, _defineProperty({}, _DateTimeField_styles__WEBPACK_IMPORTED_MODULE_6__.DateTimeFieldStyle.disabled, disabled))
+      className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_DateTimeField_styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.flexField, _defineProperty({}, _DateTimeField_styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.disabled, disabled))
     });
   };
   var getSecond = function getSecond() {
-    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_DateTimeField__WEBPACK_IMPORTED_MODULE_7__.DateFieldBase, {
+    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_DateTimeField__WEBPACK_IMPORTED_MODULE_6__.DateFieldBase, {
       placeholder: secondPlaceholder,
       value: getDate(1),
       onBlur: handleBlur,
@@ -50535,7 +50614,7 @@ function DateRangeField(_ref) {
       dateFormat: dateFormat,
       disabled: disabled,
       required: required,
-      className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_DateTimeField_styles__WEBPACK_IMPORTED_MODULE_6__.DateTimeFieldStyle.flexField, _defineProperty({}, _DateTimeField_styles__WEBPACK_IMPORTED_MODULE_6__.DateTimeFieldStyle.disabled, disabled))
+      className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_DateTimeField_styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.flexField, _defineProperty({}, _DateTimeField_styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.disabled, disabled))
     });
   };
   var onSubmit = function onSubmit(value) {
@@ -50543,13 +50622,12 @@ function DateRangeField(_ref) {
       onChange === null || onChange === void 0 || onChange(value);
     }
   };
-  var _useElementFixedOffse = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useElementFixedOffset)(fieldRef),
-    top = _useElementFixedOffse.top,
-    left = _useElementFixedOffse.left,
-    height = _useElementFixedOffse.height;
+  var closePicker = function closePicker() {
+    return setIsShowModalWindow(false);
+  };
   return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
     ref: fieldRef,
-    className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_8__.SingleRangeFieldStyle.SingleRangeField, _defineProperty(_defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_8__.SingleRangeFieldStyle.widthFill, width === 'fill'), _styles__WEBPACK_IMPORTED_MODULE_8__.SingleRangeFieldStyle.widthFHug, width === 'hug'), additionsStyles),
+    className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_7__.SingleRangeFieldStyle.SingleRangeField, _defineProperty(_defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_7__.SingleRangeFieldStyle.widthFill, width === 'fill'), _styles__WEBPACK_IMPORTED_MODULE_7__.SingleRangeFieldStyle.widthFHug, width === 'hug'), additionsStyles),
     children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.DateTimeFieldMask, {
       isFocus: isFocus,
       isError: isError,
@@ -50562,23 +50640,18 @@ function DateRangeField(_ref) {
       disabled: disabled,
       width: width,
       onXClose: getClearButton()
-    }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.ModalWindowWrapper, {
-      isShow: isShowModalWindow,
-      setIsShow: setIsShowModalWindow,
-      additionElements: [fieldRef.current],
-      className: _styles__WEBPACK_IMPORTED_MODULE_8__.SingleRangeFieldStyle.modalWindow,
-      style: {
-        top: "".concat(top + height, "px"),
-        left: "".concat(left, "px")
+    }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.DateTimePickerSmart, {
+      type: 'date-range',
+      date: value,
+      onCancel: function onCancel() {
+        return setIsShowModalWindow(false);
       },
-      children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.DateTimePicker, {
-        type: 'date-range',
-        date: value,
-        onCancel: function onCancel() {
-          return setIsShowModalWindow(false);
-        },
-        onSubmit: onSubmit
-      })
+      onSubmit: onSubmit,
+      parentRef: fieldRef,
+      isShow: isShowModalWindow,
+      close: closePicker,
+      position: position,
+      className: _styles__WEBPACK_IMPORTED_MODULE_7__.SingleRangeFieldStyle.modalWindow
     })]
   });
 }
@@ -50875,9 +50948,9 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   FlexField: () => (/* reexport safe */ _ui_FlexField__WEBPACK_IMPORTED_MODULE_0__["default"])
+/* harmony export */   FlexField: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.FlexField)
 /* harmony export */ });
-/* harmony import */ var _ui_FlexField__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui/FlexField */ "./src/ui/InputFields/FlexField/ui/FlexField.tsx");
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/InputFields/FlexField/ui/index.ts");
 /* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "./src/ui/InputFields/FlexField/types/index.ts");
 
 
@@ -50950,7 +51023,7 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   FlexField: () => (/* binding */ FlexField)
 /* harmony export */ });
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
@@ -51145,7 +51218,22 @@ var FlexField = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(f
     children: [getIcon(), getTextSupport(), getUserPic(), getInput(), getHelp(), getDropdown(), getButton()]
   });
 });
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FlexField);
+
+/***/ }),
+
+/***/ "./src/ui/InputFields/FlexField/ui/index.ts":
+/*!**************************************************!*\
+  !*** ./src/ui/InputFields/FlexField/ui/index.ts ***!
+  \**************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   FlexField: () => (/* reexport safe */ _FlexField__WEBPACK_IMPORTED_MODULE_0__.FlexField)
+/* harmony export */ });
+/* harmony import */ var _FlexField__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./FlexField */ "./src/ui/InputFields/FlexField/ui/FlexField.tsx");
+
 
 /***/ }),
 
@@ -56520,6 +56608,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   DateTimeField: () => (/* reexport safe */ _InputFields__WEBPACK_IMPORTED_MODULE_2__.DateTimeField),
 /* harmony export */   DateTimeFieldMask: () => (/* reexport safe */ _InputFields__WEBPACK_IMPORTED_MODULE_2__.DateTimeFieldMask),
 /* harmony export */   DateTimePicker: () => (/* reexport safe */ _DateTimePicker__WEBPACK_IMPORTED_MODULE_24__.DateTimePicker),
+/* harmony export */   DateTimePickerSmart: () => (/* reexport safe */ _DateTimePicker__WEBPACK_IMPORTED_MODULE_24__.DateTimePickerSmart),
 /* harmony export */   DateTimeRangeField: () => (/* reexport safe */ _InputFields__WEBPACK_IMPORTED_MODULE_2__.DateTimeRangeField),
 /* harmony export */   Dropdown: () => (/* reexport safe */ _Dropdown__WEBPACK_IMPORTED_MODULE_26__.Dropdown),
 /* harmony export */   DropdownItem: () => (/* reexport safe */ _DropdownItem__WEBPACK_IMPORTED_MODULE_18__.DropdownItem),
@@ -56812,6 +56901,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   DateTimeField: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.DateTimeField),
 /* harmony export */   DateTimeFieldMask: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.DateTimeFieldMask),
 /* harmony export */   DateTimePicker: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.DateTimePicker),
+/* harmony export */   DateTimePickerSmart: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.DateTimePickerSmart),
 /* harmony export */   DateTimeRangeField: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.DateTimeRangeField),
 /* harmony export */   Dropdown: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.Dropdown),
 /* harmony export */   DropdownItem: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.DropdownItem),