indicator-ui 0.0.172 → 0.0.174

package/dist/index.js

@@ -1512,6 +1512,37 @@ var SvgLayoutLeft = function SvgLayoutLeft(props) {
 
 /***/ }),
 
+/***/ "./src/assets/icons/line.svg":
+/*!***********************************!*\
+  !*** ./src/assets/icons/line.svg ***!
+  \***********************************/
+/***/ ((__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 */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+var SvgLine = function SvgLine(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 1,
+    height: 28,
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    stroke: "#D0D5DD",
+    d: "M.5 0v28"
+  })));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgLine);
+
+/***/ }),
+
 /***/ "./src/assets/icons/link-01.svg":
 /*!**************************************!*\
   !*** ./src/assets/icons/link-01.svg ***!
@@ -3324,6 +3355,22 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
+/***/ "./src/ui/InputFields/DateTimeField/styles/DateField.module.scss":
+/*!***********************************************************************!*\
+  !*** ./src/ui/InputFields/DateTimeField/styles/DateField.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__ = ({"flexField":"DateField-module__flexField___N5kNa","inputField":"DateField-module__inputField___u3oP8","placeholder":"DateField-module__placeholder___Xkwql","icon":"DateField-module__icon___NsGmB"});
+
+/***/ }),
+
 /***/ "./src/ui/InputFields/DateTimeField/styles/DateTimeField.module.scss":
 /*!***************************************************************************!*\
   !*** ./src/ui/InputFields/DateTimeField/styles/DateTimeField.module.scss ***!
@@ -3336,7 +3383,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__ = ({"DateTimeField":"DateTimeField-module__DateTimeField___k_mN4","item":"DateTimeField-module__item___SY6gn"});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"DateTimeField":"DateTimeField-module__DateTimeField___k_mN4","item":"DateTimeField-module__item___SY6gn","icon":"DateTimeField-module__icon___MluNf","text":"DateTimeField-module__text___uHVVF","isFocus":"DateTimeField-module__isFocus___jQRbb","isError":"DateTimeField-module__isError___CbRIG","flexField":"DateTimeField-module__flexField___gDZ5r","placeholder":"DateTimeField-module__placeholder___ta8c2","line":"DateTimeField-module__line___UzZ_Y","xCloseButton":"DateTimeField-module__xCloseButton___zhKEB"});
 
 /***/ }),
 
