indicator-ui 0.1.86 → 0.1.88

package/dist/index.js

@@ -53789,6 +53789,86 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./icons */ "./src/assets/icons/index.ts");
 
 
+/***/ }),
+
+/***/ "./src/const/imask.ts":
+/*!****************************!*\
+  !*** ./src/const/imask.ts ***!
+  \****************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   DATE_IMASK_BLOCKS: () => (/* binding */ DATE_IMASK_BLOCKS)
+/* harmony export */ });
+/* harmony import */ var react_imask__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-imask */ "./node_modules/react-imask/esm/index.js");
+
+/**
+ * Пример: `dd.MM.yyyy`.
+ *
+ * ---
+ *
+ * * `dd` - день.
+ * * `MM` - месяц.
+ * * `yyyy` - год.
+ * * `mm` - минуты.
+ * * `HH` - часы.
+ * * `ss` - секунды.
+ *
+ * **Замечание**: При указание формата вывода с разделителем `T`, указывайте его так `'T'`
+ * */
+var DATE_IMASK_BLOCKS = {
+  dd: {
+    mask: react_imask__WEBPACK_IMPORTED_MODULE_0__.IMask.MaskedRange,
+    from: 1,
+    to: 31,
+    maxLength: 2
+  },
+  MM: {
+    mask: react_imask__WEBPACK_IMPORTED_MODULE_0__.IMask.MaskedRange,
+    from: 1,
+    to: 12,
+    maxLength: 2
+  },
+  yyyy: {
+    mask: react_imask__WEBPACK_IMPORTED_MODULE_0__.IMask.MaskedRange,
+    from: 1900,
+    to: 2100
+  },
+  HH: {
+    mask: react_imask__WEBPACK_IMPORTED_MODULE_0__.IMask.MaskedRange,
+    from: 0,
+    to: 23
+  },
+  mm: {
+    mask: react_imask__WEBPACK_IMPORTED_MODULE_0__.IMask.MaskedRange,
+    from: 0,
+    to: 59
+  },
+  ss: {
+    mask: react_imask__WEBPACK_IMPORTED_MODULE_0__.IMask.MaskedRange,
+    from: 0,
+    to: 59
+  }
+};
+
+/***/ }),
+
+/***/ "./src/const/index.ts":
+/*!****************************!*\
+  !*** ./src/const/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 */   DATE_IMASK_BLOCKS: () => (/* reexport safe */ _imask__WEBPACK_IMPORTED_MODULE_0__.DATE_IMASK_BLOCKS)
+/* harmony export */ });
+/* harmony import */ var _imask__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./imask */ "./src/const/imask.ts");
+
+
 /***/ }),
 
 /***/ "./src/hooks/controlsInput/index.ts":
@@ -73616,8 +73696,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   TabButtons: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.TabButtons)
 /* harmony export */ });
 /* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/TabButtons/ui/index.ts");
-/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "./src/ui/TabButtons/types/index.ts");
-
 
 
 /***/ }),
@@ -73634,7 +73712,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__ = ({"tabButtons":"TabButtons-module__tabButtons___vSLsZ","rightIcon":"TabButtons-module__rightIcon___Vllb5","leftIcon":"TabButtons-module__leftIcon___yDOkS","text":"TabButtons-module__text___EbNMB","active":"TabButtons-module__active___ShP43","disabled":"TabButtons-module__disabled___MlvE9","widthHug":"TabButtons-module__widthHug___Choqd","heightHug":"TabButtons-module__heightHug___jeoXZ","widthFill":"TabButtons-module__widthFill___MwxIJ","heightFill":"TabButtons-module__heightFill____mxL8","dark":"TabButtons-module__dark___E1fGg"});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"tabButtons":"TabButtons-module__tabButtons___vSLsZ","rightIcon":"TabButtons-module__rightIcon___Vllb5","leftIcon":"TabButtons-module__leftIcon___yDOkS","text":"TabButtons-module__text___EbNMB","active":"TabButtons-module__active___ShP43","disabled":"TabButtons-module__disabled___MlvE9","widthHug":"TabButtons-module__widthHug___Choqd","heightHug":"TabButtons-module__heightHug___jeoXZ","widthFill":"TabButtons-module__widthFill___MwxIJ","heightFill":"TabButtons-module__heightFill____mxL8","mark":"TabButtons-module__mark___KzC_H","markError":"TabButtons-module__markError___mVqJE","markInfo":"TabButtons-module__markInfo___KWoaN","markSuccess":"TabButtons-module__markSuccess___Us8lY","dark":"TabButtons-module__dark___E1fGg"});
 
 /***/ }),
 
