indicator-ui 0.1.73 → 0.1.75

package/dist/index.js

@@ -64644,15 +64644,15 @@ __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__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 _assets__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/assets */ "./src/assets/index.ts");
-/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/lib */ "./src/lib/index.ts");
-/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
-/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../ui */ "./src/ui/DateTimePicker/ui/index.ts");
-/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../styles */ "./src/ui/DateTimePicker/styles/index.ts");
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @/hooks */ "./src/hooks/index.ts");
-/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
+/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/assets */ "./src/assets/index.ts");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/hooks */ "./src/hooks/index.ts");
+/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/lib */ "./src/lib/index.ts");
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../ui */ "./src/ui/DateTimePicker/ui/index.ts");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../styles */ "./src/ui/DateTimePicker/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 + ""; }
@@ -64672,7 +64672,7 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 
 
 
-var DateTimePicker = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
+var DateTimePicker = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)(function (props, ref) {
   var date = props.date,
     onSubmit = props.onSubmit,
     _props$type = props.type,
@@ -64682,19 +64682,19 @@ var DateTimePicker = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardR
     style = props.style,
     _props$theme = props.theme,
     theme = _props$theme === void 0 ? "light" : _props$theme;
-  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)((0,_ui__WEBPACK_IMPORTED_MODULE_4__.convertDate)({
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)((0,_ui__WEBPACK_IMPORTED_MODULE_6__.convertDate)({
       initDate: date || undefined,
       type: type
     })),
     _useState2 = _slicedToArray(_useState, 2),
     chosenDate = _useState2[0],
     setChosenDate = _useState2[1];
-  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(type !== 'time' ? 'date' : 'time'),
+  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(type !== 'time' ? 'date' : 'time'),
     _useState4 = _slicedToArray(_useState3, 2),
     pickerType = _useState4[0],
     setPickerType = _useState4[1];
-  (0,_hooks__WEBPACK_IMPORTED_MODULE_7__.useDeepCompareEffect)(function () {
-    var convertedDate = (0,_ui__WEBPACK_IMPORTED_MODULE_4__.convertDate)({
+  (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useDeepCompareEffect)(function () {
+    var convertedDate = (0,_ui__WEBPACK_IMPORTED_MODULE_6__.convertDate)({
       initDate: date || undefined,
       type: type
     });
@@ -64702,14 +64702,14 @@ var DateTimePicker = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardR
   }, [date]);
   var getFormatDate = function getFormatDate() {
     var viewDate = Array.isArray(chosenDate) ? chosenDate[0] : chosenDate;
-    return (0,_lib__WEBPACK_IMPORTED_MODULE_3__.saveFormatDate)(viewDate || '', {
+    return (0,_lib__WEBPACK_IMPORTED_MODULE_5__.saveFormatDate)(viewDate || '', {
       from: 'iso-8601',
       to: 'dd.MM.yyyy'
     });
   };
   var getFormatTime = function getFormatTime() {
     var viewDate = Array.isArray(chosenDate) ? chosenDate[0] : chosenDate;
-    return (0,_lib__WEBPACK_IMPORTED_MODULE_3__.saveFormatDate)(viewDate || '', {
+    return (0,_lib__WEBPACK_IMPORTED_MODULE_5__.saveFormatDate)(viewDate || '', {
       from: 'iso-8601',
       to: 'HH:mm'
     });
@@ -64720,7 +64720,7 @@ var DateTimePicker = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardR
   var handleChangeDate = function handleChangeDate(value) {
     var processDate = function processDate(newDate) {
       if (Array.isArray(newDate) && type === 'date-range') {
-        return (0,_ui__WEBPACK_IMPORTED_MODULE_4__.sortDates)(newDate);
+        return (0,_ui__WEBPACK_IMPORTED_MODULE_6__.sortDates)(newDate);
       } else if (typeof newDate === 'string') {
         return newDate;
       }
@@ -64755,19 +64755,19 @@ var DateTimePicker = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardR
       onClick: function onClick() {
         return setPickerType('date');
       },
-      iconLeft: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_2__.CalendarSVG, {}),
+      iconLeft: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_3__.CalendarSVG, {}),
       active: ['date', 'month', 'year'].includes(pickerType)
     }, {
       text: getFormatTime(),
       onClick: function onClick() {
         return setPickerType('time');
       },
-      iconLeft: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_2__.CLockSVG, {}),
+      iconLeft: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_3__.CLockSVG, {}),
       active: ['time'].includes(pickerType)
     }];
     return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
-      className: _styles__WEBPACK_IMPORTED_MODULE_6__.DateTimePickerStyle.tabWrapper,
-      children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_4__.TabFrame, {
+      className: _styles__WEBPACK_IMPORTED_MODULE_8__.DateTimePickerStyle.tabWrapper,
+      children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_6__.TabFrame, {
         width: 'fill',
         tabs: tabs,
         theme: theme
@@ -64777,7 +64777,7 @@ var DateTimePicker = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardR
   var getPicker = function getPicker() {
     switch (pickerType) {
       case 'date':
-        return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_5__.DatePicker, {
+        return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_7__.DatePicker, {
           date: chosenDate,
           onChangeDate: handleChangeDate,
           type: type !== 'time' ? type : undefined,
@@ -64790,7 +64790,7 @@ var DateTimePicker = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardR
           theme: theme
         });
       case 'year':
-        return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_5__.YearPicker, {
+        return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_7__.YearPicker, {
           targetDate: chosenDate,
           type: type !== 'time' ? type : undefined,
           onChangeTarget: function onChangeTarget(date) {
@@ -64802,7 +64802,7 @@ var DateTimePicker = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardR
           theme: theme
         });
       case 'month':
-        return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_5__.MonthPicker, {
+        return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_7__.MonthPicker, {
           targetDate: chosenDate,
           type: type !== 'time' ? type : undefined,
           onChangeTarget: function onChangeTarget(date) {
@@ -64817,7 +64817,7 @@ var DateTimePicker = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardR
           theme: theme
         });
       case 'time':
-        return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_5__.TimePicker, {
+        return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_7__.TimePicker, {
           time: getDate(),
           onlyTime: type === 'time',
           onChangeTime: handleChangeTime,
@@ -64827,7 +64827,7 @@ var DateTimePicker = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardR
   };
   var getPickerInWrapper = function getPickerInWrapper() {
     return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
-      className: _styles__WEBPACK_IMPORTED_MODULE_6__.DateTimePickerStyle.pickerWrapper,
+      className: _styles__WEBPACK_IMPORTED_MODULE_8__.DateTimePickerStyle.pickerWrapper,
       children: getPicker()
     }, pickerType);
   };
@@ -64844,31 +64844,31 @@ var DateTimePicker = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardR
     }
   };
   return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-    className: (0,clsx__WEBPACK_IMPORTED_MODULE_8__["default"])(_styles__WEBPACK_IMPORTED_MODULE_6__.DateTimePickerStyle.DateTimePicker, _defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_6__.DateTimePickerStyle.dark, theme === "dark")),
+    className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_8__.DateTimePickerStyle.DateTimePicker, _defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_8__.DateTimePickerStyle.dark, theme === "dark")),
     style: style,
     ref: ref,
     children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-      className: _styles__WEBPACK_IMPORTED_MODULE_6__.DateTimePickerStyle.header,
+      className: _styles__WEBPACK_IMPORTED_MODULE_8__.DateTimePickerStyle.header,
       children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", {
-        className: _styles__WEBPACK_IMPORTED_MODULE_6__.DateTimePickerStyle.title,
+        className: _styles__WEBPACK_IMPORTED_MODULE_8__.DateTimePickerStyle.title,
         children: getTitle()
       }), subTitle && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", {
-        className: _styles__WEBPACK_IMPORTED_MODULE_6__.DateTimePickerStyle.subtitle,
+        className: _styles__WEBPACK_IMPORTED_MODULE_8__.DateTimePickerStyle.subtitle,
         children: subTitle
       })]
     }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-      className: _styles__WEBPACK_IMPORTED_MODULE_6__.DateTimePickerStyle.content,
+      className: _styles__WEBPACK_IMPORTED_MODULE_8__.DateTimePickerStyle.content,
       children: [getTabBar(), getPickerInWrapper()]
     }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-      className: _styles__WEBPACK_IMPORTED_MODULE_6__.DateTimePickerStyle.actions,
-      children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_4__.Button, {
+      className: _styles__WEBPACK_IMPORTED_MODULE_8__.DateTimePickerStyle.actions,
+      children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_6__.Button, {
         size: 'small',
         hierarchy: 'secondary-gray',
         text: 'Отмена',
         width: 'fill',
         onClick: onCancel,
         theme: theme
-      }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_4__.Button, {
+      }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_6__.Button, {
         size: 'small',
         hierarchy: 'primary',
         text: 'Применить',
@@ -64922,6 +64922,7 @@ function CalendarButton(_ref) {
     return (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.CalendarButtonStyle.CalendarButton, _defineProperty(_defineProperty(_defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_2__.CalendarButtonStyle.black, color === 'black'), _styles__WEBPACK_IMPORTED_MODULE_2__.CalendarButtonStyle.gray, color === 'gray'), _styles__WEBPACK_IMPORTED_MODULE_2__.CalendarButtonStyle.dark, theme === "dark"));
   };
   return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", _objectSpread(_objectSpread({
+    type: 'button',
     className: getClassName()
   }, props), {}, {
     children: text
@@ -65001,6 +65002,7 @@ function CalendarDay(_ref) {
   return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
     className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.CalendarDayStyle.CalendarDayWrapper, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_2__.CalendarDayStyle.filter, filter), _styles__WEBPACK_IMPORTED_MODULE_2__.CalendarDayStyle.right, rightFilter), _styles__WEBPACK_IMPORTED_MODULE_2__.CalendarDayStyle.left, leftFilter), _styles__WEBPACK_IMPORTED_MODULE_2__.CalendarDayStyle.darkTheme, theme === "dark")),
     children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("button", _objectSpread(_objectSpread({}, props), {}, {
+      type: 'button',
       className: getClassName(),
       children: [getMark(), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", {
         className: _styles__WEBPACK_IMPORTED_MODULE_2__.CalendarDayStyle.text,
@@ -65050,7 +65052,8 @@ function CalendarMonth(_ref) {
     return (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.CalendarMonthStyle.CalendarMonth, _defineProperty(_defineProperty(_defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_2__.CalendarMonthStyle.current, current), _styles__WEBPACK_IMPORTED_MODULE_2__.CalendarMonthStyle.disabled, disabled), _styles__WEBPACK_IMPORTED_MODULE_2__.CalendarMonthStyle.darkTheme, theme === "dark"));
   };
   return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", _objectSpread(_objectSpread({
-    className: getClassName()
+    className: getClassName(),
+    type: 'button'
   }, props), {}, {
     children: text
   }));