@@ -6196,7 +6243,7 @@ if (false) {} else {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   AlertCircleSVG: () => (/* reexport safe */ _alert_circle_svg__WEBPACK_IMPORTED_MODULE_87__["default"]),
+/* harmony export */   AlertCircleSVG: () => (/* reexport safe */ _alert_circle_svg__WEBPACK_IMPORTED_MODULE_88__["default"]),
 /* harmony export */   AlertSquareSVG: () => (/* reexport safe */ _alert_square_svg__WEBPACK_IMPORTED_MODULE_0__["default"]),
 /* harmony export */   AlertTriangleSVG: () => (/* reexport safe */ _alert_triangle_svg__WEBPACK_IMPORTED_MODULE_1__["default"]),
 /* harmony export */   ArrowCircleUpLeftSVG: () => (/* reexport safe */ _arrow_circle_up_left_svg__WEBPACK_IMPORTED_MODULE_2__["default"]),
@@ -6214,7 +6261,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Briefcase02SVG: () => (/* reexport safe */ _briefcase_02_svg__WEBPACK_IMPORTED_MODULE_14__["default"]),
 /* harmony export */   Building07SVG: () => (/* reexport safe */ _building_07_svg__WEBPACK_IMPORTED_MODULE_15__["default"]),
 /* harmony export */   CLockSVG: () => (/* reexport safe */ _clock_svg__WEBPACK_IMPORTED_MODULE_25__["default"]),
-/* harmony export */   CalendarCheck01SVG: () => (/* reexport safe */ _calendar_check_01_svg__WEBPACK_IMPORTED_MODULE_85__["default"]),
+/* harmony export */   CalendarCheck01SVG: () => (/* reexport safe */ _calendar_check_01_svg__WEBPACK_IMPORTED_MODULE_86__["default"]),
 /* harmony export */   CalendarPlus02SVG: () => (/* reexport safe */ _calendar_plus_02_svg__WEBPACK_IMPORTED_MODULE_16__["default"]),
 /* harmony export */   CalendarSVG: () => (/* reexport safe */ _calendar_svg__WEBPACK_IMPORTED_MODULE_17__["default"]),
 /* harmony export */   CheckSVG: () => (/* reexport safe */ _check_svg__WEBPACK_IMPORTED_MODULE_18__["default"]),
@@ -6223,31 +6270,32 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   ChevronLeftSVG: () => (/* reexport safe */ _chevron_left_svg__WEBPACK_IMPORTED_MODULE_20__["default"]),
 /* harmony export */   ChevronRightSVG: () => (/* reexport safe */ _chevron_right_svg__WEBPACK_IMPORTED_MODULE_21__["default"]),
 /* harmony export */   ChevronUpSVG: () => (/* reexport safe */ _chevron_up_svg__WEBPACK_IMPORTED_MODULE_23__["default"]),
-/* harmony export */   CircleSVG: () => (/* reexport safe */ _circle_svg__WEBPACK_IMPORTED_MODULE_84__["default"]),
+/* harmony export */   CircleSVG: () => (/* reexport safe */ _circle_svg__WEBPACK_IMPORTED_MODULE_85__["default"]),
 /* harmony export */   ClockCheckSVG: () => (/* reexport safe */ _clock_check_svg__WEBPACK_IMPORTED_MODULE_24__["default"]),
 /* harmony export */   Copy06SVG: () => (/* reexport safe */ _copy_06_svg__WEBPACK_IMPORTED_MODULE_26__["default"]),
 /* harmony export */   Dataflow01SVG: () => (/* reexport safe */ _dataflow_01_svg__WEBPACK_IMPORTED_MODULE_27__["default"]),
 /* harmony export */   DotsGridSVG: () => (/* reexport safe */ _dots_grid_svg__WEBPACK_IMPORTED_MODULE_29__["default"]),
 /* harmony export */   Download01SVG: () => (/* reexport safe */ _download_01_svg__WEBPACK_IMPORTED_MODULE_28__["default"]),
-/* harmony export */   EyeSVG: () => (/* reexport safe */ _eye_svg__WEBPACK_IMPORTED_MODULE_78__["default"]),
+/* harmony export */   EyeSVG: () => (/* reexport safe */ _eye_svg__WEBPACK_IMPORTED_MODULE_79__["default"]),
 /* harmony export */   FaceSmileSVG: () => (/* reexport safe */ _face_smile_svg__WEBPACK_IMPORTED_MODULE_30__["default"]),
 /* harmony export */   File04SVG: () => (/* reexport safe */ _file_04_svg__WEBPACK_IMPORTED_MODULE_31__["default"]),
 /* harmony export */   File06SVG: () => (/* reexport safe */ _file_06_svg__WEBPACK_IMPORTED_MODULE_32__["default"]),
 /* harmony export */   FileAttachment04SVG: () => (/* reexport safe */ _file_attachment_04_svg__WEBPACK_IMPORTED_MODULE_33__["default"]),
-/* harmony export */   HelpCircleSVG: () => (/* reexport safe */ _help_circle_svg__WEBPACK_IMPORTED_MODULE_86__["default"]),
+/* harmony export */   HelpCircleSVG: () => (/* reexport safe */ _help_circle_svg__WEBPACK_IMPORTED_MODULE_87__["default"]),
 /* harmony export */   Image02SVG: () => (/* reexport safe */ _image_02_svg__WEBPACK_IMPORTED_MODULE_34__["default"]),
-/* harmony export */   LayoutAlt01SVG: () => (/* reexport safe */ _layout_alt_01_svg__WEBPACK_IMPORTED_MODULE_82__["default"]),
-/* harmony export */   LayoutAlt03SVG: () => (/* reexport safe */ _layout_alt_03_svg__WEBPACK_IMPORTED_MODULE_83__["default"]),
+/* harmony export */   LayoutAlt01SVG: () => (/* reexport safe */ _layout_alt_01_svg__WEBPACK_IMPORTED_MODULE_83__["default"]),
+/* harmony export */   LayoutAlt03SVG: () => (/* reexport safe */ _layout_alt_03_svg__WEBPACK_IMPORTED_MODULE_84__["default"]),
 /* harmony export */   LayoutCalendarSVG: () => (/* reexport safe */ _layout_calendar_svg__WEBPACK_IMPORTED_MODULE_35__["default"]),
 /* harmony export */   LayoutGrid02SVG: () => (/* reexport safe */ _layout_grid_02_svg__WEBPACK_IMPORTED_MODULE_37__["default"]),
 /* harmony export */   LayoutLeftSVG: () => (/* reexport safe */ _layout_left_svg__WEBPACK_IMPORTED_MODULE_36__["default"]),
+/* harmony export */   LineSVG: () => (/* reexport safe */ _line_svg__WEBPACK_IMPORTED_MODULE_78__["default"]),
 /* harmony export */   Link01SVG: () => (/* reexport safe */ _link_01_svg__WEBPACK_IMPORTED_MODULE_38__["default"]),
 /* harmony export */   Lock01SVG: () => (/* reexport safe */ _lock_01_svg__WEBPACK_IMPORTED_MODULE_41__["default"]),
 /* harmony export */   Login01SVG: () => (/* reexport safe */ _log_in_01_svg__WEBPACK_IMPORTED_MODULE_39__["default"]),
 /* harmony export */   Logout01SVG: () => (/* reexport safe */ _log_out_01_svg__WEBPACK_IMPORTED_MODULE_40__["default"]),
 /* harmony export */   MarkerPin02SVG: () => (/* reexport safe */ _marker_pin_02_svg__WEBPACK_IMPORTED_MODULE_42__["default"]),
 /* harmony export */   MessageNotificationCircleSVG: () => (/* reexport safe */ _message_notification_circle_svg__WEBPACK_IMPORTED_MODULE_43__["default"]),
-/* harmony export */   MessageSquare02SVG: () => (/* reexport safe */ _message_square_02_svg__WEBPACK_IMPORTED_MODULE_79__["default"]),
+/* harmony export */   MessageSquare02SVG: () => (/* reexport safe */ _message_square_02_svg__WEBPACK_IMPORTED_MODULE_80__["default"]),
 /* harmony export */   MessageTextSquare01SVG: () => (/* reexport safe */ _message_text_square_01_svg__WEBPACK_IMPORTED_MODULE_44__["default"]),
 /* harmony export */   MessageTextSquare02SVG: () => (/* reexport safe */ _message_text_square_02_svg__WEBPACK_IMPORTED_MODULE_45__["default"]),
 /* harmony export */   MinusSVG: () => (/* reexport safe */ _minus_svg__WEBPACK_IMPORTED_MODULE_46__["default"]),
@@ -6266,11 +6314,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   SearchSmSVG: () => (/* reexport safe */ _search_sm_svg__WEBPACK_IMPORTED_MODULE_57__["default"]),
 /* harmony export */   Settings01SVG: () => (/* reexport safe */ _settings_01_svg__WEBPACK_IMPORTED_MODULE_60__["default"]),
 /* harmony export */   Settings04SVG: () => (/* reexport safe */ _settings_04_svg__WEBPACK_IMPORTED_MODULE_61__["default"]),
-/* harmony export */   ShareArrowSVG: () => (/* reexport safe */ _share_arrow_svg__WEBPACK_IMPORTED_MODULE_80__["default"]),
+/* harmony export */   ShareArrowSVG: () => (/* reexport safe */ _share_arrow_svg__WEBPACK_IMPORTED_MODULE_81__["default"]),
 /* harmony export */   SlashOctagonSVG: () => (/* reexport safe */ _slash_octagon_svg__WEBPACK_IMPORTED_MODULE_63__["default"]),
 /* harmony export */   SupportSVG: () => (/* reexport safe */ _support_svg__WEBPACK_IMPORTED_MODULE_62__["default"]),
 /* harmony export */   SwitchHorizontal02SVG: () => (/* reexport safe */ _switch_horizontal_02_svg__WEBPACK_IMPORTED_MODULE_64__["default"]),
-/* harmony export */   ThumbsUpSVG: () => (/* reexport safe */ _thumbs_up_svg__WEBPACK_IMPORTED_MODULE_81__["default"]),
+/* harmony export */   ThumbsUpSVG: () => (/* reexport safe */ _thumbs_up_svg__WEBPACK_IMPORTED_MODULE_82__["default"]),
 /* harmony export */   Trash01SVG: () => (/* reexport safe */ _trash_01_svg__WEBPACK_IMPORTED_MODULE_65__["default"]),
 /* harmony export */   Trash03SVG: () => (/* reexport safe */ _trash_03_svg__WEBPACK_IMPORTED_MODULE_66__["default"]),
 /* harmony export */   Type02SVG: () => (/* reexport safe */ _type_02_svg__WEBPACK_IMPORTED_MODULE_67__["default"]),
@@ -6363,16 +6411,18 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _volume_x_svg__WEBPACK_IMPORTED_MODULE_75__ = __webpack_require__(/*! ./volume-x.svg */ "./src/assets/icons/volume-x.svg");
 /* harmony import */ var _wallet_03_svg__WEBPACK_IMPORTED_MODULE_76__ = __webpack_require__(/*! ./wallet-03.svg */ "./src/assets/icons/wallet-03.svg");
 /* harmony import */ var _x_close_svg__WEBPACK_IMPORTED_MODULE_77__ = __webpack_require__(/*! ./x-close.svg */ "./src/assets/icons/x-close.svg");
-/* harmony import */ var _eye_svg__WEBPACK_IMPORTED_MODULE_78__ = __webpack_require__(/*! ./eye.svg */ "./src/assets/icons/eye.svg");
-/* harmony import */ var _message_square_02_svg__WEBPACK_IMPORTED_MODULE_79__ = __webpack_require__(/*! ./message-square-02.svg */ "./src/assets/icons/message-square-02.svg");
-/* harmony import */ var _share_arrow_svg__WEBPACK_IMPORTED_MODULE_80__ = __webpack_require__(/*! ./share-arrow.svg */ "./src/assets/icons/share-arrow.svg");
-/* harmony import */ var _thumbs_up_svg__WEBPACK_IMPORTED_MODULE_81__ = __webpack_require__(/*! ./thumbs-up.svg */ "./src/assets/icons/thumbs-up.svg");
-/* harmony import */ var _layout_alt_01_svg__WEBPACK_IMPORTED_MODULE_82__ = __webpack_require__(/*! ./layout-alt-01.svg */ "./src/assets/icons/layout-alt-01.svg");
-/* harmony import */ var _layout_alt_03_svg__WEBPACK_IMPORTED_MODULE_83__ = __webpack_require__(/*! ./layout-alt-03.svg */ "./src/assets/icons/layout-alt-03.svg");
-/* harmony import */ var _circle_svg__WEBPACK_IMPORTED_MODULE_84__ = __webpack_require__(/*! ./circle.svg */ "./src/assets/icons/circle.svg");
-/* harmony import */ var _calendar_check_01_svg__WEBPACK_IMPORTED_MODULE_85__ = __webpack_require__(/*! ./calendar-check-01.svg */ "./src/assets/icons/calendar-check-01.svg");
-/* harmony import */ var _help_circle_svg__WEBPACK_IMPORTED_MODULE_86__ = __webpack_require__(/*! ./help-circle.svg */ "./src/assets/icons/help-circle.svg");
-/* harmony import */ var _alert_circle_svg__WEBPACK_IMPORTED_MODULE_87__ = __webpack_require__(/*! ./alert-circle.svg */ "./src/assets/icons/alert-circle.svg");
+/* harmony import */ var _line_svg__WEBPACK_IMPORTED_MODULE_78__ = __webpack_require__(/*! ./line.svg */ "./src/assets/icons/line.svg");
+/* harmony import */ var _eye_svg__WEBPACK_IMPORTED_MODULE_79__ = __webpack_require__(/*! ./eye.svg */ "./src/assets/icons/eye.svg");
+/* harmony import */ var _message_square_02_svg__WEBPACK_IMPORTED_MODULE_80__ = __webpack_require__(/*! ./message-square-02.svg */ "./src/assets/icons/message-square-02.svg");
+/* harmony import */ var _share_arrow_svg__WEBPACK_IMPORTED_MODULE_81__ = __webpack_require__(/*! ./share-arrow.svg */ "./src/assets/icons/share-arrow.svg");
+/* harmony import */ var _thumbs_up_svg__WEBPACK_IMPORTED_MODULE_82__ = __webpack_require__(/*! ./thumbs-up.svg */ "./src/assets/icons/thumbs-up.svg");
+/* harmony import */ var _layout_alt_01_svg__WEBPACK_IMPORTED_MODULE_83__ = __webpack_require__(/*! ./layout-alt-01.svg */ "./src/assets/icons/layout-alt-01.svg");
+/* harmony import */ var _layout_alt_03_svg__WEBPACK_IMPORTED_MODULE_84__ = __webpack_require__(/*! ./layout-alt-03.svg */ "./src/assets/icons/layout-alt-03.svg");
+/* harmony import */ var _circle_svg__WEBPACK_IMPORTED_MODULE_85__ = __webpack_require__(/*! ./circle.svg */ "./src/assets/icons/circle.svg");
+/* harmony import */ var _calendar_check_01_svg__WEBPACK_IMPORTED_MODULE_86__ = __webpack_require__(/*! ./calendar-check-01.svg */ "./src/assets/icons/calendar-check-01.svg");
+/* harmony import */ var _help_circle_svg__WEBPACK_IMPORTED_MODULE_87__ = __webpack_require__(/*! ./help-circle.svg */ "./src/assets/icons/help-circle.svg");
+/* harmony import */ var _alert_circle_svg__WEBPACK_IMPORTED_MODULE_88__ = __webpack_require__(/*! ./alert-circle.svg */ "./src/assets/icons/alert-circle.svg");
+
 
 
 
@@ -6519,6 +6569,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   LayoutCalendarSVG: () => (/* reexport safe */ _icons__WEBPACK_IMPORTED_MODULE_0__.LayoutCalendarSVG),
 /* harmony export */   LayoutGrid02SVG: () => (/* reexport safe */ _icons__WEBPACK_IMPORTED_MODULE_0__.LayoutGrid02SVG),
 /* harmony export */   LayoutLeftSVG: () => (/* reexport safe */ _icons__WEBPACK_IMPORTED_MODULE_0__.LayoutLeftSVG),
+/* harmony export */   LineSVG: () => (/* reexport safe */ _icons__WEBPACK_IMPORTED_MODULE_0__.LineSVG),
 /* harmony export */   Link01SVG: () => (/* reexport safe */ _icons__WEBPACK_IMPORTED_MODULE_0__.Link01SVG),
 /* harmony export */   Lock01SVG: () => (/* reexport safe */ _icons__WEBPACK_IMPORTED_MODULE_0__.Lock01SVG),
 /* harmony export */   Login01SVG: () => (/* reexport safe */ _icons__WEBPACK_IMPORTED_MODULE_0__.Login01SVG),
@@ -9689,9 +9740,12 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   DateFieldStyle: () => (/* reexport safe */ _DateField_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"]),
 /* harmony export */   DateTimeFieldStyle: () => (/* reexport safe */ _DateTimeField_module_scss__WEBPACK_IMPORTED_MODULE_0__["default"])
 /* harmony export */ });
 /* harmony import */ var _DateTimeField_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./DateTimeField.module.scss */ "./src/ui/InputFields/DateTimeField/styles/DateTimeField.module.scss");