@@ -73652,31 +73730,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _TabButtons_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TabButtons.module.scss */ "./src/ui/TabButtons/styles/TabButtons.module.scss");
 
 
-/***/ }),
-
-/***/ "./src/ui/TabButtons/types/TabButtonsTypes.ts":
-/*!****************************************************!*\
-  !*** ./src/ui/TabButtons/types/TabButtonsTypes.ts ***!
-  \****************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-
-
-/***/ }),
-
-/***/ "./src/ui/TabButtons/types/index.ts":
-/*!******************************************!*\
-  !*** ./src/ui/TabButtons/types/index.ts ***!
-  \******************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _TabButtonsTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TabButtonsTypes */ "./src/ui/TabButtons/types/TabButtonsTypes.ts");
-
-
 /***/ }),
 
 /***/ "./src/ui/TabButtons/ui/TabButtons.tsx":
@@ -73697,7 +73750,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../styles */ "./src/ui/TabButtons/styles/index.ts");
 /* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
 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 = ["active", "iconLeft", "iconRight", "disabled", "text", "children", "customComponent", "height", "width", "additionStyles", "theme"];
+var _excluded = ["active", "iconLeft", "iconRight", "disabled", "text", "children", "customComponent", "height", "width", "additionStyles", "theme", "mark"];
 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; }
@@ -73709,24 +73762,26 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 
 
-function TabButtons(_ref) {
-  var active = _ref.active,
-    iconLeft = _ref.iconLeft,
-    iconRight = _ref.iconRight,
-    disabled = _ref.disabled,
-    text = _ref.text,
-    children = _ref.children,
-    customComponent = _ref.customComponent,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? 'hug' : _ref$height,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? 'fill' : _ref$width,
-    additionStyles = _ref.additionStyles,
-    _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? "light" : _ref$theme,
-    props = _objectWithoutProperties(_ref, _excluded);
+function TabButtons(props) {
+  var active = props.active,
+    iconLeft = props.iconLeft,
+    iconRight = props.iconRight,
+    disabled = props.disabled,
+    text = props.text,
+    children = props.children,
+    customComponent = props.customComponent,
+    _props$height = props.height,
+    height = _props$height === void 0 ? 'hug' : _props$height,
+    _props$width = props.width,
+    width = _props$width === void 0 ? 'fill' : _props$width,
+    additionStyles = props.additionStyles,
+    _props$theme = props.theme,
+    theme = _props$theme === void 0 ? "light" : _props$theme,
+    mark = props.mark,
+    otherProps = _objectWithoutProperties(props, _excluded);
   var getClassName = function getClassName() {
-    return (0,clsx__WEBPACK_IMPORTED_MODULE_3__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.tabButtons, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.active, !disabled && active), _styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.disabled, disabled), _styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.widthFill, width === 'fill'), _styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.widthHug, width === 'hug'), _styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.heightFill, height === 'fill'), _styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.heightHug, height === 'hug'), _styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.dark, theme === 'dark'), additionStyles);
+    var _clsx;
+    return (0,clsx__WEBPACK_IMPORTED_MODULE_3__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.tabButtons, (_clsx = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_clsx, _styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.active, !disabled && active), _styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.disabled, disabled), _styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.widthFill, width === 'fill'), _styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.widthHug, width === 'hug'), _styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.heightFill, height === 'fill'), _styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.heightHug, height === 'hug'), _styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.dark, theme === 'dark'), _styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.mark, mark), _styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.markInfo, mark === 'info'), _styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.markSuccess, mark === 'success'), _defineProperty(_clsx, _styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.markError, mark === 'error')), additionStyles);
   };
   var getMainContent = function getMainContent() {
     return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
@@ -73750,7 +73805,7 @@ function TabButtons(_ref) {
   }
   return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", _objectSpread(_objectSpread({
     type: 'button'
-  }, props), {}, {
+  }, otherProps), {}, {
     disabled: disabled,
     className: getClassName(),
     children: getMainContent()
@@ -73787,8 +73842,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   TabFrame: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.TabFrame)
 /* harmony export */ });
 /* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/TabFrame/ui/index.ts");
-/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "./src/ui/TabFrame/types/index.ts");
-
 
 
 /***/ }),