@@ -65768,6 +65771,7 @@ function DatePicker(_ref) {
           active: isActive(item),
           currentDay: isCurrentDay(item),
           filter: isFilter(item),
+          type: 'button',
           onClick: function onClick() {
             return onClickDay(item);
           },
@@ -65795,16 +65799,16 @@ __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__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_1__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var date_fns__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! date-fns */ "./node_modules/date-fns/isSameMonth.js");
 /* harmony import */ var date_fns__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! date-fns */ "./node_modules/date-fns/getMonth.js");
-/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
-/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/lib */ "./src/lib/index.ts");
-/* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/assets */ "./src/assets/index.ts");
-/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../styles */ "./src/ui/DateTimePicker/styles/index.ts");
-/* harmony import */ var _const__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../const */ "./src/ui/DateTimePicker/const/index.ts");
-/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_7__ = __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 _assets__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/assets */ "./src/assets/index.ts");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../styles */ "./src/ui/DateTimePicker/styles/index.ts");
+/* harmony import */ var _const__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../const */ "./src/ui/DateTimePicker/const/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 + ""; }
@@ -65833,16 +65837,16 @@ function MonthPicker(_ref) {
     type = _ref$type === void 0 ? 'date' : _ref$type,
     _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? "light" : _ref$theme;
-  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)((0,_ui__WEBPACK_IMPORTED_MODULE_2__.convertDate)({
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)((0,_ui__WEBPACK_IMPORTED_MODULE_3__.convertDate)({
       initDate: targetDate,
       type: 'date'
     }) || new Date().toISOString()),
     _useState2 = _slicedToArray(_useState, 2),
     target = _useState2[0],
     setTarget = _useState2[1];
-  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
+  (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {
     try {
-      var convertedDate = (0,_ui__WEBPACK_IMPORTED_MODULE_2__.convertDate)({
+      var convertedDate = (0,_ui__WEBPACK_IMPORTED_MODULE_3__.convertDate)({
         initDate: targetDate,
         type: 'date'
       });
@@ -65856,10 +65860,10 @@ function MonthPicker(_ref) {
   var prevYear = function prevYear() {
     onChangeTarget === null || onChangeTarget === void 0 || onChangeTarget(function (prevState) {
       if (!prevState) return prevState;
-      var newState = (0,_ui__WEBPACK_IMPORTED_MODULE_2__.subDateYear)({
+      var newState = (0,_ui__WEBPACK_IMPORTED_MODULE_3__.subDateYear)({
         date: prevState
       });
-      var convertedDate = (0,_ui__WEBPACK_IMPORTED_MODULE_2__.convertDate)({
+      var convertedDate = (0,_ui__WEBPACK_IMPORTED_MODULE_3__.convertDate)({
         initDate: newState,
         type: type
       });
@@ -65873,10 +65877,10 @@ function MonthPicker(_ref) {
   var nextYear = function nextYear() {
     onChangeTarget === null || onChangeTarget === void 0 || onChangeTarget(function (prevState) {
       if (!prevState) return prevState;
-      var newState = (0,_ui__WEBPACK_IMPORTED_MODULE_2__.addDateYear)({
+      var newState = (0,_ui__WEBPACK_IMPORTED_MODULE_3__.addDateYear)({
         date: prevState
       });
-      var convertedDate = (0,_ui__WEBPACK_IMPORTED_MODULE_2__.convertDate)({
+      var convertedDate = (0,_ui__WEBPACK_IMPORTED_MODULE_3__.convertDate)({
         initDate: newState,
         type: type
       });
@@ -65891,14 +65895,14 @@ function MonthPicker(_ref) {
     return target ? (0,date_fns__WEBPACK_IMPORTED_MODULE_9__.getMonth)(target) === monthNum : false;
   };
   var _onClick = function onClick(monthNum) {
-    var resNum = monthNum % _const__WEBPACK_IMPORTED_MODULE_6__.SHORTCUT_MONTHS.length;
+    var resNum = monthNum % _const__WEBPACK_IMPORTED_MODULE_7__.SHORTCUT_MONTHS.length;
     onChangeTarget === null || onChangeTarget === void 0 || onChangeTarget(function (prevState) {
       if (!prevState) return prevState;
-      var newState = (0,_ui__WEBPACK_IMPORTED_MODULE_2__.setDateMonth)({
+      var newState = (0,_ui__WEBPACK_IMPORTED_MODULE_3__.setDateMonth)({
         date: prevState,
         month: resNum
       });
-      var convertedDate = (0,_ui__WEBPACK_IMPORTED_MODULE_2__.convertDate)({
+      var convertedDate = (0,_ui__WEBPACK_IMPORTED_MODULE_3__.convertDate)({
         initDate: newState,
         type: type
       });
@@ -65911,46 +65915,47 @@ function MonthPicker(_ref) {
     });
   };
   var getTargetYear = function getTargetYear() {
-    return (0,_lib__WEBPACK_IMPORTED_MODULE_3__.saveFormatDate)(target, {
+    return (0,_lib__WEBPACK_IMPORTED_MODULE_4__.saveFormatDate)(target, {
       to: 'yyyy'
     });
   };
   var getMonthsArray = function getMonthsArray() {
-    return _const__WEBPACK_IMPORTED_MODULE_6__.SHORTCUT_MONTHS.concat(_const__WEBPACK_IMPORTED_MODULE_6__.SHORTCUT_MONTHS.slice(0, 3));
+    return _const__WEBPACK_IMPORTED_MODULE_7__.SHORTCUT_MONTHS.concat(_const__WEBPACK_IMPORTED_MODULE_7__.SHORTCUT_MONTHS.slice(0, 3));
   };
   return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-    className: (0,clsx__WEBPACK_IMPORTED_MODULE_7__["default"])(_styles__WEBPACK_IMPORTED_MODULE_5__.YearMonthPickerStyle.YearMonthPicker, _defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_5__.YearMonthPickerStyle.dark, theme === "dark")),
+    className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_6__.YearMonthPickerStyle.YearMonthPicker, _defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_6__.YearMonthPickerStyle.dark, theme === "dark")),
     children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-      className: _styles__WEBPACK_IMPORTED_MODULE_5__.YearMonthPickerStyle.header,
-      children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_2__.CalendarButton, {
+      className: _styles__WEBPACK_IMPORTED_MODULE_6__.YearMonthPickerStyle.header,
+      children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.CalendarButton, {
+        type: 'button',
         color: 'black',
         text: getTargetYear(),
         onClick: onYearButtonClick,
         theme: theme
       }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-        className: _styles__WEBPACK_IMPORTED_MODULE_5__.YearMonthPickerStyle.switchers,
-        children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_2__.MicroButton, {
+        className: _styles__WEBPACK_IMPORTED_MODULE_6__.YearMonthPickerStyle.switchers,
+        children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.MicroButton, {
           size: '28',
           color: theme === "light" ? 'color-hover' : 'rose',
-          icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_4__.ChevronUpSVG, {}),
+          icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_5__.ChevronUpSVG, {}),
           onClick: prevYear
-        }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_2__.MicroButton, {
+        }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.MicroButton, {
           size: '28',
           color: theme === "light" ? 'color-hover' : 'rose',
-          icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_4__.ChevronDownSVG, {}),
+          icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_5__.ChevronDownSVG, {}),
           onClick: nextYear
         })]
       })]
     }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
-      className: _styles__WEBPACK_IMPORTED_MODULE_5__.YearMonthPickerStyle.grid,
+      className: _styles__WEBPACK_IMPORTED_MODULE_6__.YearMonthPickerStyle.grid,
       children: getMonthsArray().map(function (item, idx) {
-        return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_2__.CalendarMonth, {
+        return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.CalendarMonth, {
           text: item,
           onClick: function onClick() {
             return _onClick(idx);
           },
           current: isActiveMonth(idx),
-          disabled: idx >= _const__WEBPACK_IMPORTED_MODULE_6__.SHORTCUT_MONTHS.length,
+          disabled: idx >= _const__WEBPACK_IMPORTED_MODULE_7__.SHORTCUT_MONTHS.length,
           theme: theme
         }, idx);
       })
@@ -66164,19 +66169,19 @@ __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__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_1__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var date_fns__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! date-fns */ "./node_modules/date-fns/isSameYear.js");
 /* harmony import */ var date_fns__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! date-fns */ "./node_modules/date-fns/getYear.js");
 /* harmony import */ var date_fns__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! date-fns */ "./node_modules/date-fns/subYears.js");
 /* harmony import */ var date_fns__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! date-fns */ "./node_modules/date-fns/addYears.js");
 /* harmony import */ var date_fns__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! date-fns */ "./node_modules/date-fns/setYear.js");
-/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
-/* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/assets */ "./src/assets/index.ts");
-/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles */ "./src/ui/DateTimePicker/styles/index.ts");
-/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../lib */ "./src/ui/DateTimePicker/lib/index.ts");
-/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../config */ "./src/ui/DateTimePicker/config/index.ts");
-/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_7__ = __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 _styles__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../styles */ "./src/ui/DateTimePicker/styles/index.ts");
+/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../lib */ "./src/ui/DateTimePicker/lib/index.ts");
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../config */ "./src/ui/DateTimePicker/config/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 + ""; }
@@ -66207,11 +66212,11 @@ function YearPicker(_ref) {
     type = _ref$type === void 0 ? 'date' : _ref$type,
     _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? "light" : _ref$theme;
-  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(getTarget(targetDate)),
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(getTarget(targetDate)),
     _useState2 = _slicedToArray(_useState, 2),
     showTarget = _useState2[0],
     setShowTarget = _useState2[1];
-  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
+  (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {
     try {
       var convertedDate = getTarget(targetDate);
       if (!(0,date_fns__WEBPACK_IMPORTED_MODULE_8__.isSameYear)(convertedDate, showTarget)) {
@@ -66223,19 +66228,19 @@ function YearPicker(_ref) {
   }, [targetDate]);
   var getYearInterval = function getYearInterval() {
     var year = (0,date_fns__WEBPACK_IMPORTED_MODULE_9__.getYear)(showTarget || Date.now());
-    var start = year - _config__WEBPACK_IMPORTED_MODULE_6__.YEAR_PICKER_TARGET_YEAR_INDEX;
+    var start = year - _config__WEBPACK_IMPORTED_MODULE_7__.YEAR_PICKER_TARGET_YEAR_INDEX;
     // Минус 1, так как старт с первого года промежутка
-    var end = start + _config__WEBPACK_IMPORTED_MODULE_6__.YEAR_PICKER_YEARS_COUNT - 1;
+    var end = start + _config__WEBPACK_IMPORTED_MODULE_7__.YEAR_PICKER_YEARS_COUNT - 1;
     return "".concat(start, "-").concat(end);
   };
   var prevYears = function prevYears() {
     setShowTarget(function (prevState) {
-      return (0,date_fns__WEBPACK_IMPORTED_MODULE_10__.subYears)(prevState, _config__WEBPACK_IMPORTED_MODULE_6__.YEAR_PICKER_YEARS_COUNT).toISOString();
+      return (0,date_fns__WEBPACK_IMPORTED_MODULE_10__.subYears)(prevState, _config__WEBPACK_IMPORTED_MODULE_7__.YEAR_PICKER_YEARS_COUNT).toISOString();
     });
   };
   var nextYears = function nextYears() {
     setShowTarget(function (prevState) {
-      return (0,date_fns__WEBPACK_IMPORTED_MODULE_11__.addYears)(prevState, _config__WEBPACK_IMPORTED_MODULE_6__.YEAR_PICKER_YEARS_COUNT).toISOString();
+      return (0,date_fns__WEBPACK_IMPORTED_MODULE_11__.addYears)(prevState, _config__WEBPACK_IMPORTED_MODULE_7__.YEAR_PICKER_YEARS_COUNT).toISOString();
     });
   };
   var isActive = function isActive(yearNum) {
@@ -66252,54 +66257,56 @@ function YearPicker(_ref) {
       } else {
         newState = newState ? (0,date_fns__WEBPACK_IMPORTED_MODULE_12__.setYear)(newState, yearNum).toISOString() : newState;
       }
-      return (0,_lib__WEBPACK_IMPORTED_MODULE_5__.convertDate)({
+      return (0,_lib__WEBPACK_IMPORTED_MODULE_6__.convertDate)({
         initDate: newState,
         type: type
       });
     });
     onChoose === null || onChoose === void 0 || onChoose();
   };
-  var years = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
+  var years = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {
     var showTargetYear = (0,date_fns__WEBPACK_IMPORTED_MODULE_9__.getYear)(showTarget);
     return Array.from({
-      length: _config__WEBPACK_IMPORTED_MODULE_6__.YEAR_PICKER_YEARS_COUNT
+      length: _config__WEBPACK_IMPORTED_MODULE_7__.YEAR_PICKER_YEARS_COUNT
     }, function (_, index) {
-      return showTargetYear - _config__WEBPACK_IMPORTED_MODULE_6__.YEAR_PICKER_TARGET_YEAR_INDEX + index;
+      return showTargetYear - _config__WEBPACK_IMPORTED_MODULE_7__.YEAR_PICKER_TARGET_YEAR_INDEX + index;
     });
   }, [showTarget]);
   return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-    className: (0,clsx__WEBPACK_IMPORTED_MODULE_7__["default"])(_styles__WEBPACK_IMPORTED_MODULE_4__.YearMonthPickerStyle.YearMonthPicker, _defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_4__.YearMonthPickerStyle.dark, theme === 'dark')),
+    className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_5__.YearMonthPickerStyle.YearMonthPicker, _defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_5__.YearMonthPickerStyle.dark, theme === 'dark')),
     children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-      className: _styles__WEBPACK_IMPORTED_MODULE_4__.YearMonthPickerStyle.header,
-      children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_2__.CalendarButton, {
+      className: _styles__WEBPACK_IMPORTED_MODULE_5__.YearMonthPickerStyle.header,
+      children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.CalendarButton, {
+        type: 'button',
         color: 'black',
         text: getYearInterval(),
         disabled: true,
         theme: theme
       }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-        className: _styles__WEBPACK_IMPORTED_MODULE_4__.YearMonthPickerStyle.switchers,
-        children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_2__.MicroButton, {
+        className: _styles__WEBPACK_IMPORTED_MODULE_5__.YearMonthPickerStyle.switchers,
+        children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.MicroButton, {
           size: '28',
           color: theme === "light" ? 'color-hover' : 'rose',
-          icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_3__.ChevronUpSVG, {}),
+          icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_4__.ChevronUpSVG, {}),
           onClick: prevYears
-        }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_2__.MicroButton, {
+        }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.MicroButton, {
           size: '28',
           color: theme === "light" ? 'color-hover' : 'rose',
-          icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_3__.ChevronDownSVG, {}),
+          icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_4__.ChevronDownSVG, {}),
           onClick: nextYears
         })]
       })]
     }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