+/* harmony import */ var _DateField_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DateField.module.scss */ "./src/ui/InputFields/DateTimeField/styles/DateField.module.scss");
+
 
 
 
@@ -9770,17 +9824,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var react_imask__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-imask */ "./node_modules/react-imask/esm/index.js");
 /* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/lib */ "./src/lib/index.ts");
-/* harmony import */ var _FlexField__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../FlexField */ "./src/ui/InputFields/FlexField/index.ts");
 
 
 
 
-
-function DateField({ value, disabled, required, isError, onChange, onFocus, dateFormat = 'dd.MM.yyyy', onBlur, minYear = 1000, maxYear = 9999, additionStyles, timeZone, placeholder, }) {
+function DateField({ value, disabled, required, isError, onChange, onFocus, dateFormat = 'dd.MM.yyyy', onBlur, minYear = 1000, maxYear = 9999, timeZone, placeholder, className, }) {
     const [dateValue, setDateValue] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(value);
     (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
         if (value !== dateValue)
-            setDateValue(value);
+            setDateValue(value || '');
     }, [value]);
     const handleChange = (newDate) => {
         setDateValue(newDate);
@@ -9798,7 +9850,7 @@ function DateField({ value, disabled, required, isError, onChange, onFocus, date
             onChange('');
         }
     };
-    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_FlexField__WEBPACK_IMPORTED_MODULE_4__.FlexField, { value: dateValue, placeholder: placeholder, onChange: handleChange, disabled: disabled, isError: isError, onFocus: onFocus, onBlur: onBlur, mask: dateFormat, blocks: {
+    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_imask__WEBPACK_IMPORTED_MODULE_2__.IMaskInput, { value: dateValue, placeholder: placeholder, onAccept: handleChange, disabled: disabled, onFocus: onFocus, onBlur: onBlur, mask: dateFormat, blocks: {
             YYYY: {
                 mask: react_imask__WEBPACK_IMPORTED_MODULE_2__.IMask.MaskedRange,
                 from: minYear, // минимальный год
@@ -9824,7 +9876,7 @@ function DateField({ value, disabled, required, isError, onChange, onFocus, date
                 from: 0,
                 to: 99,
             }
-        }, required: required });
+        }, className: className, required: required });
 }
 
 
@@ -9845,10 +9897,11 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 clsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
-/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/lib */ "./src/lib/index.ts");
-/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../styles */ "./src/ui/InputFields/DateTimeField/styles/index.ts");
-/* harmony import */ var _TimeField__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./TimeField */ "./src/ui/InputFields/DateTimeField/ui/TimeField.tsx");
-/* harmony import */ var _DateField__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./DateField */ "./src/ui/InputFields/DateTimeField/ui/DateField.tsx");
+/* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/assets */ "./src/assets/index.ts");
+/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/lib */ "./src/lib/index.ts");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../styles */ "./src/ui/InputFields/DateTimeField/styles/index.ts");
+/* harmony import */ var _TimeField__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./TimeField */ "./src/ui/InputFields/DateTimeField/ui/TimeField.tsx");
+/* harmony import */ var _DateField__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./DateField */ "./src/ui/InputFields/DateTimeField/ui/DateField.tsx");
 
 
 