@@ -73823,31 +73876,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _TabFrame_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TabFrame.module.scss */ "./src/ui/TabFrame/styles/TabFrame.module.scss");
 
 
-/***/ }),
-
-/***/ "./src/ui/TabFrame/types/TabFrameTypes.ts":
-/*!************************************************!*\
-  !*** ./src/ui/TabFrame/types/TabFrameTypes.ts ***!
-  \************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-
-
-/***/ }),
-
-/***/ "./src/ui/TabFrame/types/index.ts":
-/*!****************************************!*\
-  !*** ./src/ui/TabFrame/types/index.ts ***!
-  \****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _TabFrameTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TabFrameTypes */ "./src/ui/TabFrame/types/TabFrameTypes.ts");
-
-
 /***/ }),
 
 /***/ "./src/ui/TabFrame/ui/TabFrame.tsx":
@@ -75329,10 +75357,10 @@ __webpack_require__.r(__webpack_exports__);
 /* 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_imask__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-imask */ "./node_modules/react-imask/esm/index.js");
 /* harmony import */ var date_fns__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! date-fns */ "./node_modules/date-fns/parse.js");
 /* harmony import */ var date_fns__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! date-fns */ "./node_modules/date-fns/isValid.js");
 /* harmony import */ var date_fns__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! date-fns */ "./node_modules/date-fns/format.js");
+/* harmony import */ var _const__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/const */ "./src/const/index.ts");
 /* harmony import */ var _FormField__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../FormField */ "./src/ui/formFields/FormField/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 = ["value", "onChange", "inputFormat", "outFormat"];
@@ -75375,40 +75403,7 @@ function FormDateField(props) {
     value: getViewValueFromValue(value),
     onChange: handleChange,
     mask: inputFormat,
-    blocks: {
-      dd: {
-        mask: react_imask__WEBPACK_IMPORTED_MODULE_1__.IMask.MaskedRange,
-        from: 1,
-        to: 31,
-        maxLength: 2
-      },
-      MM: {
-        mask: react_imask__WEBPACK_IMPORTED_MODULE_1__.IMask.MaskedRange,
-        from: 1,
-        to: 12,
-        maxLength: 2
-      },
-      yyyy: {
-        mask: react_imask__WEBPACK_IMPORTED_MODULE_1__.IMask.MaskedRange,
-        from: 1900,
-        to: 2100
-      },
-      HH: {
-        mask: react_imask__WEBPACK_IMPORTED_MODULE_1__.IMask.MaskedRange,
-        from: 0,
-        to: 23
-      },
-      mm: {
-        mask: react_imask__WEBPACK_IMPORTED_MODULE_1__.IMask.MaskedRange,
-        from: 0,
-        to: 59
-      },
-      ss: {
-        mask: react_imask__WEBPACK_IMPORTED_MODULE_1__.IMask.MaskedRange,
-        from: 0,
-        to: 59
-      }
-    }
+    blocks: _const__WEBPACK_IMPORTED_MODULE_1__.DATE_IMASK_BLOCKS
   }, otherProps));
 }
 