-      className: _styles__WEBPACK_IMPORTED_MODULE_4__.YearMonthPickerStyle.grid,
+      className: _styles__WEBPACK_IMPORTED_MODULE_5__.YearMonthPickerStyle.grid,
       children: years.map(function (item, idx) {
-        return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_2__.CalendarYear, {
+        return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.CalendarYear, {
           text: item,
+          type: 'button',
           current: isActive(item),
           onClick: function onClick() {
             return onClickYear(item);
           },
-          disabled: idx >= _config__WEBPACK_IMPORTED_MODULE_6__.YEAR_PICKER_DISABLED_YEARS_INDEX_START,
+          disabled: idx >= _config__WEBPACK_IMPORTED_MODULE_7__.YEAR_PICKER_DISABLED_YEARS_INDEX_START,
           theme: theme
         }, idx);
       })
@@ -72502,7 +72509,9 @@ var MicroButton = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)
       ref: ref
     });
   }
-  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", _objectSpread(_objectSpread({}, anotherProps), {}, {
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", _objectSpread(_objectSpread({
+    type: 'button'
+  }, anotherProps), {}, {
     disabled: disabled,
     className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_3__.MicroButtonStyle.button, getTypeClassName(), getSizeClassName(), getAdditionStyles()),
     ref: ref,