@@ -9856,17 +9909,19 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-function DateTimeField({ value, fieldConfig = 'datetime', onChange, dateFormat = 'dd.MM.yyyy', timeFormat = 'HH:mm', outFormat = 'iso-8601', additionStyle, datePlaceholder, timePlaceholder, timeZone = 'Z', ...props }) {
+
+function DateTimeField({ value, fieldConfig = 'datetime', onChange, dateFormat = 'dd.MM.yyyy', timeFormat = 'HH:mm', outFormat = 'iso-8601', additionStyle, datePlaceholder = "дд.мм.гггг", timePlaceholder = "чч:мм", timeZone = 'Z', iconDate, iconTime, textDate, textTime, xClose = false, isError = false, onFocus, onBlur, ...props }) {
+    const [isFocus, setIsFocus] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
     const getValueInDate = () => {
         if (value === undefined)
             return undefined;
-        return (0,_lib__WEBPACK_IMPORTED_MODULE_3__.saveParseDate)(value, { from: outFormat, fromTimeZone: timeZone });
+        return (0,_lib__WEBPACK_IMPORTED_MODULE_4__.saveParseDate)(value, { from: outFormat, fromTimeZone: timeZone });
     };
     const getDateFromValue = () => {
         if (fieldConfig === 'time' || value === undefined)
             return undefined;
         const curDate = getValueInDate();
-        return (0,_lib__WEBPACK_IMPORTED_MODULE_3__.saveFormatDate)(curDate, {
+        return (0,_lib__WEBPACK_IMPORTED_MODULE_4__.saveFormatDate)(curDate, {
             to: dateFormat,
             errorNull: true,
             toTimeZone: timeZone,
@@ -9876,14 +9931,14 @@ function DateTimeField({ value, fieldConfig = 'datetime', onChange, dateFormat =
         if (fieldConfig === 'date' || value === undefined)
             return undefined;
         const curDate = getValueInDate();
-        return (0,_lib__WEBPACK_IMPORTED_MODULE_3__.saveFormatDate)(curDate, {
+        return (0,_lib__WEBPACK_IMPORTED_MODULE_4__.saveFormatDate)(curDate, {
             to: timeFormat,
             errorNull: true,
             toTimeZone: timeZone,
         }) ?? undefined;
     };
     const setTimeInDate = (res, newTime) => {
-        const dateTime = (0,_lib__WEBPACK_IMPORTED_MODULE_3__.saveParseDate)(newTime, { from: timeFormat, fromTimeZone: timeZone });
+        const dateTime = (0,_lib__WEBPACK_IMPORTED_MODULE_4__.saveParseDate)(newTime, { from: timeFormat, fromTimeZone: timeZone });
         if (dateTime != null) {
             res.setHours(dateTime.getHours());
             res.setMinutes(dateTime.getMinutes());
@@ -9892,7 +9947,7 @@ function DateTimeField({ value, fieldConfig = 'datetime', onChange, dateFormat =
         }
     };
     const setDateInDate = (res, newDate) => {
-        const dateTime = (0,_lib__WEBPACK_IMPORTED_MODULE_3__.saveParseDate)(newDate, { from: dateFormat, fromTimeZone: timeZone });
+        const dateTime = (0,_lib__WEBPACK_IMPORTED_MODULE_4__.saveParseDate)(newDate, { from: dateFormat, fromTimeZone: timeZone });
         if (dateTime != null) {
             res.setFullYear(dateTime.getFullYear());
             res.setMonth(dateTime.getMonth());
@@ -9902,7 +9957,7 @@ function DateTimeField({ value, fieldConfig = 'datetime', onChange, dateFormat =
     const getDateTimeFormatValue = (newValue) => {
         if (newValue == null)
             return null;
-        const res = (0,_lib__WEBPACK_IMPORTED_MODULE_3__.saveFormatDate)(newValue, {
+        const res = (0,_lib__WEBPACK_IMPORTED_MODULE_4__.saveFormatDate)(newValue, {
             to: outFormat,
             toTimeZone: timeZone,
         });
@@ -9959,7 +10014,7 @@ function DateTimeField({ value, fieldConfig = 'datetime', onChange, dateFormat =
         (time === '' && date === '' && fieldConfig === 'datetime') ||
             (time === '' && fieldConfig === 'time') ||
             (date === '' && fieldConfig === 'date')) {
-            onChange('');
+            onChange && onChange('');
         }
         else if (time || date) {
             const resDate = getDateTimeValue();
@@ -9968,17 +10023,53 @@ function DateTimeField({ value, fieldConfig = 'datetime', onChange, dateFormat =
             }
         }
     }, [time, date]);
+    const handleOnCloseClick = () => {
+        if (fieldConfig === 'datetime') {
+            setDate('');
+            setTime('');
+        }
+        else if (fieldConfig === 'time') {
+            setTime('');
+        }
+        else if (fieldConfig === 'date') {
+            setDate('');
+        }
+    };
+    const handleBlur = (e) => {
+        onBlur && onBlur(e);
+        setIsFocus(false);
+    };
+    const handleFocus = (e) => {
+        onFocus && onFocus(e);
+        setIsFocus(true);
+    };
+    const getButtonClose = () => {
+        if (!xClose)
+            return undefined;
+        return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { onClick: () => {
+                handleOnCloseClick();
+            }, className: _styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.xCloseButton, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_3__.XCloseSVG, {}) });
+    };
     const getTimeContent = () => {
         if (fieldConfig == 'date')
             return undefined;
-        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_4__.DateTimeFieldStyle.item, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_TimeField__WEBPACK_IMPORTED_MODULE_5__.TimeField, { ...props, placeholder: timePlaceholder, onChange: setTime, timeZone: timeZone, value: time, timeFormat: timeFormat }) }));
+        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.item, children: [iconTime && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.icon, children: iconTime }), textTime && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.text, children: textTime }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_TimeField__WEBPACK_IMPORTED_MODULE_6__.TimeField, { ...props, placeholder: timePlaceholder, onChange: setTime, timeZone: timeZone, onBlur: handleBlur, onFocus: handleFocus, value: time, timeFormat: timeFormat, className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.flexField, {
+                        [_styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.singleField]: fieldConfig === 'time',
+                        [_styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.dateTimeFieldRight]: fieldConfig === 'datetime'
+                    }) }), getButtonClose()] }));
     };
     const getDateContent = () => {
         if (fieldConfig == 'time')
             return undefined;
-        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_4__.DateTimeFieldStyle.item, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_DateField__WEBPACK_IMPORTED_MODULE_6__.DateField, { ...props, placeholder: datePlaceholder, value: date, timeZone: timeZone, onChange: setDate, dateFormat: dateFormat }) }));
+        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.item, children: [iconDate && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.icon, children: iconDate }), textDate && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.text, children: textDate }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_DateField__WEBPACK_IMPORTED_MODULE_7__.DateField, { ...props, placeholder: datePlaceholder, value: date, onBlur: handleBlur, onFocus: handleFocus, timeZone: timeZone, onChange: setDate, dateFormat: dateFormat, className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.flexField, {
+                        [_styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.singleField]: fieldConfig === 'date',
+                        [_styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.dateTimeFieldLeft]: fieldConfig === 'datetime'
+                    }) }), fieldConfig == 'date' && getButtonClose()] }));
     };