@@ -75428,6 +75423,365 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _FormDateField__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./FormDateField */ "./src/ui/formFields/FormDateField/ui/FormDateField.tsx");
 
 
+/***/ }),
+
+/***/ "./src/ui/formFields/FormDateRangeField/index.ts":
+/*!*******************************************************!*\
+  !*** ./src/ui/formFields/FormDateRangeField/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 */   FormDateRangeField: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.FormDateRangeField),
+/* harmony export */   FormDateRangeFieldBase: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.FormDateRangeFieldBase)
+/* harmony export */ });
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/formFields/FormDateRangeField/ui/index.ts");
+
+
+/***/ }),
+
+/***/ "./src/ui/formFields/FormDateRangeField/styles/FormDateRange.module.scss":
+/*!*******************************************************************************!*\
+  !*** ./src/ui/formFields/FormDateRangeField/styles/FormDateRange.module.scss ***!
+  \*******************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"wrapper":"FormDateRange-module__wrapper___Ysixt","error":"FormDateRange-module__error___rtYwO"});
+
+/***/ }),
+
+/***/ "./src/ui/formFields/FormDateRangeField/styles/InputInnerButton.module.scss":
+/*!**********************************************************************************!*\
+  !*** ./src/ui/formFields/FormDateRangeField/styles/InputInnerButton.module.scss ***!
+  \**********************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"button":"InputInnerButton-module__button___L78ok","gray":"InputInnerButton-module__gray___No207","red":"InputInnerButton-module__red___NTGF_"});
+
+/***/ }),
+
+/***/ "./src/ui/formFields/FormDateRangeField/styles/Mask.module.scss":
+/*!**********************************************************************!*\
+  !*** ./src/ui/formFields/FormDateRangeField/styles/Mask.module.scss ***!
+  \**********************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"main":"Mask-module__main___UcP1p","divider":"Mask-module__divider___sB844"});
+
+/***/ }),
+
+/***/ "./src/ui/formFields/FormDateRangeField/styles/index.ts":
+/*!**************************************************************!*\
+  !*** ./src/ui/formFields/FormDateRangeField/styles/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 */   FormDateRangeStyle: () => (/* reexport safe */ _FormDateRange_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"]),
+/* harmony export */   InputInnerButtonStyle: () => (/* reexport safe */ _InputInnerButton_module_scss__WEBPACK_IMPORTED_MODULE_2__["default"]),
+/* harmony export */   MaskStyle: () => (/* reexport safe */ _Mask_module_scss__WEBPACK_IMPORTED_MODULE_0__["default"])
+/* harmony export */ });
+/* harmony import */ var _Mask_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Mask.module.scss */ "./src/ui/formFields/FormDateRangeField/styles/Mask.module.scss");
+/* harmony import */ var _FormDateRange_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./FormDateRange.module.scss */ "./src/ui/formFields/FormDateRangeField/styles/FormDateRange.module.scss");
+/* harmony import */ var _InputInnerButton_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./InputInnerButton.module.scss */ "./src/ui/formFields/FormDateRangeField/styles/InputInnerButton.module.scss");
+
+
+
+
+/***/ }),
+
+/***/ "./src/ui/formFields/FormDateRangeField/ui/FormDateRangeField.tsx":
+/*!************************************************************************!*\
+  !*** ./src/ui/formFields/FormDateRangeField/ui/FormDateRangeField.tsx ***!
+  \************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   FormDateRangeField: () => (/* binding */ FormDateRangeField)
+/* 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 _FormDateRangeFieldBase__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./FormDateRangeFieldBase */ "./src/ui/formFields/FormDateRangeField/ui/FormDateRangeFieldBase.tsx");
+/* harmony import */ var _FormFieldWrapper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../FormFieldWrapper */ "./src/ui/formFields/FormFieldWrapper/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 = ["label", "hint", "helperLink"];
+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 FormDateRangeField(props) {
+  var label = props.label,
+    hint = props.hint,
+    helperLink = props.helperLink,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_FormFieldWrapper__WEBPACK_IMPORTED_MODULE_2__.FormFieldWrapper, _objectSpread(_objectSpread({}, props), {}, {
+    children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_FormDateRangeFieldBase__WEBPACK_IMPORTED_MODULE_1__.FormDateRangeFieldBase, _objectSpread({}, props))
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/ui/formFields/FormDateRangeField/ui/FormDateRangeFieldBase.tsx":
+/*!****************************************************************************!*\
+  !*** ./src/ui/formFields/FormDateRangeField/ui/FormDateRangeFieldBase.tsx ***!
+  \****************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   FormDateRangeFieldBase: () => (/* binding */ FormDateRangeFieldBase)
+/* 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 clsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
+/* harmony import */ var date_fns__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! date-fns */ "./node_modules/date-fns/parse.js");
+/* harmony import */ var date_fns__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! date-fns */ "./node_modules/date-fns/isValid.js");
+/* harmony import */ var date_fns__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! date-fns */ "./node_modules/date-fns/format.js");
+/* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/assets */ "./src/assets/index.ts");
+/* harmony import */ var _const__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/const */ "./src/const/index.ts");
+/* harmony import */ var _InputInnerButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./InputInnerButton */ "./src/ui/formFields/FormDateRangeField/ui/InputInnerButton.tsx");
+/* harmony import */ var _Mask__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Mask */ "./src/ui/formFields/FormDateRangeField/ui/Mask.tsx");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../styles */ "./src/ui/formFields/FormDateRangeField/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 + ""; }
+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 _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+
+
+
+
+
+
+
+
+function FormDateRangeFieldBase(props) {
+  var value = props.value,
+    onChange = props.onChange,
+    error = props.error,
+    onBlur = props.onBlur,
+    _props$outFormat = props.outFormat,
+    outFormat = _props$outFormat === void 0 ? 'yyyy-MM-dd' : _props$outFormat,
+    _props$inputFormat = props.inputFormat,
+    inputFormat = _props$inputFormat === void 0 ? 'dd.MM.yyyy' : _props$inputFormat,
+    _props$text = props.text1,
+    text1 = _props$text === void 0 ? 'от' : _props$text,
+    _props$text2 = props.text2,
+    text2 = _props$text2 === void 0 ? 'до' : _props$text2,
+    _props$icon = props.icon1,
+    icon1 = _props$icon === void 0 ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_2__.CalendarSVG, {}) : _props$icon,
+    _props$icon2 = props.icon2,
+    icon2 = _props$icon2 === void 0 ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_2__.CalendarSVG, {}) : _props$icon2,
+    _props$placeholder = props.placeholder1,
+    placeholder1 = _props$placeholder === void 0 ? 'дд.мм.гггг' : _props$placeholder,
+    _props$placeholder2 = props.placeholder2,
+    placeholder2 = _props$placeholder2 === void 0 ? 'дд.мм.гггг' : _props$placeholder2;
+  var getDate = function getDate(curValue) {
+    var date = (0,date_fns__WEBPACK_IMPORTED_MODULE_7__.parse)(curValue || '', outFormat, new Date());
+    if ((0,date_fns__WEBPACK_IMPORTED_MODULE_8__.isValid)(date) && curValue === (0,date_fns__WEBPACK_IMPORTED_MODULE_9__.format)(date, outFormat)) {
+      return (0,date_fns__WEBPACK_IMPORTED_MODULE_9__.format)(date, inputFormat);
+    }
+    return curValue;
+  };
+  var processDate = function processDate(newValue) {
+    var date = (0,date_fns__WEBPACK_IMPORTED_MODULE_7__.parse)(newValue || '', inputFormat, new Date());
+    if ((0,date_fns__WEBPACK_IMPORTED_MODULE_8__.isValid)(date) && newValue === (0,date_fns__WEBPACK_IMPORTED_MODULE_9__.format)(date, inputFormat)) {
+      return (0,date_fns__WEBPACK_IMPORTED_MODULE_9__.format)(date, outFormat);
+    }
+    return newValue;
+  };
+  var setNewValue = function setNewValue(itemValue, idx) {
+    var newValue = value ? _toConsumableArray(value) : [undefined, undefined];
+    newValue[idx] = processDate(itemValue);
+    onChange === null || onChange === void 0 || onChange(newValue);
+  };
+  var getValue1 = function getValue1() {
+    return getDate(value === null || value === void 0 ? void 0 : value[0]) || '';
+  };
+  var getValue2 = function getValue2() {
+    return getDate(value === null || value === void 0 ? void 0 : value[1]) || '';
+  };
+  var handleChange1 = function handleChange1(v) {
+    return setNewValue(v, 0);
+  };
+  var handleChange2 = function handleChange2(v) {
+    return setNewValue(v, 1);
+  };
+  var clear = function clear() {
+    onChange === null || onChange === void 0 || onChange([undefined, undefined]);
+  };
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+    onBlur: onBlur,
+    className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_6__.FormDateRangeStyle.wrapper, _defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_6__.FormDateRangeStyle.error, error)),
+    tabIndex: -1,
+    children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Mask__WEBPACK_IMPORTED_MODULE_5__.Mask, {
+      value: getValue1(),
+      onAccept: handleChange1,
+      mask: inputFormat,
+      blocks: _const__WEBPACK_IMPORTED_MODULE_3__.DATE_IMASK_BLOCKS,
+      icon: icon1,
+      text: text1,
+      placeholder: placeholder1
+    }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Mask__WEBPACK_IMPORTED_MODULE_5__.Mask, {
+      value: getValue2(),
+      onAccept: handleChange2,
+      mask: inputFormat,
+      blocks: _const__WEBPACK_IMPORTED_MODULE_3__.DATE_IMASK_BLOCKS,
+      text: text2,
+      icon: icon2,
+      placeholder: placeholder2,
+      divider: true
+    }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("section", {
+      children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_InputInnerButton__WEBPACK_IMPORTED_MODULE_4__.InputInnerButton, {
+        color: 'gray',
+        onClick: clear
+      })
+    })]
+  });
+}
+
+/***/ }),
+
+/***/ "./src/ui/formFields/FormDateRangeField/ui/InputInnerButton.tsx":
+/*!**********************************************************************!*\
+  !*** ./src/ui/formFields/FormDateRangeField/ui/InputInnerButton.tsx ***!
+  \**********************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   InputInnerButton: () => (/* binding */ InputInnerButton)
+/* 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 clsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
+/* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/assets */ "./src/assets/index.ts");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../styles */ "./src/ui/formFields/FormDateRangeField/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 = ["color", "className"];
+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 InputInnerButton(props) {
+  var _props$color = props.color,
+    color = _props$color === void 0 ? 'gray' : _props$color,
+    className = props.className,
+    buttonProps = _objectWithoutProperties(props, _excluded);
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", _objectSpread(_objectSpread({
+    type: 'button'
+  }, buttonProps), {}, {
+    className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_3__.InputInnerButtonStyle.button, _defineProperty(_defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_3__.InputInnerButtonStyle.gray, color === 'gray'), _styles__WEBPACK_IMPORTED_MODULE_3__.InputInnerButtonStyle.red, color === 'red'), className),
+    children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_2__.XCloseSVG, {})
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/ui/formFields/FormDateRangeField/ui/Mask.tsx":
+/*!**********************************************************!*\
+  !*** ./src/ui/formFields/FormDateRangeField/ui/Mask.tsx ***!
+  \**********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Mask: () => (/* binding */ Mask)
+/* 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_imask__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-imask */ "./node_modules/react-imask/esm/index.js");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../styles */ "./src/ui/formFields/FormDateRangeField/styles/index.ts");
+/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
+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 = ["text", "icon", "divider"];
+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 Mask(props) {
+  var text = props.text,
+    icon = props.icon,
+    _props$divider = props.divider,
+    divider = _props$divider === void 0 ? false : _props$divider,
+    inputProps = _objectWithoutProperties(props, _excluded);
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+    className: (0,clsx__WEBPACK_IMPORTED_MODULE_3__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.MaskStyle.main, _defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_2__.MaskStyle.divider, divider)),
+    children: [icon, text, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_imask__WEBPACK_IMPORTED_MODULE_1__.IMaskInput, _objectSpread({}, inputProps))]
+  });
+}
+
+/***/ }),
+
+/***/ "./src/ui/formFields/FormDateRangeField/ui/index.ts":
+/*!**********************************************************!*\
+  !*** ./src/ui/formFields/FormDateRangeField/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 */   FormDateRangeField: () => (/* reexport safe */ _FormDateRangeField__WEBPACK_IMPORTED_MODULE_1__.FormDateRangeField),
+/* harmony export */   FormDateRangeFieldBase: () => (/* reexport safe */ _FormDateRangeFieldBase__WEBPACK_IMPORTED_MODULE_0__.FormDateRangeFieldBase)
+/* harmony export */ });
+/* harmony import */ var _FormDateRangeFieldBase__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./FormDateRangeFieldBase */ "./src/ui/formFields/FormDateRangeField/ui/FormDateRangeFieldBase.tsx");
+/* harmony import */ var _FormDateRangeField__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./FormDateRangeField */ "./src/ui/formFields/FormDateRangeField/ui/FormDateRangeField.tsx");
+
+
+
 /***/ }),
 
 /***/ "./src/ui/formFields/FormField/index.ts":
