@salutejs/plasma-new-hope 0.154.0-canary.1421.11039037651.0 → 0.154.0-canary.1428.11047556363.0

package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js

@@ -1,5 +1,5 @@
 var _StyledSeparator, _StyledSeparator2, _StyledSeparator3, _StyledSeparator4;
-var _excluded = ["value", "min", "max", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue"];
+var _excluded = ["value", "min", "max", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue", "locale"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -38,6 +38,8 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
       eventYearList = _ref.eventYearList,
       disabledYearList = _ref.disabledYearList,
       onChangeValue = _ref.onChangeValue,
+      _ref$locale = _ref.locale,
+      locale = _ref$locale === void 0 ? 'ru' : _ref$locale,
       rest = _objectWithoutProperties(_ref, _excluded);
     var _useMemo = useMemo(function () {
         return Array.isArray(externalValue) ? externalValue : [externalValue];
@@ -211,7 +213,8 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
       type: calendarState,
       onPrev: handlePrev,
       onNext: handleNext,
-      onUpdateCalendarState: handleUpdateCalendarState
+      onUpdateCalendarState: handleUpdateCalendarState,
+      locale: locale
     }), /*#__PURE__*/React.createElement(StyledWrapper, null, calendarState === CalendarState.Days && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CalendarDays, {
       value: externalValue,
       date: firstDate,
@@ -227,6 +230,7 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
       onSetSelected: onSelectIndexes,
       onKeyDown: handleKeyDown,
       outerRefs: outerRefs,
+      locale: locale,
       isDouble: true
     }), _StyledSeparator || (_StyledSeparator = /*#__PURE__*/React.createElement(StyledSeparator, null)), /*#__PURE__*/React.createElement(CalendarDays, {
       value: externalValue,
@@ -243,6 +247,7 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
       onSetSelected: onSelectIndexes,
       onKeyDown: handleKeyDown,
       outerRefs: outerRefs,
+      locale: locale,
       isDouble: true,
       isSecond: true
     })), calendarState === CalendarState.Months && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CalendarMonths, {
@@ -259,6 +264,7 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
       onHoverMonth: setHoveredItem,
       onKeyDown: handleKeyDown,
       outerRefs: outerRefs,
+      locale: locale,
       isDouble: true
     }), _StyledSeparator2 || (_StyledSeparator2 = /*#__PURE__*/React.createElement(StyledSeparator, null)), /*#__PURE__*/React.createElement(CalendarMonths, {
       value: externalValue,
@@ -274,6 +280,7 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
       onHoverMonth: setHoveredItem,
       onKeyDown: handleKeyDown,
       outerRefs: outerRefs,
+      locale: locale,
       isDouble: true,
       isSecond: true
     })), calendarState === CalendarState.Quarters && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CalendarQuarters, {

package/styled-components/es/components/Calendar/hooks/useMonths.js

@@ -10,9 +10,11 @@ export var useMonths = function useMonths(_ref) {
     eventList = _ref.eventList,
     disabledList = _ref.disabledList,
     min = _ref.min,
-    max = _ref.max;
+    max = _ref.max,
+    _ref$locale = _ref.locale,
+    locale = _ref$locale === void 0 ? 'ru' : _ref$locale;
   return useMemo(function () {
-    var months = SHORT_MONTH_NAME.map(function (monthName, monthIndex) {
+    var months = SHORT_MONTH_NAME[locale].map(function (monthName, monthIndex) {
       return {
         monthName: monthName,
         monthIndex: monthIndex,
@@ -21,7 +23,7 @@ export var useMonths = function useMonths(_ref) {
           return isSelectedMonth(date, monthIndex, v);
         })) : isSelectedMonth(date, monthIndex, value),
         inRange: Array.isArray(value) ? isDateInRange(date.year, monthIndex, 1, value) : false,
-        monthFullName: MONTH_NAMES[monthIndex],
+        monthFullName: MONTH_NAMES[locale][monthIndex],
         date: {
           year: date.year,
           monthIndex: monthIndex,
@@ -41,5 +43,5 @@ export var useMonths = function useMonths(_ref) {
       return getMatrix(modifiedMonths, 3);
     }
     return getMatrix(months, 3);
-  }, [date, value, eventList, disabledList, max, min]);
+  }, [date, value, eventList, disabledList, max, min, locale]);
 };

package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js

@@ -34,7 +34,9 @@ export var CalendarDays = function CalendarDays(_ref) {
     onChangeDay = _ref.onChangeDay,
     onHoverDay = _ref.onHoverDay,
     onSetSelected = _ref.onSetSelected,
-    onKeyDown = _ref.onKeyDown;
+    onKeyDown = _ref.onKeyDown,
+    _ref$locale = _ref.locale,
+    locale = _ref$locale === void 0 ? 'ru' : _ref$locale;
   var _useDays = useDays({
       date: currentDate,
       value: value,
@@ -105,10 +107,10 @@ export var CalendarDays = function CalendarDays(_ref) {
     id: "withShift"
   }, "\u0414\u043B\u044F \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u0442\u043E\u043B\u044C\u043A\u043E \u043F\u043E \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u043C \u0434\u0430\u0442\u0430\u043C \u0443\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0439\u0442\u0435 \u043A\u043B\u0430\u0432\u0438\u0448\u0443 Shift.")), /*#__PURE__*/React.createElement(StyledFlex, {
     role: "row"
-  }, SHORT_DAY_NAMES.map(function (name) {
+  }, SHORT_DAY_NAMES[locale].map(function (name) {
     return /*#__PURE__*/React.createElement(DateStructureItem, {
       role: "columnheader",
-      "aria-label": FULL_DAY_NAMES[name],
+      "aria-label": FULL_DAY_NAMES[locale][name],
       key: name,
       dayOfWeek: true,
       day: name,

package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js

@@ -20,7 +20,8 @@ export var CalendarHeader = function CalendarHeader(_ref) {
     isDouble = _ref.isDouble,
     onPrev = _ref.onPrev,
     onNext = _ref.onNext,
-    onUpdateCalendarState = _ref.onUpdateCalendarState;
+    onUpdateCalendarState = _ref.onUpdateCalendarState,
+    locale = _ref.locale;
   var handleCalendarState = useCallback(function () {
     var newSize = isDouble ? sizeMap.Months["double"] : sizeMap.Months.single;
     if (type === CalendarState.Days) {
@@ -35,7 +36,7 @@ export var CalendarHeader = function CalendarHeader(_ref) {
       return '';
     }
     if (type === CalendarState.Days) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledHeaderDate, null, MONTH_NAMES[date.monthIndex]), /*#__PURE__*/React.createElement(StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(IconDisclosureDownFill, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledHeaderDate, null, MONTH_NAMES[locale][date.monthIndex]), /*#__PURE__*/React.createElement(StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(IconDisclosureDownFill, {
         color: "inherit",
         size: size === 'xs' ? 'xs' : 's'
       })));
@@ -54,7 +55,7 @@ export var CalendarHeader = function CalendarHeader(_ref) {
       }));
     }
     return '';
-  }, [type, startYear, size]);
+  }, [type, startYear, size, locale]);
   var currentCalendarType = getCalendarType(type);
   var PreviousButton = useMemo(function () {
     return /*#__PURE__*/React.createElement(StyledArrow, {

package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js

@@ -33,14 +33,16 @@ export var CalendarMonths = function CalendarMonths(_ref) {
     onChangeMonth = _ref.onChangeMonth,
     onHoverMonth = _ref.onHoverMonth,
     onSetSelected = _ref.onSetSelected,
-    onKeyDown = _ref.onKeyDown;
+    onKeyDown = _ref.onKeyDown,
+    locale = _ref.locale;
   var _useMonths = useMonths({
       date: currentDate,
       value: value,
       eventList: eventList,
       disabledList: disabledList,
       min: min,
-      max: max
+      max: max,
+      locale: locale
     }),
     _useMonths2 = _slicedToArray(_useMonths, 2),
     months = _useMonths2[0],

package/styled-components/es/components/Calendar/utils/calendarGridHelper.js

@@ -9,7 +9,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { isSelectProcess } from './calendarRangeHelper';
-import { MONTH_NAMES, YEAR_RENDER_COUNT } from './constants';
+import { MONTHS, YEAR_RENDER_COUNT } from './constants';
 export var getDaysInMonth = function getDaysInMonth(monthIndex, year) {
   return new Date(year, monthIndex + 1, 0).getDate();
 };
@@ -20,7 +20,7 @@ export var getStartYear = function getStartYear(year) {
   return Math.floor(year / YEAR_RENDER_COUNT) * YEAR_RENDER_COUNT;
 };
 export var getNextDate = function getNextDate(currentYear, currentMonth) {
-  return currentMonth + 1 === MONTH_NAMES.length ? [currentYear + 1, 0] : [currentYear, currentMonth + 1];
+  return currentMonth + 1 === MONTHS.length ? [currentYear + 1, 0] : [currentYear, currentMonth + 1];
 };
 export var getPrevDate = function getPrevDate(currentYear, currentMonth) {
   return currentMonth - 1 < 0 ? [currentYear - 1, 11] : [currentYear, currentMonth - 1];

package/styled-components/es/components/Calendar/utils/constants.js

@@ -1,3 +1,46 @@
+function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var LOCALES = {
+  ru: 'ru-RU',
+  en: 'en-US'
+};
+export var MONTHS = /*#__PURE__*/Array.from({
+  length: 12
+}, function (_, i) {
+  return i + 1;
+});
+var WEEKS = /*#__PURE__*/Array.from({
+  length: 7
+}, function (_, i) {
+  return i + 1;
+});
+var callbackDayFormatter = function callbackDayFormatter(locale, options) {
+  var dateFormatter = new Intl.DateTimeFormat(LOCALES[locale], options);
+  return function (index) {
+    // INFO: Start for monday
+    var day = new Date(Date.UTC(2024, 0, index));
+    var _dateFormatter$format = dateFormatter.format(day),
+      _dateFormatter$format2 = _toArray(_dateFormatter$format),
+      first = _dateFormatter$format2[0],
+      rest = _dateFormatter$format2.slice(1);
+    return first.toUpperCase() + rest.join('');
+  };
+};
+var callbackMonthFormatter = function callbackMonthFormatter(locale, options) {
+  var dateFormatter = new Intl.DateTimeFormat(LOCALES[locale], options);
+  return function (month) {
+    var data = new Date(Date.UTC(2024, month - 1));
+    var _dateFormatter$format3 = dateFormatter.format(data),
+      _dateFormatter$format4 = _toArray(_dateFormatter$format3),
+      first = _dateFormatter$format4[0],
+      rest = _dateFormatter$format4.slice(1);
+    return first.toUpperCase() + rest.join('').replace('.', '');
+  };
+};
 export var ROW_STEP = 6;
 export var ROW_MONTH_STEP = 4;
 export var ROW_YEAR_STEP = 4;
@@ -28,15 +71,47 @@ export var quarterDates = {
     day: 1
   }
 };
-export var SHORT_DAY_NAMES = ['Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб', 'Вс'];
+export var SHORT_DAY_NAMES = {
+  ru: /*#__PURE__*/WEEKS.map( /*#__PURE__*/callbackDayFormatter('ru', {
+    weekday: 'short'
+  })),
+  en: /*#__PURE__*/WEEKS.map( /*#__PURE__*/callbackDayFormatter('en', {
+    weekday: 'short'
+  }))
+};
 export var FULL_DAY_NAMES = {
-  Пн: 'Понедельник',
-  Вт: 'Вторник',
-  Ср: 'Среда',
-  Чт: 'Четверг',
-  Пт: 'Пятница',
-  Сб: 'Суббота',
-  Вс: 'Воскресенье'
-};
-export var SHORT_MONTH_NAME = ['Янв', 'Фев', 'Март', 'Апр', 'Май', 'Июнь', 'Июль', 'Авг', 'Сен', 'Окт', 'Ноя', 'Дек'];
-export var MONTH_NAMES = ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'];
+  ru: {
+    Пн: 'Понедельник',
+    Вт: 'Вторник',
+    Ср: 'Среда',
+    Чт: 'Четверг',
+    Пт: 'Пятница',
+    Сб: 'Суббота',
+    Вс: 'Воскресенье'
+  },
+  en: {
+    Mon: 'Monday',
+    Tue: 'Tuesday',
+    Wed: 'Wednesday',
+    Thu: 'Thursday',
+    Fri: 'Friday',
+    Sat: 'Saturday',
+    Sun: 'Sunday'
+  }
+};
+export var SHORT_MONTH_NAME = {
+  ru: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('ru', {
+    month: 'short'
+  })),
+  en: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('en', {
+    month: 'short'
+  }))
+};
+export var MONTH_NAMES = {
+  ru: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('ru', {
+    month: 'long'
+  })),
+  en: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('en', {
+    month: 'long'
+  }))
+};

package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js

@@ -1,4 +1,4 @@
-var _excluded = ["className", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onToggle", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
+var _excluded = ["className", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onToggle", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -14,8 +14,6 @@ import { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '.
 import { useDatePicker } from '../hooks/useDatePicker';
 import { classes } from '../DatePicker.tokens';
 import { useKeyNavigation } from '../hooks/useKeyboardNavigation';
-import { setInitValue } from '../utils/setInitValue';
-import { InputHidden } from '../../../utils/inputHidden';
 import { base as sizeCSS } from './variations/_size/base';
 import { base as viewCSS } from './variations/_view/base';
 import { base as disabledCSS } from './variations/_disabled/base';
@@ -40,7 +38,6 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      name = _ref.name,
       _ref$dividerVariant = _ref.dividerVariant,
       dividerVariant = _ref$dividerVariant === void 0 ? 'dash' : _ref$dividerVariant,
       dividerIcon = _ref.dividerIcon,
@@ -100,8 +97,6 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       rest = _objectWithoutProperties(_ref, _excluded);
     var rangeRef = ref && 'current' in ref ? ref : /*#__PURE__*/createRef();
     var rootRef = useRef(null);
-    var innerRefFirst = useRef(null);
-    var innerRefSecond = useRef(null);
     var _useState = useState(rangeRef === null || rangeRef === void 0 || (_rangeRef$current = rangeRef.current) === null || _rangeRef$current === void 0 ? void 0 : _rangeRef$current.firstTextField()),
       _useState2 = _slicedToArray(_useState, 2),
       firstInputRef = _useState2[0],
@@ -155,7 +150,6 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
         valueError: firstValueError,
         valueSuccess: firstValueSuccess,
         inputRef: firstInputRef,
-        name: name,
         onChangeValue: onChangeFirstValue,
         onCommitDate: onCommitFirstDate
       }),
@@ -196,23 +190,6 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
         onToggle: handleToggle
       }),
       onKeyDown = _useKeyNavigation.onKeyDown;
-    var setValue = function setValue(e) {
-      var firstElement = innerRefFirst.current;
-      var firstValueInit = String(firstElement.getAttribute('defaultValue'));
-      var secondValueInit = setInitValue(e);
-      handleCommitFirstDate(firstValueInit, true, false);
-      handleCommitSecondDate(secondValueInit, true, false);
-    };
-    useEffect(function () {
-      if (innerRefSecond.current) {
-        innerRefSecond.current.addEventListener('setInitValue', setValue);
-      }
-      return function () {
-        if (innerRefSecond.current) {
-          innerRefSecond.current.removeEventListener('setInitValue', setValue);
-        }
-      };
-    }, [innerRefSecond]);
     var RangeComponent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledRange, {
       ref: rangeRef,
       dividerIcon: dividerIcon,
@@ -239,7 +216,6 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       secondValueSuccess: secondValueSuccess,
       onChangeFirstValue: handleChangeFirstValue,
       onChangeSecondValue: handleChangeSecondValue,
-      name: name,
       onSearchFirstValue: function onSearchFirstValue(_, date) {
         handleCommitFirstDate(String(date), true, false);
         if (!calendarSecondValue || secondValueError) {
@@ -328,6 +304,7 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       offset: offset,
       type: type,
       onToggle: handleToggle,
+      lang: lang,
       isDoubleCalendar: isDoubleCalendar,
       onChangeStartOfRange: function onChangeStartOfRange(firstDate, dateInfo) {
         handleCommitFirstDate(firstDate, false, true, dateInfo);
@@ -343,23 +320,7 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
           setIsInnerOpen(false);
         }
       }
-    }), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, null, leftHelper), /*#__PURE__*/React.createElement(InputHidden, {
-      name: name,
-      type: "hidden",
-      datatype: "datepicker-double",
-      "data-datepicker": "from",
-      value: inputFirstValue,
-      ref: innerRefFirst,
-      onChange: function onChange() {}
-    }), /*#__PURE__*/React.createElement(InputHidden, {
-      name: name,
-      type: "hidden",
-      datatype: "datepicker-double",
-      "data-datepicker": "to",
-      value: inputSecondValue,
-      ref: innerRefSecond,
-      onChange: function onChange() {}
-    }));
+    }), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, null, leftHelper));
   });
 };
 export var datePickerRangeConfig = {

package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js

@@ -27,6 +27,8 @@ export var RangeDatePopover = function RangeDatePopover(_ref) {
     offset = _ref.offset,
     type = _ref.type,
     size = _ref.size,
+    _ref$lang = _ref.lang,
+    lang = _ref$lang === void 0 ? 'ru' : _ref$lang,
     onChangeValue = _ref.onChangeValue,
     onChangeStartOfRange = _ref.onChangeStartOfRange,
     onToggle = _ref.onToggle;
@@ -56,6 +58,7 @@ export var RangeDatePopover = function RangeDatePopover(_ref) {
       disabledYearList: disabledYearList,
       min: min,
       max: max,
+      locale: lang,
       includeEdgeDates: includeEdgeDates,
       onChangeValue: onChangeValue,
       onChangeStartOfRange: onChangeStartOfRange
@@ -87,6 +90,7 @@ export var RangeDatePopover = function RangeDatePopover(_ref) {
     min: min,
     max: max,
     type: type,
+    locale: lang,
     includeEdgeDates: includeEdgeDates,
     onChangeValue: onChangeValue,
     onChangeStartOfRange: onChangeStartOfRange

package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js

@@ -1,4 +1,4 @@
-var _excluded = ["className", "opened", "label", "labelPlacement", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange"];
+var _excluded = ["className", "opened", "label", "labelPlacement", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -15,8 +15,6 @@ import { useDatePicker } from '../hooks/useDatePicker';
 import { classes } from '../DatePicker.tokens';
 import { StyledCalendar } from '../DatePickerBase.styles';
 import { useKeyNavigation } from '../hooks/useKeyboardNavigation';
-import { setInitValue } from '../utils/setInitValue';
-import { InputHidden } from '../../../utils/inputHidden';
 import { base as sizeCSS } from './variations/_size/base';
 import { base as viewCSS } from './variations/_view/base';
 import { base as disabledCSS } from './variations/_disabled/base';
@@ -42,7 +40,6 @@ export var datePickerRoot = function datePickerRoot(Root) {
       readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      name = _ref.name,
       _ref$defaultDate = _ref.defaultDate,
       defaultDate = _ref$defaultDate === void 0 ? '' : _ref$defaultDate,
       valueError = _ref.valueError,
@@ -76,10 +73,8 @@ export var datePickerRoot = function datePickerRoot(Root) {
       onToggle = _ref.onToggle,
       onFocus = _ref.onFocus,
       onBlur = _ref.onBlur,
-      onChange = _ref.onChange,
       rest = _objectWithoutProperties(_ref, _excluded);
     var inputRef = useRef(null);
-    var innerRef = useRef(null);
     var _useState = useState(opened),
       _useState2 = _slicedToArray(_useState, 2),
       isInnerOpen = _useState2[0],
@@ -114,11 +109,9 @@ export var datePickerRoot = function datePickerRoot(Root) {
         valueError: valueError,
         valueSuccess: valueSuccess,
         inputRef: inputRef,
-        name: name,
         onToggle: onToggle,
         onChangeValue: onChangeValue,
-        onCommitDate: onCommitDate,
-        onChange: onChange
+        onCommitDate: onCommitDate
       }),
       datePickerErrorClass = _useDatePicker.datePickerErrorClass,
       datePickerSuccessClass = _useDatePicker.datePickerSuccessClass,
@@ -174,20 +167,6 @@ export var datePickerRoot = function datePickerRoot(Root) {
         lang: lang
       }));
     }, [format, lang]);
-    useEffect(function () {
-      if (innerRef.current) {
-        innerRef.current.addEventListener('setInitValue', function (e) {
-          return handleCommitDate(setInitValue(e), true, false);
-        });
-      }
-      return function () {
-        if (innerRef.current) {
-          innerRef.current.removeEventListener('setInitValue', function (e) {
-            return handleCommitDate(setInitValue(e), true, false);
-          });
-        }
-      };
-    }, [innerRef]);
     return /*#__PURE__*/React.createElement(Root, _extends({
       view: view,
       size: size,
@@ -222,17 +201,11 @@ export var datePickerRoot = function datePickerRoot(Root) {
       max: max,
       includeEdgeDates: includeEdgeDates,
       isRange: false,
+      locale: lang,
       onChangeValue: function onChangeValue(date, dateInfo) {
         return handleCommitDate(date, false, true, dateInfo);
       }
-    })), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, null, leftHelper), /*#__PURE__*/React.createElement(InputHidden, {
-      type: "hidden",
-      datatype: "datepicker-single",
-      name: name,
-      value: inputValue,
-      ref: innerRef,
-      onChange: function onChange() {}
-    }));
+    })), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, null, leftHelper));
   });
 };
 export var datePickerConfig = {

package/styled-components/es/components/DatePicker/hooks/useDatePicker.js

@@ -16,11 +16,9 @@ export var useDatePicker = function useDatePicker(_ref) {
     valueError = _ref.valueError,
     valueSuccess = _ref.valueSuccess,
     inputRef = _ref.inputRef,
-    name = _ref.name,
     onToggle = _ref.onToggle,
     onChangeValue = _ref.onChangeValue,
-    onCommitDate = _ref.onCommitDate,
-    onChange = _ref.onChange;
+    onCommitDate = _ref.onCommitDate;
   var datePickerErrorClass = valueError ? classes.datePickerError : undefined;
   var datePickerSuccessClass = valueSuccess ? classes.datePickerSuccess : undefined;
   var handleToggle = function handleToggle(opened, event) {
@@ -47,12 +45,6 @@ export var useDatePicker = function useDatePicker(_ref) {
         lang: lang
       }));
       onChangeValue === null || onChangeValue === void 0 || onChangeValue(event, newValue);
-      onChange === null || onChange === void 0 || onChange({
-        target: {
-          value: newValue,
-          name: name
-        }
-      });
       return;
     }
 