-    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_4__.DateTimeFieldStyle.DateTimeField, additionStyle), children: [getDateContent(), getTimeContent()] }));
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.DateTimeField, additionStyle, {
+            [_styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.isError]: isError,
+            [_styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.isFocus]: isFocus
+        }), children: [getDateContent(), fieldConfig === 'datetime' && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.line, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_3__.LineSVG, {}) }), getTimeContent()] }));
 }
 
 
@@ -10000,13 +10091,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var react_imask__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-imask */ "./node_modules/react-imask/esm/index.js");
 /* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/lib */ "./src/lib/index.ts");
-/* harmony import */ var _FlexField__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../FlexField */ "./src/ui/InputFields/FlexField/index.ts");
-
 
 
 
 
-function TimeField({ value, disabled, required, isError, onChange, onFocus, timeFormat = 'HH:mm', onBlur, placeholder, additionStyles, timeZone, }) {
+function TimeField({ value, disabled, required, isError, onChange, onFocus, timeFormat = 'HH:mm', onBlur, placeholder, additionStyles, timeZone, className }) {
     const [timeValue, setTimeValue] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(value);
     (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
         if (value !== timeValue)
@@ -10028,7 +10117,7 @@ function TimeField({ value, disabled, required, isError, onChange, onFocus, time
             onChange('');
         }
     };
-    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_FlexField__WEBPACK_IMPORTED_MODULE_4__.FlexField, { value: timeValue, placeholder: placeholder, onChange: handleChange, disabled: disabled, isError: isError, onFocus: onFocus, onBlur: onBlur, mask: timeFormat, blocks: {
+    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_imask__WEBPACK_IMPORTED_MODULE_2__.IMaskInput, { value: timeValue, placeholder: placeholder, onAccept: handleChange, disabled: disabled, onFocus: onFocus, onBlur: onBlur, mask: timeFormat, blocks: {
             HH: {
                 mask: react_imask__WEBPACK_IMPORTED_MODULE_2__.IMask.MaskedRange,
                 from: 0,
@@ -10049,8 +10138,7 @@ function TimeField({ value, disabled, required, isError, onChange, onFocus, time
                 from: 0,
                 to: 999, // для миллисекунд 000-999
             },
-            autofix: false,
-        }, required: required });
+        }, className: className, required: required });
 }
 
 
@@ -13999,10 +14087,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   NUM_OF_ROWS: () => (/* reexport safe */ _DatePicker__WEBPACK_IMPORTED_MODULE_2__.NUM_OF_ROWS),
 /* harmony export */   PageSwitcher: () => (/* reexport safe */ _PaginationBar__WEBPACK_IMPORTED_MODULE_16__.PageSwitcher),
 /* harmony export */   PaginationBar: () => (/* reexport safe */ _PaginationBar__WEBPACK_IMPORTED_MODULE_16__.PaginationBar),
+/* harmony export */   PlayButton: () => (/* reexport safe */ _PlayButton__WEBPACK_IMPORTED_MODULE_24__.PlayButton),
+/* harmony export */   PlaySVG: () => (/* reexport safe */ _PlayButton__WEBPACK_IMPORTED_MODULE_24__.PlaySVG),
 /* harmony export */   RadioField: () => (/* reexport safe */ _InputFields__WEBPACK_IMPORTED_MODULE_3__.RadioField),
 /* harmony export */   ScrollProvider: () => (/* reexport safe */ _ScrollProvider__WEBPACK_IMPORTED_MODULE_17__.ScrollProvider),
 /* harmony export */   SelectField: () => (/* reexport safe */ _InputFields__WEBPACK_IMPORTED_MODULE_3__.SelectField),
 /* harmony export */   SlideTransition: () => (/* reexport safe */ _SlideTransition__WEBPACK_IMPORTED_MODULE_11__.SlideTransition),
+/* harmony export */   StopSVG: () => (/* reexport safe */ _PlayButton__WEBPACK_IMPORTED_MODULE_24__.StopSVG),
 /* harmony export */   SwitcherField: () => (/* reexport safe */ _InputFields__WEBPACK_IMPORTED_MODULE_3__.SwitcherField),
 /* harmony export */   TabButtons: () => (/* reexport safe */ _TabButtons__WEBPACK_IMPORTED_MODULE_15__.TabButtons),
 /* harmony export */   TabFrame: () => (/* reexport safe */ _TabFrame__WEBPACK_IMPORTED_MODULE_14__.TabFrame),
@@ -14045,6 +14136,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _Loaders__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./Loaders */ "./src/ui/Loaders/index.ts");
 /* harmony import */ var _MediaViewer__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./MediaViewer */ "./src/ui/MediaViewer/index.ts");
 /* harmony import */ var _Carousel__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./Carousel */ "./src/ui/Carousel/index.ts");
+/* harmony import */ var _PlayButton__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./PlayButton */ "./src/ui/PlayButton/index.ts");
+
 
 
 
@@ -29950,10 +30043,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   NUM_OF_ROWS: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.NUM_OF_ROWS),
 /* harmony export */   PageSwitcher: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.PageSwitcher),
 /* harmony export */   PaginationBar: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.PaginationBar),
+/* harmony export */   PlayButton: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.PlayButton),
+/* harmony export */   PlaySVG: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.PlaySVG),
 /* harmony export */   RadioField: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.RadioField),
 /* harmony export */   ScrollProvider: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.ScrollProvider),
 /* harmony export */   SelectField: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.SelectField),
 /* harmony export */   SlideTransition: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.SlideTransition),
+/* harmony export */   StopSVG: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.StopSVG),
 /* harmony export */   SwitcherField: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.SwitcherField),
 /* harmony export */   TabButtons: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.TabButtons),
 /* harmony export */   TabFrame: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.TabFrame),