@@ -76723,6 +77077,8 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   FormDateField: () => (/* reexport safe */ _FormDateField__WEBPACK_IMPORTED_MODULE_6__.FormDateField),
+/* harmony export */   FormDateRangeField: () => (/* reexport safe */ _FormDateRangeField__WEBPACK_IMPORTED_MODULE_7__.FormDateRangeField),
+/* harmony export */   FormDateRangeFieldBase: () => (/* reexport safe */ _FormDateRangeField__WEBPACK_IMPORTED_MODULE_7__.FormDateRangeFieldBase),
 /* harmony export */   FormField: () => (/* reexport safe */ _FormField__WEBPACK_IMPORTED_MODULE_0__.FormField),
 /* harmony export */   FormFieldBase: () => (/* reexport safe */ _FormField__WEBPACK_IMPORTED_MODULE_0__.FormFieldBase),
 /* harmony export */   FormFieldWrapper: () => (/* reexport safe */ _FormFieldWrapper__WEBPACK_IMPORTED_MODULE_2__.FormFieldWrapper),
@@ -76740,6 +77096,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _FormRadioField__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./FormRadioField */ "./src/ui/formFields/FormRadioField/index.ts");
 /* harmony import */ var _FormTextareaField__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./FormTextareaField */ "./src/ui/formFields/FormTextareaField/index.ts");
 /* harmony import */ var _FormDateField__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./FormDateField */ "./src/ui/formFields/FormDateField/index.ts");