@@ -85,12 +77,6 @@ export var useDatePicker = function useDatePicker(_ref) {
       isLengthEqual: isLengthEqual
     }));
     onChangeValue === null || onChangeValue === void 0 || onChangeValue(event, newValue);
-    onChange === null || onChange === void 0 || onChange({
-      target: {
-        value: newValue,
-        name: name
-      }
-    });
   };
   var handleCommitDate = function handleCommitDate(date, applyFormat, isCalendarValue, dateInfo) {
     if (disabled || readOnly) {
@@ -109,16 +95,6 @@ export var useDatePicker = function useDatePicker(_ref) {
         lang: lang
       }));
       onCommitDate === null || onCommitDate === void 0 || onCommitDate(date, false, true, dateInfo);
-      onChange === null || onChange === void 0 || onChange({
-        target: {
-          value: formatInputValue({
-            value: date,
-            format: format,
-            lang: lang
-          }),
-          name: name
-        }
-      });
       return;
     }
     var formatString = applyFormat ? format : undefined;
@@ -133,15 +109,6 @@ export var useDatePicker = function useDatePicker(_ref) {
       lang: lang
     }));
     onCommitDate === null || onCommitDate === void 0 || onCommitDate(newDate, isError, isSuccess);
-    onChange === null || onChange === void 0 || onChange({
-      target: {
-        value: formatInputValue({
-          value: date,
-          format: format
-        }),
-        name: name
-      }
-    });
   };
   return {
     datePickerErrorClass: datePickerErrorClass,

package/styled-components/es/components/Slider/Slider.js

@@ -1,27 +1,17 @@
-var _excluded = ["type"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-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); }
 import React, { forwardRef } from 'react';
 import { base as viewCSS } from './variations/_view/base';
 import { base as sizeCSS } from './variations/_size/base';
 import { base as disabledCSS } from './variations/_disabled/base';
