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

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

@@ -16,9 +16,11 @@ var useMonths = exports.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 (0, _react.useMemo)(function () {
-    var months = _utils.SHORT_MONTH_NAME.map(function (monthName, monthIndex) {
+    var months = _utils.SHORT_MONTH_NAME[locale].map(function (monthName, monthIndex) {
       return {
         monthName: monthName,
         monthIndex: monthIndex,
@@ -27,7 +29,7 @@ var useMonths = exports.useMonths = function useMonths(_ref) {
           return (0, _utils.isSelectedMonth)(date, monthIndex, v);
         })) : (0, _utils.isSelectedMonth)(date, monthIndex, value),
         inRange: Array.isArray(value) ? (0, _utils.isDateInRange)(date.year, monthIndex, 1, value) : false,
-        monthFullName: _utils.MONTH_NAMES[monthIndex],
+        monthFullName: _utils.MONTH_NAMES[locale][monthIndex],
         date: {
           year: date.year,
           monthIndex: monthIndex,
@@ -47,5 +49,5 @@ var useMonths = exports.useMonths = function useMonths(_ref) {
       return (0, _utils.getMatrix)(modifiedMonths, 3);
     }
     return (0, _utils.getMatrix)(months, 3);
-  }, [date, value, eventList, disabledList, max, min]);
+  }, [date, value, eventList, disabledList, max, min, locale]);
 };

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

@@ -42,7 +42,9 @@ var CalendarDays = exports.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 = (0, _hooks.useDays)({
       date: currentDate,
       value: value,
@@ -113,10 +115,10 @@ var CalendarDays = exports.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["default"].createElement(_CalendarDays.StyledFlex, {
     role: "row"
-  }, _utils.SHORT_DAY_NAMES.map(function (name) {
+  }, _utils.SHORT_DAY_NAMES[locale].map(function (name) {
     return /*#__PURE__*/_react["default"].createElement(_DateStructureItem.DateStructureItem, {
       role: "columnheader",
-      "aria-label": _utils.FULL_DAY_NAMES[name],
+      "aria-label": _utils.FULL_DAY_NAMES[locale][name],
       key: name,
       dayOfWeek: true,
       day: name,

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

@@ -28,7 +28,8 @@ var CalendarHeader = exports.CalendarHeader = function CalendarHeader(_ref) {
     isDouble = _ref.isDouble,
     onPrev = _ref.onPrev,
     onNext = _ref.onNext,
-    onUpdateCalendarState = _ref.onUpdateCalendarState;
+    onUpdateCalendarState = _ref.onUpdateCalendarState,
+    locale = _ref.locale;
   var handleCalendarState = (0, _react.useCallback)(function () {
     var newSize = isDouble ? _reducer.sizeMap.Months["double"] : _reducer.sizeMap.Months.single;
     if (type === _types.CalendarState.Days) {
@@ -43,7 +44,7 @@ var CalendarHeader = exports.CalendarHeader = function CalendarHeader(_ref) {
       return '';
     }
     if (type === _types.CalendarState.Days) {
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, _utils.MONTH_NAMES[date.monthIndex]), /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, date.year, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureDownFill, {
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, _utils.MONTH_NAMES[locale][date.monthIndex]), /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, date.year, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureDownFill, {
         color: "inherit",
         size: size === 'xs' ? 'xs' : 's'
       })));
@@ -62,7 +63,7 @@ var CalendarHeader = exports.CalendarHeader = function CalendarHeader(_ref) {
       }));
     }
     return '';
-  }, [type, startYear, size]);
+  }, [type, startYear, size, locale]);
   var currentCalendarType = (0, _utils.getCalendarType)(type);
   var PreviousButton = (0, _react.useMemo)(function () {
     return /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledArrow, {

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

@@ -40,14 +40,16 @@ var CalendarMonths = exports.CalendarMonths = function CalendarMonths(_ref) {
     onChangeMonth = _ref.onChangeMonth,
     onHoverMonth = _ref.onHoverMonth,
     onSetSelected = _ref.onSetSelected,
-    onKeyDown = _ref.onKeyDown;
+    onKeyDown = _ref.onKeyDown,
+    locale = _ref.locale;
   var _useMonths = (0, _hooks.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/cjs/components/Calendar/utils/calendarGridHelper.js

@@ -26,7 +26,7 @@ var getStartYear = exports.getStartYear = function getStartYear(year) {
   return Math.floor(year / _constants.YEAR_RENDER_COUNT) * _constants.YEAR_RENDER_COUNT;
 };
 var getNextDate = exports.getNextDate = function getNextDate(currentYear, currentMonth) {
-  return currentMonth + 1 === _constants.MONTH_NAMES.length ? [currentYear + 1, 0] : [currentYear, currentMonth + 1];
+  return currentMonth + 1 === _constants.MONTHS.length ? [currentYear + 1, 0] : [currentYear, currentMonth + 1];
 };
 var getPrevDate = exports.getPrevDate = function getPrevDate(currentYear, currentMonth) {
   return currentMonth - 1 < 0 ? [currentYear - 1, 11] : [currentYear, currentMonth - 1];

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

@@ -3,7 +3,50 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.quarterDates = exports.offsetMap = exports.YEAR_RENDER_COUNT = exports.SHORT_MONTH_NAME = exports.SHORT_DAY_NAMES = exports.ROW_YEAR_STEP = exports.ROW_STEP = exports.ROW_QUARTER_STEP = exports.ROW_MONTH_STEP = exports.QUARTER_NAMES = exports.MONTH_NAMES = exports.FULL_DAY_NAMES = void 0;
+exports.quarterDates = exports.offsetMap = exports.YEAR_RENDER_COUNT = exports.SHORT_MONTH_NAME = exports.SHORT_DAY_NAMES = exports.ROW_YEAR_STEP = exports.ROW_STEP = exports.ROW_QUARTER_STEP = exports.ROW_MONTH_STEP = exports.QUARTER_NAMES = exports.MONTH_NAMES = exports.MONTHS = exports.FULL_DAY_NAMES = void 0;
+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'
+};
+var MONTHS = exports.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('.', '');
+  };
+};
 var ROW_STEP = exports.ROW_STEP = 6;
 var ROW_MONTH_STEP = exports.ROW_MONTH_STEP = 4;
 var ROW_YEAR_STEP = exports.ROW_YEAR_STEP = 4;
@@ -34,15 +77,47 @@ var quarterDates = exports.quarterDates = {
     day: 1
   }
 };
-var SHORT_DAY_NAMES = exports.SHORT_DAY_NAMES = ['Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб', 'Вс'];
+var SHORT_DAY_NAMES = exports.SHORT_DAY_NAMES = {
+  ru: /*#__PURE__*/WEEKS.map( /*#__PURE__*/callbackDayFormatter('ru', {
+    weekday: 'short'
+  })),
+  en: /*#__PURE__*/WEEKS.map( /*#__PURE__*/callbackDayFormatter('en', {
+    weekday: 'short'
+  }))
+};
 var FULL_DAY_NAMES = exports.FULL_DAY_NAMES = {
-  Пн: 'Понедельник',
-  Вт: 'Вторник',
-  Ср: 'Среда',
-  Чт: 'Четверг',
-  Пт: 'Пятница',
-  Сб: 'Суббота',
-  Вс: 'Воскресенье'
-};
-var SHORT_MONTH_NAME = exports.SHORT_MONTH_NAME = ['Янв', 'Фев', 'Март', 'Апр', 'Май', 'Июнь', 'Июль', 'Авг', 'Сен', 'Окт', 'Ноя', 'Дек'];
-var MONTH_NAMES = exports.MONTH_NAMES = ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'];
+  ru: {
+    Пн: 'Понедельник',
+    Вт: 'Вторник',
+    Ср: 'Среда',
+    Чт: 'Четверг',
+    Пт: 'Пятница',
+    Сб: 'Суббота',
+    Вс: 'Воскресенье'
+  },
+  en: {
+    Mon: 'Monday',
+    Tue: 'Tuesday',
+    Wed: 'Wednesday',
+    Thu: 'Thursday',
+    Fri: 'Friday',
+    Sat: 'Saturday',
+    Sun: 'Sunday'
+  }
+};
+var SHORT_MONTH_NAME = exports.SHORT_MONTH_NAME = {
+  ru: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('ru', {
+    month: 'short'
+  })),
+  en: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('en', {
+    month: 'short'
+  }))
+};
+var MONTH_NAMES = exports.MONTH_NAMES = {
+  ru: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('ru', {
+    month: 'long'
+  })),
+  en: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('en', {
+    month: 'long'
+  }))
+};

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