+/* harmony import */ var _FormDateRangeField__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./FormDateRangeField */ "./src/ui/formFields/FormDateRangeField/index.ts");
+
 
 
 
@@ -76790,6 +77148,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Footer: () => (/* reexport safe */ _DateTimePicker__WEBPACK_IMPORTED_MODULE_24__.Footer),
 /* harmony export */   FormBuilder: () => (/* reexport safe */ _FormBuilder__WEBPACK_IMPORTED_MODULE_3__.FormBuilder),
 /* harmony export */   FormDateField: () => (/* reexport safe */ _formFields__WEBPACK_IMPORTED_MODULE_27__.FormDateField),
+/* harmony export */   FormDateRangeField: () => (/* reexport safe */ _formFields__WEBPACK_IMPORTED_MODULE_27__.FormDateRangeField),
+/* harmony export */   FormDateRangeFieldBase: () => (/* reexport safe */ _formFields__WEBPACK_IMPORTED_MODULE_27__.FormDateRangeFieldBase),
 /* harmony export */   FormField: () => (/* reexport safe */ _formFields__WEBPACK_IMPORTED_MODULE_27__.FormField),
 /* harmony export */   FormFieldBase: () => (/* reexport safe */ _formFields__WEBPACK_IMPORTED_MODULE_27__.FormFieldBase),
 /* harmony export */   FormFieldWrapper: () => (/* reexport safe */ _formFields__WEBPACK_IMPORTED_MODULE_27__.FormFieldWrapper),
@@ -77083,6 +77443,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Footer: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.Footer),
 /* harmony export */   FormBuilder: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.FormBuilder),
 /* harmony export */   FormDateField: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.FormDateField),
+/* harmony export */   FormDateRangeField: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.FormDateRangeField),
+/* harmony export */   FormDateRangeFieldBase: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.FormDateRangeFieldBase),
 /* harmony export */   FormField: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.FormField),
 /* harmony export */   FormFieldBase: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.FormFieldBase),
 /* harmony export */   FormFieldWrapper: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.FormFieldWrapper),