-import { SingleSlider, DoubleUncontrolled } from './components';
-var isSingleValueProps = function isSingleValueProps(props, type) {
-  return typeof props.value === 'number' || type === 'single' && _typeof(props.value) !== 'object';
-};
-var isDoubleValueProps = function isDoubleValueProps(props, type) {
-  return _typeof(props.value) === 'object' || type === 'double';
+import { SingleSlider, DoubleSlider } from './components';
+var isSingleValueProps = function isSingleValueProps(props) {
+  return typeof props.value === 'number';
 };
 export var sliderRoot = function sliderRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (_ref, ref) {
-    var _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'single' : _ref$type,
-      props = _objectWithoutProperties(_ref, _excluded);
-    return /*#__PURE__*/React.createElement(Root, _extends({}, props, {
+  return /*#__PURE__*/forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(Root, _extends({
       ref: ref
-    }), isSingleValueProps(props, type) && /*#__PURE__*/React.createElement(SingleSlider, props), isDoubleValueProps(props, type) && /*#__PURE__*/React.createElement(DoubleUncontrolled, props));
+    }, props), isSingleValueProps(props) && /*#__PURE__*/React.createElement(SingleSlider, props), !isSingleValueProps(props) && /*#__PURE__*/React.createElement(DoubleSlider, props));
   });
 };
 export var sliderConfig = {