@@ -11,15 +11,13 @@ var _dateHelper = /*#__PURE__*/require("../utils/dateHelper");
 var _useDatePicker3 = /*#__PURE__*/require("../hooks/useDatePicker");
 var _DatePicker = /*#__PURE__*/require("../DatePicker.tokens");
 var _useKeyboardNavigation = /*#__PURE__*/require("../hooks/useKeyboardNavigation");
-var _setInitValue = /*#__PURE__*/require("../utils/setInitValue");
-var _inputHidden = /*#__PURE__*/require("../../../utils/inputHidden");
 var _base = /*#__PURE__*/require("./variations/_size/base");
 var _base2 = /*#__PURE__*/require("./variations/_view/base");
 var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
 var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
 var _RangeDate = /*#__PURE__*/require("./RangeDate.styles");
 var _RangeDatePopover = /*#__PURE__*/require("./RangeDatePopover/RangeDatePopover");
-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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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); }
@@ -49,7 +47,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       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,
@@ -109,8 +106,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       rest = _objectWithoutProperties(_ref, _excluded);
     var rangeRef = ref && 'current' in ref ? ref : /*#__PURE__*/(0, _react.createRef)();
     var rootRef = (0, _react.useRef)(null);
-    var innerRefFirst = (0, _react.useRef)(null);
-    var innerRefSecond = (0, _react.useRef)(null);
     var _useState = (0, _react.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],