@@ -73723,7 +73732,9 @@ function TabButtons(_ref) {
       className: getClassName()
     });
   }
-  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", _objectSpread(_objectSpread({}, props), {}, {
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", _objectSpread(_objectSpread({
+    type: 'button'
+  }, props), {}, {
     disabled: disabled,
     className: getClassName(),
     children: getMainContent()
@@ -73836,9 +73847,11 @@ __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 _ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
-/* 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/TabFrame/styles/index.ts");
+/* 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 clsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../styles */ "./src/ui/TabFrame/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 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; }
@@ -73849,20 +73862,23 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 
 
 
-function TabFrame(_ref) {
-  var _ref$width = _ref.width,
-    width = _ref$width === void 0 ? 'fill' : _ref$width,
-    _ref$tabs = _ref.tabs,
-    tabs = _ref$tabs === void 0 ? [] : _ref$tabs,
-    additionStyles = _ref.additionStyles,
-    _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? "light" : _ref$theme;
+
+function TabFrame(props) {
+  var _props$width = props.width,
+    width = _props$width === void 0 ? 'fill' : _props$width,
+    _props$tabs = props.tabs,
+    tabs = _props$tabs === void 0 ? [] : _props$tabs,
+    additionStyles = props.additionStyles,
+    _props$theme = props.theme,
+    theme = _props$theme === void 0 ? "light" : _props$theme;
   return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
-    className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_3__.TabFrameStyle.tabFrame, _defineProperty(_defineProperty(_defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_3__.TabFrameStyle.widthHug, width === 'hug'), _styles__WEBPACK_IMPORTED_MODULE_3__.TabFrameStyle.widthFill, width === 'fill'), _styles__WEBPACK_IMPORTED_MODULE_3__.TabFrameStyle.dark, theme === 'dark'), additionStyles),
+    className: (0,clsx__WEBPACK_IMPORTED_MODULE_3__["default"])(_styles__WEBPACK_IMPORTED_MODULE_4__.TabFrameStyle.tabFrame, _defineProperty(_defineProperty(_defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_4__.TabFrameStyle.widthHug, width === 'hug'), _styles__WEBPACK_IMPORTED_MODULE_4__.TabFrameStyle.widthFill, width === 'fill'), _styles__WEBPACK_IMPORTED_MODULE_4__.TabFrameStyle.dark, theme === 'dark'), additionStyles),
     children: tabs.map(function (item, idx) {
-      return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_1__.TabButtons, _objectSpread(_objectSpread({}, item), {}, {
-        theme: theme
-      }), idx);
+      return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.createElement)(_ui__WEBPACK_IMPORTED_MODULE_2__.TabButtons, _objectSpread(_objectSpread({}, item), {}, {
+        type: 'button',
+        theme: theme,
+        key: idx
+      }));
     })
   });
 }