@@ -164,7 +159,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
         valueError: firstValueError,
         valueSuccess: firstValueSuccess,
         inputRef: firstInputRef,
-        name: name,
         onChangeValue: onChangeFirstValue,
         onCommitDate: onCommitFirstDate
       }),
@@ -205,23 +199,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
         onToggle: handleToggle
       }),
       onKeyDown = _useKeyNavigation.onKeyDown;
-    var setValue = function setValue(e) {
-      var firstElement = innerRefFirst.current;
-      var firstValueInit = String(firstElement.getAttribute('defaultValue'));
-      var secondValueInit = (0, _setInitValue.setInitValue)(e);
-      handleCommitFirstDate(firstValueInit, true, false);
-      handleCommitSecondDate(secondValueInit, true, false);
-    };
-    (0, _react.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["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_RangeDate.StyledRange, {
       ref: rangeRef,
       dividerIcon: dividerIcon,
@@ -248,7 +225,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       secondValueSuccess: secondValueSuccess,
       onChangeFirstValue: handleChangeFirstValue,
       onChangeSecondValue: handleChangeSecondValue,
-      name: name,
       onSearchFirstValue: function onSearchFirstValue(_, date) {
         handleCommitFirstDate(String(date), true, false);
         if (!calendarSecondValue || secondValueError) {
@@ -337,6 +313,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       offset: offset,
       type: type,
       onToggle: handleToggle,
+      lang: lang,
       isDoubleCalendar: isDoubleCalendar,
       onChangeStartOfRange: function onChangeStartOfRange(firstDate, dateInfo) {
         handleCommitFirstDate(firstDate, false, true, dateInfo);
@@ -352,23 +329,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
           setIsInnerOpen(false);
         }
       }
-    }), leftHelper && /*#__PURE__*/_react["default"].createElement(_RangeDate.LeftHelper, null, leftHelper), /*#__PURE__*/_react["default"].createElement(_inputHidden.InputHidden, {
-      name: name,
-      type: "hidden",
-      datatype: "datepicker-double",
-      "data-datepicker": "from",
-      value: inputFirstValue,
-      ref: innerRefFirst,
-      onChange: function onChange() {}
-    }), /*#__PURE__*/_react["default"].createElement(_inputHidden.InputHidden, {
-      name: name,
-      type: "hidden",
-      datatype: "datepicker-double",
-      "data-datepicker": "to",
-      value: inputSecondValue,
-      ref: innerRefSecond,
-      onChange: function onChange() {}
-    }));
+    }), leftHelper && /*#__PURE__*/_react["default"].createElement(_RangeDate.LeftHelper, null, leftHelper));
   });
 };
 var datePickerRangeConfig = exports.datePickerRangeConfig = {

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

@@ -34,6 +34,8 @@ var RangeDatePopover = exports.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;
@@ -63,6 +65,7 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
       disabledYearList: disabledYearList,
       min: min,
       max: max,
+      locale: lang,
       includeEdgeDates: includeEdgeDates,
       onChangeValue: onChangeValue,
       onChangeStartOfRange: onChangeStartOfRange
@@ -94,6 +97,7 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
     min: min,
     max: max,
     type: type,
+    locale: lang,
     includeEdgeDates: includeEdgeDates,
     onChangeValue: onChangeValue,
     onChangeStartOfRange: onChangeStartOfRange

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

@@ -12,14 +12,12 @@ var _useDatePicker2 = /*#__PURE__*/require("../hooks/useDatePicker");
 var _DatePicker = /*#__PURE__*/require("../DatePicker.tokens");
 var _DatePickerBase = /*#__PURE__*/require("../DatePickerBase.styles");
 var _useKeyboardNavigation = /*#__PURE__*/require("../hooks/useKeyboardNavigation");
-var _setInitValue = /*#__PURE__*/require("../utils/setInitValue");
-var _inputHidden = /*#__PURE__*/require("../../../utils/inputHidden");
 var _base = /*#__PURE__*/require("./variations/_size/base");
 var _base2 = /*#__PURE__*/require("./variations/_view/base");
 var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
 var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
 var _SingleDate = /*#__PURE__*/require("./SingleDate.styles");
-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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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); }
@@ -51,7 +49,6 @@ var datePickerRoot = exports.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,
@@ -85,10 +82,8 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
       onToggle = _ref.onToggle,
       onFocus = _ref.onFocus,
       onBlur = _ref.onBlur,
-      onChange = _ref.onChange,
       rest = _objectWithoutProperties(_ref, _excluded);
     var inputRef = (0, _react.useRef)(null);
-    var innerRef = (0, _react.useRef)(null);
     var _useState = (0, _react.useState)(opened),
       _useState2 = _slicedToArray(_useState, 2),
       isInnerOpen = _useState2[0],
@@ -123,11 +118,9 @@ var datePickerRoot = exports.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,
@@ -183,20 +176,6 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
         lang: lang
       }));
     }, [format, lang]);
-    (0, _react.useEffect)(function () {
-      if (innerRef.current) {
-        innerRef.current.addEventListener('setInitValue', function (e) {
-          return handleCommitDate((0, _setInitValue.setInitValue)(e), true, false);
-        });
-      }
-      return function () {
-        if (innerRef.current) {
-          innerRef.current.removeEventListener('setInitValue', function (e) {
-            return handleCommitDate((0, _setInitValue.setInitValue)(e), true, false);
-          });
-        }
-      };
-    }, [innerRef]);
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       view: view,
       size: size,
@@ -231,17 +210,11 @@ var datePickerRoot = exports.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["default"].createElement(_SingleDate.LeftHelper, null, leftHelper), /*#__PURE__*/_react["default"].createElement(_inputHidden.InputHidden, {
-      type: "hidden",
-      datatype: "datepicker-single",
-      name: name,
-      value: inputValue,
-      ref: innerRef,
-      onChange: function onChange() {}
-    }));
+    })), leftHelper && /*#__PURE__*/_react["default"].createElement(_SingleDate.LeftHelper, null, leftHelper));
   });
 };
 var datePickerConfig = exports.datePickerConfig = {

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

@@ -22,11 +22,9 @@ var useDatePicker = exports.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 ? _DatePicker.classes.datePickerError : undefined;
   var datePickerSuccessClass = valueSuccess ? _DatePicker.classes.datePickerSuccess : undefined;
   var handleToggle = function handleToggle(opened, event) {
@@ -53,12 +51,6 @@ var useDatePicker = exports.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;
     }
 
@@ -91,12 +83,6 @@ var useDatePicker = exports.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) {
@@ -115,16 +101,6 @@ var useDatePicker = exports.useDatePicker = function useDatePicker(_ref) {
         lang: lang
       }));
       onCommitDate === null || onCommitDate === void 0 || onCommitDate(date, false, true, dateInfo);
-      onChange === null || onChange === void 0 || onChange({
-        target: {
-          value: (0, _dateHelper.formatInputValue)({
-            value: date,
-            format: format,
-            lang: lang
-          }),
-          name: name
-        }
-      });
       return;
     }
     var formatString = applyFormat ? format : undefined;
@@ -139,15 +115,6 @@ var useDatePicker = exports.useDatePicker = function useDatePicker(_ref) {
       lang: lang
     }));
     onCommitDate === null || onCommitDate === void 0 || onCommitDate(newDate, isError, isSuccess);
-    onChange === null || onChange === void 0 || onChange({
-      target: {
-        value: (0, _dateHelper.formatInputValue)({
-          value: date,
-          format: format
-        }),
-        name: name
-      }
-    });
   };
   return {
     datePickerErrorClass: datePickerErrorClass,

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

@@ -1,5 +1,6 @@
 "use strict";
 
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,27 +10,17 @@ var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
 var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
 var _components = /*#__PURE__*/require("./components");
-var _excluded = ["type"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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); }
-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';
+var isSingleValueProps = function isSingleValueProps(props) {
+  return typeof props.value === 'number';
 };
 var sliderRoot = exports.sliderRoot = function sliderRoot(Root) {
-  return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-    var _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'single' : _ref$type,
-      props = _objectWithoutProperties(_ref, _excluded);
-    return /*#__PURE__*/_react["default"].createElement(Root, _extends({}, props, {
+  return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+    return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       ref: ref
-    }), isSingleValueProps(props, type) && /*#__PURE__*/_react["default"].createElement(_components.SingleSlider, props), isDoubleValueProps(props, type) && /*#__PURE__*/_react["default"].createElement(_components.DoubleUncontrolled, props));
+    }, props), isSingleValueProps(props) && /*#__PURE__*/_react["default"].createElement(_components.SingleSlider, props), !isSingleValueProps(props) && /*#__PURE__*/_react["default"].createElement(_components.DoubleSlider, props));
   });
 };
 var sliderConfig = exports.sliderConfig = {