@salutejs/plasma-new-hope 0.322.0-canary.1933.14614537450.0 → 0.322.0-canary.1939.14616445713.0

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

@@ -4,150 +4,206 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDatePicker = void 0;
+var _datejs = /*#__PURE__*/require("../../../utils/datejs");
+var _utils = /*#__PURE__*/require("../../Calendar/utils");
 var _DatePicker = /*#__PURE__*/require("../DatePicker.tokens");
-var _dateHelper = /*#__PURE__*/require("../utils/dateHelper");
+var _utils2 = /*#__PURE__*/require("../utils");
 var useDatePicker = exports.useDatePicker = function useDatePicker(_ref) {
   var currentValue = _ref.currentValue,
-    setInputValue = _ref.setInputValue,
-    setCalendarValue = _ref.setCalendarValue,
-    dateFormatDelimiter = _ref.dateFormatDelimiter,
     format = _ref.format,
     _ref$lang = _ref.lang,
     lang = _ref$lang === void 0 ? 'ru' : _ref$lang,
     disabled = _ref.disabled,
     readOnly = _ref.readOnly,
-    maskWithFormat = _ref.maskWithFormat,
     valueError = _ref.valueError,
     valueSuccess = _ref.valueSuccess,
     name = _ref.name,
+    type = _ref.type,
+    min = _ref.min,
+    max = _ref.max,
+    includeEdgeDates = _ref.includeEdgeDates,
+    maskWithFormat = _ref.maskWithFormat,
+    setCorrectDates = _ref.setCorrectDates,
+    setInputValue = _ref.setInputValue,
+    setCalendarValue = _ref.setCalendarValue,
+    dateFormatDelimiter = _ref.dateFormatDelimiter,
     onChangeValue = _ref.onChangeValue,
     onCommitDate = _ref.onCommitDate,
     onChange = _ref.onChange;
   var datePickerErrorClass = valueError ? _DatePicker.classes.datePickerError : undefined;
   var datePickerSuccessClass = valueSuccess ? _DatePicker.classes.datePickerSuccess : undefined;
+  var getQuarterInfo = function getQuarterInfo(originalDate) {
+    if (type !== 'Quarters') {
+      return;
+    }
+    var endQuarter = new Date(originalDate);
+    endQuarter.setMonth(originalDate.getMonth() + 3);
+    endQuarter.setDate(0);
+    _datejs.customDayjs.locale(lang);
+    var quarterIndex = (0, _datejs.customDayjs)(originalDate).quarter() - 1;
+    return {
+      name: _utils.QUARTER_NAMES[quarterIndex],
+      fullValue: [originalDate, endQuarter]
+    };
+  };
   var handleChangeValue = function handleChangeValue(event) {
     if (disabled || readOnly) {
       return;
     }
     var value = event.target.value;
-    var newValue = maskWithFormat ? (0, _dateHelper.getMaskedDateOnInput)(value, format, dateFormatDelimiter(), currentValue) : value;
-    if (!format) {
-      setCalendarValue((0, _dateHelper.formatCalendarValue)(newValue));
-      setInputValue((0, _dateHelper.formatInputValue)({
+    var newValue = maskWithFormat ? (0, _utils2.getMaskedDateOnInput)(value, format, dateFormatDelimiter(), currentValue) : value;
+    var _getFormattedDates = (0, _utils2.getFormattedDates)({
         value: newValue,
+        lang: lang,
+        delimiter: dateFormatDelimiter(),
         format: format,
-        lang: lang
-      }));
-      onChangeValue === null || onChangeValue === void 0 || onChangeValue(event, newValue);
+        includeEdgeDates: includeEdgeDates,
+        min: min,
+        max: max
+      }),
+      formattedDate = _getFormattedDates.formattedDate,
+      isoDate = _getFormattedDates.isoDate,
+      originalDate = _getFormattedDates.originalDate;
+    if (originalDate) {
+      setCorrectDates({
+        calendar: originalDate,
+        input: formattedDate
+      });
+      var dateInfo = getQuarterInfo(originalDate);
+      onCommitDate === null || onCommitDate === void 0 || onCommitDate(formattedDate, false, true, dateInfo, originalDate, isoDate);
+      setCalendarValue(originalDate);
+      setInputValue(formattedDate);
+      onChangeValue === null || onChangeValue === void 0 || onChangeValue(event, formattedDate, originalDate, isoDate);
       onChange === null || onChange === void 0 || onChange({
         target: {
-          value: newValue,
+          value: formattedDate,
+          originalDate: originalDate,
+          isoDate: isoDate,
           name: name
         }
       });
       return;
     }
-    var _validateDateWithFull = (0, _dateHelper.validateDateWithFullMonth)({
-        currentValue: newValue,
-        format: format,
-        lang: lang
-      }),
-      hasMonthFullName = _validateDateWithFull.hasMonthFullName,
-      isValidMonth = _validateDateWithFull.isValidMonth,
-      isLengthEqual = _validateDateWithFull.isLengthEqual;
-    if (!hasMonthFullName && (newValue === null || newValue === void 0 ? void 0 : newValue.length) === (format === null || format === void 0 ? void 0 : format.length) || isValidMonth && isLengthEqual) {
-      setCalendarValue((0, _dateHelper.formatCalendarValue)(newValue, format, lang));
+    if (formattedDate === '') {
+      setCorrectDates({
+        calendar: undefined,
+        input: ''
+      });
     }
-    setInputValue((0, _dateHelper.formatInputValue)({
-      value: newValue,
-      format: format,
-      lang: lang,
-      hasMonthFullName: hasMonthFullName,
-      isValidMonth: isValidMonth,
-      isLengthEqual: isLengthEqual
-    }));
-    onChangeValue === null || onChangeValue === void 0 || onChangeValue(event, newValue);
+    setCalendarValue(originalDate);
+    setInputValue(formattedDate);
+    onChangeValue === null || onChangeValue === void 0 || onChangeValue(event, formattedDate, originalDate, isoDate);
     onChange === null || onChange === void 0 || onChange({
       target: {
-        value: newValue,
+        value: formattedDate,
+        originalDate: originalDate,
+        isoDate: isoDate,
         name: name
       }
     });
   };
-  var handleCommitDate = function handleCommitDate(date, applyFormat, isCalendarValue, dateInfo) {
+  var handleSearch = function handleSearch(date) {
     if (disabled || readOnly) {
       return;
     }
     if (!date) {
       setCalendarValue(undefined);
       setInputValue('');
-      return onCommitDate === null || onCommitDate === void 0 ? void 0 : onCommitDate('', false, true);
+      return onCommitDate === null || onCommitDate === void 0 ? void 0 : onCommitDate('', false, true, undefined, undefined, '');
     }
-    if (isCalendarValue) {
-      var _formattedInputValue = (0, _dateHelper.formatInputValue)({
+    var _getFormattedDates2 = (0, _utils2.getFormattedDates)({
         value: date,
+        lang: lang,
+        delimiter: dateFormatDelimiter(),
         format: format,
-        lang: lang
+        includeEdgeDates: includeEdgeDates,
+        min: min,
+        max: max
+      }),
+      formattedDate = _getFormattedDates2.formattedDate,
+      isoDate = _getFormattedDates2.isoDate,
+      originalDate = _getFormattedDates2.originalDate;
+    if (originalDate) {
+      var dateInfo = getQuarterInfo(originalDate);
+      onCommitDate === null || onCommitDate === void 0 || onCommitDate(formattedDate, false, true, dateInfo, originalDate, isoDate);
+    }
+  };
+  var handleCalendarPick = function handleCalendarPick(date, dateInfo) {
+    if (disabled || readOnly) {
+      return;
+    }
+    if (!date) {
+      setInputValue('');
+      setCalendarValue(date);
+      setCorrectDates({
+        calendar: date || undefined,
+        input: ''
       });
-      setCalendarValue((0, _dateHelper.formatCalendarValue)(date, format, lang));
-      setInputValue(_formattedInputValue);
-      onCommitDate === null || onCommitDate === void 0 || onCommitDate(date, false, true, dateInfo);
-      onChangeValue === null || onChangeValue === void 0 || onChangeValue(null, _formattedInputValue);
+      onChangeValue === null || onChangeValue === void 0 || onChangeValue(null, '', date, '');
       onChange === null || onChange === void 0 || onChange({
         target: {
-          value: _formattedInputValue,
+          value: '',
+          originalDate: date,
+          isoDate: '',
           name: name
         }
       });
+      onCommitDate === null || onCommitDate === void 0 || onCommitDate('', false, true, dateInfo, date || undefined, '');
       return;
     }
-    var formatString = applyFormat ? format : undefined;
-    var _getDateFromFormat = (0, _dateHelper.getDateFromFormat)(date, formatString, lang),
-      newDate = _getDateFromFormat.value,
-      isError = _getDateFromFormat.isError,
-      isSuccess = _getDateFromFormat.isSuccess;
-    var formattedInputValue = (0, _dateHelper.formatInputValue)({
-      value: newDate,
-      format: format,
-      lang: lang
+    _datejs.customDayjs.locale(lang);
+    var formattedDate = (0, _datejs.customDayjs)(date).format(format);
+    var isoDate = date.toISOString();
+    setCalendarValue(date);
+    setInputValue(formattedDate);
+    setCorrectDates({
+      calendar: date,
+      input: formattedDate
     });
-    setCalendarValue((0, _dateHelper.formatCalendarValue)(newDate, format, lang));
-    setInputValue(formattedInputValue);
-    onCommitDate === null || onCommitDate === void 0 || onCommitDate(newDate, isError, isSuccess);
-    onChangeValue === null || onChangeValue === void 0 || onChangeValue(null, formattedInputValue);
+    onChangeValue === null || onChangeValue === void 0 || onChangeValue(null, formattedDate, date, isoDate);
     onChange === null || onChange === void 0 || onChange({
       target: {
-        value: formattedInputValue,
+        value: formattedDate,
+        originalDate: date,
+        isoDate: isoDate,
         name: name
       }
     });
+    onCommitDate === null || onCommitDate === void 0 || onCommitDate(formattedDate, false, true, dateInfo, date, isoDate);
   };
-  var updateExternalDate = function updateExternalDate(externalDate, inputSetter, calendarSetter) {
-    inputSetter((0, _dateHelper.formatInputValue)({
-      value: externalDate,
-      format: format,
-      lang: lang
-    }));
-    if (!format) {
-      calendarSetter((0, _dateHelper.formatCalendarValue)(externalDate, undefined, lang));
-      return;
-    }
-    if (!externalDate) {
-      calendarSetter(undefined);
-      return;
+  var updateExternalDate = function updateExternalDate(externalDate) {
+    var _getFormattedDates3 = (0, _utils2.getFormattedDates)({
+        value: externalDate || null,
+        lang: lang,
+        delimiter: dateFormatDelimiter(),
+        format: format,
+        includeEdgeDates: includeEdgeDates,
+        min: min,
+        max: max
+      }),
+      formattedDate = _getFormattedDates3.formattedDate,
+      originalDate = _getFormattedDates3.originalDate;
+    setInputValue(formattedDate);
+    setCalendarValue(originalDate);
+    if (originalDate) {
+      setCorrectDates({
+        calendar: originalDate,
+        input: formattedDate
+      });
     }
-    var _getDateFromFormat2 = (0, _dateHelper.getDateFromFormat)(externalDate, undefined, lang),
-      newDate = _getDateFromFormat2.value,
-      isError = _getDateFromFormat2.isError;
-    if (!isError) {
-      calendarSetter((0, _dateHelper.formatCalendarValue)(newDate, format, lang));
+    if (formattedDate === '') {
+      setCorrectDates({
+        calendar: undefined,
+        input: ''
+      });
     }
   };
   return {
     datePickerErrorClass: datePickerErrorClass,
     datePickerSuccessClass: datePickerSuccessClass,
     handleChangeValue: handleChangeValue,
-    handleCommitDate: handleCommitDate,
+    handleSearch: handleSearch,
+    handleCalendarPick: handleCalendarPick,
     updateExternalDate: updateExternalDate
   };
 };

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

@@ -11,8 +11,15 @@ var keys = exports.keys = {
 var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref) {
   var isCalendarOpen = _ref.isCalendarOpen,
     closeOnEsc = _ref.closeOnEsc,
+    format = _ref.format,
+    maskWithFormat = _ref.maskWithFormat,
+    delimiter = _ref.delimiter,
     onToggle = _ref.onToggle;
   var onKeyDown = function onKeyDown(event) {
+    if (event.key === delimiter && maskWithFormat && format && !/M{3,4}/g.test(format)) {
+      event.preventDefault();
+      return;
+    }
     switch (event.code) {
       case keys.Space:
         {

package/styled-components/cjs/components/DatePicker/utils/dateHelper.js

@@ -3,62 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.validateDateWithFullMonth = exports.getMaskedDateOnInput = exports.getDateFromFormat = exports.getDateFormatDelimiter = exports.formatInputValue = exports.formatCalendarValue = void 0;
-var _datejs = /*#__PURE__*/require("../../../utils/datejs");
-var formatInputValue = exports.formatInputValue = function formatInputValue(_ref) {
-  var value = _ref.value,
-    format = _ref.format,
-    lang = _ref.lang,
-    hasMonthFullName = _ref.hasMonthFullName,
-    isValidMonth = _ref.isValidMonth,
-    isLengthEqual = _ref.isLengthEqual;
-  if (!value || !lang) {
-    return '';
-  }
-  if (hasMonthFullName && (!isValidMonth || !isLengthEqual)) {
-    return String(value);
-  }
-  if (format && (0, _datejs.customDayjs)(value, format, true).isValid()) {
-    return (0, _datejs.customDayjs)(value, format).locale(lang).format(format);
-  }
-  if (format && String(value).length >= 10 && String(new Date(value)) !== 'Invalid Date') {
-    return (0, _datejs.customDayjs)(value).locale(lang).format(format);
-  }
-  return String(value);
-};
-var formatCalendarValue = exports.formatCalendarValue = function formatCalendarValue(value, format, lang) {
-  if (!value || !lang) {
-    return undefined;
-  }
-  if (format && (0, _datejs.customDayjs)(value, format, true).isValid()) {
-    return (0, _datejs.customDayjs)(value, format, true).locale(lang).toDate();
-  }
-  if (String(new Date(value)) !== 'Invalid Date') {
-    return (0, _datejs.customDayjs)(value).locale(lang).toDate();
-  }
-  return undefined;
-};
-var getDateFromFormat = exports.getDateFromFormat = function getDateFromFormat(value, format, lang) {
-  if (format && (0, _datejs.customDayjs)(value, format, true).isValid() && lang) {
-    return {
-      value: (0, _datejs.customDayjs)(value, format, true).locale(lang).toDate(),
-      isError: false,
-      isSuccess: true
-    };
-  }
-  if (!format && String(new Date(value)) !== 'Invalid Date' && lang) {
-    return {
-      value: (0, _datejs.customDayjs)(value).locale(lang).toDate(),
-      isError: false,
-      isSuccess: true
-    };
-  }
-  return {
-    value: value,
-    isError: true,
-    isSuccess: false
-  };
-};
+exports.getDateFormatDelimiter = void 0;
 var getDateFormatDelimiter = exports.getDateFormatDelimiter = function getDateFormatDelimiter(format) {
   var _format$match;
   if (!format) {
@@ -66,52 +11,4 @@ var getDateFormatDelimiter = exports.getDateFormatDelimiter = function getDateFo
   }
   var delimiter = (_format$match = format.match(/[^a-zA-Z0-9]/)) === null || _format$match === void 0 ? void 0 : _format$match[0];
   return delimiter !== null && delimiter !== void 0 ? delimiter : '';
-};
-var getMaskedDateOnInput = exports.getMaskedDateOnInput = function getMaskedDateOnInput(value, format, delimiter, prevValue) {
-  if (!value) {
-    return '';
-  }
-  if (!format || !delimiter || /M{3,4}/g.test(format)) {
-    return value;
-  }
-  if (value.length >= format.length) {
-    return value.slice(0, format.length);
-  }
-  if (prevValue && value.length < prevValue.length && (prevValue === null || prevValue === void 0 ? void 0 : prevValue[value.length]) === delimiter) {
-    return value.slice(0, -1);
-  }
-  if ((format === null || format === void 0 ? void 0 : format[value.length]) === delimiter) {
-    return value + delimiter;
-  }
-  return value;
-};
-var validateDateWithFullMonth = exports.validateDateWithFullMonth = function validateDateWithFullMonth(_ref2) {
-  var currentValue = _ref2.currentValue,
-    format = _ref2.format,
-    lang = _ref2.lang;
-  /**
-   * NOTE: если в формате даты есть месяц в полном названии или сокращенном,
-   * нужно дополнительно проводить валидацию на полноту введенной даты.
-   * Иначе dayjs циклически будет пытаться отформатировать некорректную дату.
-   */
-  var hasMonthFullName = /M{3,4}/g.test(format);
-  if (!hasMonthFullName) {
-    return {
-      hasMonthFullName: hasMonthFullName,
-      isValidMonth: false,
-      isLengthEqual: false
-    };
-  }
-  _datejs.customDayjs.locale(lang);
-  var firstIndexOfMonth = format.indexOf('M');
-  var lastIndexOfMonth = currentValue.indexOf(getDateFormatDelimiter(format), firstIndexOfMonth);
-  var fullMonthName = !lastIndexOfMonth ? currentValue.slice(firstIndexOfMonth) : currentValue.slice(firstIndexOfMonth, lastIndexOfMonth);
-  var monthFormatting = format.replace(/[^M]/g, '');
-  var isValidMonth = (0, _datejs.customDayjs)("01 ".concat(fullMonthName, " 1970"), "DD ".concat(monthFormatting, " YYYY"), true).isValid();
-  var isLengthEqual = format.length - monthFormatting.length === currentValue.length - fullMonthName.length;
-  return {
-    hasMonthFullName: hasMonthFullName,
-    isValidMonth: isValidMonth,
-    isLengthEqual: isLengthEqual
-  };
 };

package/styled-components/cjs/components/DatePicker/utils/getFormattedDates.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFormattedDates = void 0;
+var _getOriginalDates2 = /*#__PURE__*/require("./getOriginalDates");
+var _normalizeDates2 = /*#__PURE__*/require("./normalizeDates");
+var getFormattedDates = exports.getFormattedDates = function getFormattedDates(_ref) {
+  var value = _ref.value,
+    lang = _ref.lang,
+    format = _ref.format,
+    includeEdgeDates = _ref.includeEdgeDates,
+    min = _ref.min,
+    max = _ref.max;
+  var _getOriginalDates = (0, _getOriginalDates2.getOriginalDates)(value, lang, format),
+    formattedDate = _getOriginalDates.formattedDate,
+    isoDate = _getOriginalDates.isoDate,
+    originalDate = _getOriginalDates.originalDate;
+  if (!originalDate) {
+    var innerValue = format && (/M{3,4}/g.test(format) ? formattedDate : formattedDate.slice(0, format.length));
+    return {
+      formattedDate: innerValue || '',
+      isoDate: isoDate,
+      originalDate: originalDate
+    };
+  }
+  var _normalizeDates = (0, _normalizeDates2.normalizeDates)({
+      originalDate: originalDate,
+      lang: lang,
+      format: format,
+      includeEdgeDates: includeEdgeDates,
+      min: min,
+      max: max
+    }),
+    normalizedDate = _normalizeDates.normalizedDate,
+    formattedNormalizedDate = _normalizeDates.formattedNormalizedDate;
+  return {
+    formattedDate: formattedNormalizedDate,
+    isoDate: normalizedDate.toISOString(),
+    originalDate: normalizedDate
+  };
+};

package/styled-components/cjs/components/DatePicker/utils/getMaskedDateOnInput.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMaskedDateOnInput = void 0;
+var getMaskedDateOnInput = exports.getMaskedDateOnInput = function getMaskedDateOnInput(value, format, delimiter, prevValue) {
+  if (!value) {
+    return '';
+  }
+  if (!format || !delimiter || /M{3,4}/g.test(format)) {
+    return value;
+  }
+  var dateRegExp = new RegExp("[^0-9".concat(delimiter, "]"), 'g');
+  var formattedValue = value.replace(dateRegExp, '');
+  if (formattedValue.length >= format.length) {
+    return formattedValue.slice(0, format.length);
+  }
+  if (prevValue && formattedValue.length < prevValue.length && (prevValue === null || prevValue === void 0 ? void 0 : prevValue[formattedValue.length]) === delimiter) {
+    return formattedValue.slice(0, -1);
+  }
+  if ((format === null || format === void 0 ? void 0 : format[formattedValue.length]) === delimiter) {
+    return formattedValue + delimiter;
+  }
+  return formattedValue;
+};

package/styled-components/cjs/components/DatePicker/utils/getOriginalDates.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getOriginalDates = void 0;
+var _datejs = /*#__PURE__*/require("../../../utils/datejs");
+var initialValueStructure = {
+  isoDate: '',
+  originalDate: undefined,
+  formattedDate: ''
+};
+var getOriginalDates = exports.getOriginalDates = function getOriginalDates(value, lang, format) {
+  if (!value || !lang) {
+    return initialValueStructure;
+  }
+  _datejs.customDayjs.locale(lang);
+  if (value instanceof Date) {
+    return {
+      formattedDate: (0, _datejs.customDayjs)(value).format(format),
+      isoDate: new Date(value).toISOString(),
+      originalDate: new Date(value)
+    };
+  }
+  if (!format) {
+    return {
+      formattedDate: value,
+      isoDate: '',
+      originalDate: undefined
+    };
+  }
+  if ((0, _datejs.customDayjs)(value, format).isValid()) {
+    var isoDate = (0, _datejs.customDayjs)(value, format).toISOString();
+    var originalDate = (0, _datejs.customDayjs)(value, format).toDate();
+    var formattedDate = (0, _datejs.customDayjs)(value, format).format(format);
+    return {
+      formattedDate: formattedDate,
+      isoDate: isoDate,
+      originalDate: originalDate
+    };
+  }
+  return {
+    formattedDate: value,
+    isoDate: '',
+    originalDate: undefined
+  };
+};

package/styled-components/cjs/components/DatePicker/utils/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "getFormattedDates", {
+  enumerable: true,
+  get: function get() {
+    return _getFormattedDates.getFormattedDates;
+  }
+});
+Object.defineProperty(exports, "getMaskedDateOnInput", {
+  enumerable: true,
+  get: function get() {
+    return _getMaskedDateOnInput.getMaskedDateOnInput;
+  }
+});
+Object.defineProperty(exports, "getOriginalDates", {
+  enumerable: true,
+  get: function get() {
+    return _getOriginalDates.getOriginalDates;
+  }
+});
+Object.defineProperty(exports, "normalizeDates", {
+  enumerable: true,
+  get: function get() {
+    return _normalizeDates.normalizeDates;
+  }
+});
+var _getFormattedDates = /*#__PURE__*/require("./getFormattedDates");
+var _getOriginalDates = /*#__PURE__*/require("./getOriginalDates");
+var _normalizeDates = /*#__PURE__*/require("./normalizeDates");
+var _getMaskedDateOnInput = /*#__PURE__*/require("./getMaskedDateOnInput");

package/styled-components/cjs/components/DatePicker/utils/normalizeDates.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.normalizeDates = void 0;
+var _datejs = /*#__PURE__*/require("../../../utils/datejs");
+var normalizeDates = exports.normalizeDates = function normalizeDates(_ref) {
+  var originalDate = _ref.originalDate,
+    lang = _ref.lang,
+    format = _ref.format,
+    includeEdgeDates = _ref.includeEdgeDates,
+    min = _ref.min,
+    max = _ref.max;
+  var dateCandidate = originalDate;
+  _datejs.customDayjs.locale(lang);
+  if (min && includeEdgeDates && min > originalDate) {
+    dateCandidate = min;
+  } else if (min && !includeEdgeDates && min >= originalDate) {
+    dateCandidate = (0, _datejs.customDayjs)(min).add(1, 'd').toDate();
+  } else if (max && includeEdgeDates && max < originalDate) {
+    dateCandidate = max;
+  } else if (max && !includeEdgeDates && max <= originalDate) {
+    dateCandidate = (0, _datejs.customDayjs)(max).subtract(1, 'd').toDate();
+  }
+  var formattedDateCandidate = format ? (0, _datejs.customDayjs)(dateCandidate).format(format) : dateCandidate.toString();
+  return {
+    normalizedDate: dateCandidate,
+    formattedNormalizedDate: formattedDateCandidate
+  };
+};

package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js

@@ -13,7 +13,7 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-primary);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-positive);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-negative);", ":var(--text-positive);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-accent);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--surface-negative);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-active);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-active);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--shadow-down-soft-s);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-card);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":var(--surface-solid-default);", ":", ";", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], _DatePicker.datePickerTokens.background, _DatePicker.datePickerTokens.backgroundError, _DatePicker.datePickerTokens.backgroundSuccess, _DatePicker.datePickerTokens.dividerColor, _DatePicker.datePickerTokens.labelColor, _DatePicker.datePickerTokens.leftHelperColor, _DatePicker.datePickerTokens.leftHelperColorError, _DatePicker.datePickerTokens.leftHelperColorSuccess, _DatePicker.datePickerTokens.textFieldColor, _DatePicker.datePickerTokens.textFieldPlaceholderColor, _DatePicker.datePickerTokens.textFieldCaretColor, _DatePicker.datePickerTokens.labelInnerFontFamily, _DatePicker.datePickerTokens.labelInnerFontSize, _DatePicker.datePickerTokens.labelInnerFontStyle, _DatePicker.datePickerTokens.labelInnerFontWeight, _DatePicker.datePickerTokens.labelInnerLetterSpacing, _DatePicker.datePickerTokens.labelInnerLineHeight, _DatePicker.datePickerTokens.indicatorColor, _DatePicker.datePickerTokens.textFieldBackgroundColor, _DatePicker.datePickerTokens.textFieldBackgroundColorFocus, _DatePicker.datePickerTokens.textFieldBackgroundErrorColor, _DatePicker.datePickerTokens.textFieldBackgroundErrorColorFocus, _DatePicker.datePickerTokens.textFieldBackgroundSuccessColor, _DatePicker.datePickerTokens.textFieldBackgroundSuccessColorFocus, _DatePicker.datePickerTokens.textFieldTextBeforeColor, _DatePicker.datePickerTokens.textFieldTextAfterColor, _DatePicker.datePickerTokens.focusColor, _DatePicker.datePickerTokens.textFieldPlaceholderColorFocus, _DatePicker.datePickerTokens.calendarShadow, _DatePicker.datePickerTokens.calendarSeparatorBackground, _DatePicker.datePickerTokens.calendarBackgroundColor, _DatePicker.datePickerTokens.calendarSelectedItemBackground, _DatePicker.datePickerTokens.calendarSelectedItemColor, _DatePicker.datePickerTokens.calendarSelectableItemBackgroundHover, _DatePicker.datePickerTokens.calendarCurrentItemBorderColor, _DatePicker.datePickerTokens.calendarCurrentItemBackgroundHover, _DatePicker.datePickerTokens.calendarCurrentItemColorHover, _DatePicker.datePickerTokens.calendarCurrentItemChildBackgroundHover, _DatePicker.datePickerTokens.calendarActiveItemBackground, _DatePicker.datePickerTokens.calendarActiveItemColor, _DatePicker.datePickerTokens.calendarHoveredItemBackground, _DatePicker.datePickerTokens.calendarHoveredItemColor, _DatePicker.datePickerTokens.calendarRangeBackground, _DatePicker.datePickerTokens.calendarOutlineFocusColor, _DatePicker.datePickerTokens.calendarContentPrimaryColor, _DatePicker.datePickerTokens.calendarContentPrimaryDisabledColor, _DatePicker.datePickerTokens.calendarHeaderArrowColor, _DatePicker.datePickerTokens.calendarContentPrimaryColor, _DatePicker.datePickerTokens.calendarContentSecondaryColor, _DatePicker.datePickerTokens.calendarContentSecondaryDisabledColor, _DatePicker.datePickerTokens.iconButtonColor, _DatePicker.datePickerTokens.iconButtonBackgroundColor, _DatePicker.datePickerTokens.iconButtonColorHover, _DatePicker.datePickerTokens.iconButtonBackgroundColorHover, _DatePicker.datePickerTokens.iconButtonColorActive, _DatePicker.datePickerTokens.iconButtonBackgroundColorActive, _DatePicker.datePickerTokens.iconButtonFocusColor)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-primary);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-positive);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-negative);", ":var(--text-positive);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-accent);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--surface-negative);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-active);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-active);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--shadow-down-soft-s);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-card);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":var(--surface-solid-default);", ":", ";", ":var(--text-secondary);", ":var(--text-secondary);", ":0.4;", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], _DatePicker.datePickerTokens.background, _DatePicker.datePickerTokens.backgroundError, _DatePicker.datePickerTokens.backgroundSuccess, _DatePicker.datePickerTokens.dividerColor, _DatePicker.datePickerTokens.labelColor, _DatePicker.datePickerTokens.leftHelperColor, _DatePicker.datePickerTokens.leftHelperColorError, _DatePicker.datePickerTokens.leftHelperColorSuccess, _DatePicker.datePickerTokens.textFieldColor, _DatePicker.datePickerTokens.textFieldPlaceholderColor, _DatePicker.datePickerTokens.textFieldCaretColor, _DatePicker.datePickerTokens.labelInnerFontFamily, _DatePicker.datePickerTokens.labelInnerFontSize, _DatePicker.datePickerTokens.labelInnerFontStyle, _DatePicker.datePickerTokens.labelInnerFontWeight, _DatePicker.datePickerTokens.labelInnerLetterSpacing, _DatePicker.datePickerTokens.labelInnerLineHeight, _DatePicker.datePickerTokens.indicatorColor, _DatePicker.datePickerTokens.textFieldBackgroundColor, _DatePicker.datePickerTokens.textFieldBackgroundColorFocus, _DatePicker.datePickerTokens.textFieldBackgroundErrorColor, _DatePicker.datePickerTokens.textFieldBackgroundErrorColorFocus, _DatePicker.datePickerTokens.textFieldBackgroundSuccessColor, _DatePicker.datePickerTokens.textFieldBackgroundSuccessColorFocus, _DatePicker.datePickerTokens.textFieldTextBeforeColor, _DatePicker.datePickerTokens.textFieldTextAfterColor, _DatePicker.datePickerTokens.focusColor, _DatePicker.datePickerTokens.textFieldPlaceholderColorFocus, _DatePicker.datePickerTokens.calendarShadow, _DatePicker.datePickerTokens.calendarSeparatorBackground, _DatePicker.datePickerTokens.calendarBackgroundColor, _DatePicker.datePickerTokens.calendarSelectedItemBackground, _DatePicker.datePickerTokens.calendarSelectedItemColor, _DatePicker.datePickerTokens.calendarSelectableItemBackgroundHover, _DatePicker.datePickerTokens.calendarCurrentItemBorderColor, _DatePicker.datePickerTokens.calendarCurrentItemBackgroundHover, _DatePicker.datePickerTokens.calendarCurrentItemColorHover, _DatePicker.datePickerTokens.calendarCurrentItemChildBackgroundHover, _DatePicker.datePickerTokens.calendarActiveItemBackground, _DatePicker.datePickerTokens.calendarActiveItemColor, _DatePicker.datePickerTokens.calendarHoveredItemBackground, _DatePicker.datePickerTokens.calendarHoveredItemColor, _DatePicker.datePickerTokens.calendarRangeBackground, _DatePicker.datePickerTokens.calendarOutlineFocusColor, _DatePicker.datePickerTokens.calendarContentPrimaryColor, _DatePicker.datePickerTokens.calendarContentPrimaryDisabledColor, _DatePicker.datePickerTokens.calendarHeaderArrowColor, _DatePicker.datePickerTokens.calendarContentPrimaryColor, _DatePicker.datePickerTokens.calendarContentSecondaryColor, _DatePicker.datePickerTokens.calendarContentSecondaryDisabledColor, _DatePicker.datePickerTokens.calendarDisabledOpacity, _DatePicker.datePickerTokens.iconButtonColor, _DatePicker.datePickerTokens.iconButtonBackgroundColor, _DatePicker.datePickerTokens.iconButtonColorHover, _DatePicker.datePickerTokens.iconButtonBackgroundColorHover, _DatePicker.datePickerTokens.iconButtonColorActive, _DatePicker.datePickerTokens.iconButtonBackgroundColorActive, _DatePicker.datePickerTokens.iconButtonFocusColor)
     },
     size: {
       l: /*#__PURE__*/(0, _styledComponents.css)(["", ":26.5rem;", ":0.875rem;", ":0 0.375rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0 0 0 1rem;", ":0;", ":0.75rem;", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.5rem auto auto -0.75rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":3.5rem;", ":0.875rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem 0 0 0;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":0.875rem;", ":26.5rem;", ":0.5rem 1rem 1.125rem 1rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 1rem 1.125rem 1rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":11.75rem;", ":10.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 1rem 1.125rem 1rem;", ":0.75rem;", ":3.5rem;", ":3rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.063rem;", ":0.875rem 1rem 0 1rem;", ":0.5rem;", ":0 0 0 1rem;", ":0.5rem;", ":var(--plasma-typo-h3-font-family);", ":var(--plasma-typo-h3-font-size);", ":var(--plasma-typo-h3-font-style);", ":var(--plasma-typo-h3-letter-spacing);", ":var(--plasma-typo-h3-line-height);", ":var(--plasma-typo-h3-font-weight);", ":var(--plasma-typo-h3-bold-font-weight);", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;"], _DatePicker.datePickerTokens.width, _DatePicker.datePickerTokens.borderRadius, _DatePicker.datePickerTokens.dividerPadding, _DatePicker.datePickerTokens.dividerFontFamily, _DatePicker.datePickerTokens.dividerFontStyle, _DatePicker.datePickerTokens.dividerFontSize, _DatePicker.datePickerTokens.dividerFontWeight, _DatePicker.datePickerTokens.dividerLetterSpacing, _DatePicker.datePickerTokens.dividerLineHeight, _DatePicker.datePickerTokens.leftContentMargin, _DatePicker.datePickerTokens.rightContentMargin, _DatePicker.datePickerTokens.labelOffset, _DatePicker.datePickerTokens.labelInnerPadding, _DatePicker.datePickerTokens.contentLabelInnerPadding, _DatePicker.datePickerTokens.labelFontFamily, _DatePicker.datePickerTokens.labelFontStyle, _DatePicker.datePickerTokens.labelFontSize, _DatePicker.datePickerTokens.labelFontWeight, _DatePicker.datePickerTokens.labelLetterSpacing, _DatePicker.datePickerTokens.labelLineHeight, _DatePicker.datePickerTokens.indicatorSize, _DatePicker.datePickerTokens.indicatorSizeOuter, _DatePicker.datePickerTokens.indicatorPlacement, _DatePicker.datePickerTokens.indicatorOuterPlacement, _DatePicker.datePickerTokens.indicatorPlacementRight, _DatePicker.datePickerTokens.indicatorOuterPlacementRight, _DatePicker.datePickerTokens.textFieldHeight, _DatePicker.datePickerTokens.textFieldBorderRadius, _DatePicker.datePickerTokens.textFieldPadding, _DatePicker.datePickerTokens.textFieldFontFamily, _DatePicker.datePickerTokens.textFieldFontStyle, _DatePicker.datePickerTokens.textFieldFontSize, _DatePicker.datePickerTokens.textFieldFontWeight, _DatePicker.datePickerTokens.textFieldLetterSpacing, _DatePicker.datePickerTokens.textFieldLineHeight, _DatePicker.datePickerTokens.leftHelperOffset, _DatePicker.datePickerTokens.leftHelperFontFamily, _DatePicker.datePickerTokens.leftHelperFontStyle, _DatePicker.datePickerTokens.leftHelperFontSize, _DatePicker.datePickerTokens.leftHelperFontWeight, _DatePicker.datePickerTokens.leftHelperLetterSpacing, _DatePicker.datePickerTokens.leftHelperLineHeight, _DatePicker.datePickerTokens.textFieldLeftContentMargin, _DatePicker.datePickerTokens.textFieldRightContentMargin, _DatePicker.datePickerTokens.textFieldTextBeforeMargin, _DatePicker.datePickerTokens.textFieldTextAfterMargin, _DatePicker.datePickerTokens.calendarBorderRadius, _DatePicker.datePickerTokens.calendarWidth, _DatePicker.datePickerTokens.calendarYearsPadding, _DatePicker.datePickerTokens.calendarYearItemBorderRadius, _DatePicker.datePickerTokens.calendarYearItemWidth, _DatePicker.datePickerTokens.calendarYearItemHeight, _DatePicker.datePickerTokens.calendarYearFontFamily, _DatePicker.datePickerTokens.calendarYearFontSize, _DatePicker.datePickerTokens.calendarYearFontStyle, _DatePicker.datePickerTokens.calendarYearFontLetterSpacing, _DatePicker.datePickerTokens.calendarYearFontLineHeight, _DatePicker.datePickerTokens.calendarYearFontWeight, _DatePicker.datePickerTokens.calendarYearSelectedFontWeight, _DatePicker.datePickerTokens.calendarMonthsPadding, _DatePicker.datePickerTokens.calendarMonthItemBorderRadius, _DatePicker.datePickerTokens.calendarMonthItemWidth, _DatePicker.datePickerTokens.calendarMonthItemHeight, _DatePicker.datePickerTokens.calendarMonthFontFamily, _DatePicker.datePickerTokens.calendarMonthFontSize, _DatePicker.datePickerTokens.calendarMonthFontStyle, _DatePicker.datePickerTokens.calendarMonthFontLetterSpacing, _DatePicker.datePickerTokens.calendarMonthFontLineHeight, _DatePicker.datePickerTokens.calendarMonthFontWeight, _DatePicker.datePickerTokens.calendarMonthSelectedFontWeight, _DatePicker.datePickerTokens.calendarQuartersPadding, _DatePicker.datePickerTokens.calendarQuarterItemBorderRadius, _DatePicker.datePickerTokens.calendarQuarterItemWidth, _DatePicker.datePickerTokens.calendarQuarterItemHeight, _DatePicker.datePickerTokens.calendarQuarterFontFamily, _DatePicker.datePickerTokens.calendarQuarterFontSize, _DatePicker.datePickerTokens.calendarQuarterFontStyle, _DatePicker.datePickerTokens.calendarQuarterFontLetterSpacing, _DatePicker.datePickerTokens.calendarQuarterFontLineHeight, _DatePicker.datePickerTokens.calendarQuarterFontWeight, _DatePicker.datePickerTokens.calendarQuarterSelectedFontWeight, _DatePicker.datePickerTokens.calendarDaysPadding, _DatePicker.datePickerTokens.calendarDayItemBorderRadius, _DatePicker.datePickerTokens.calendarDayItemWidth, _DatePicker.datePickerTokens.calendarDayItemHeight, _DatePicker.datePickerTokens.calendarDayFontFamily, _DatePicker.datePickerTokens.calendarDayFontSize, _DatePicker.datePickerTokens.calendarDayFontStyle, _DatePicker.datePickerTokens.calendarDayFontLetterSpacing, _DatePicker.datePickerTokens.calendarDayFontLineHeight, _DatePicker.datePickerTokens.calendarDayFontWeight, _DatePicker.datePickerTokens.calendarDaySelectedFontWeight, _DatePicker.datePickerTokens.calendarCurrentItemBorderWidth, _DatePicker.datePickerTokens.calendarHeaderWrapperPadding, _DatePicker.datePickerTokens.calendarHeaderArrowGap, _DatePicker.datePickerTokens.calendarHeaderPadding, _DatePicker.datePickerTokens.calendarHeaderDateGap, _DatePicker.datePickerTokens.calendarHeaderFontFamily, _DatePicker.datePickerTokens.calendarHeaderFontSize, _DatePicker.datePickerTokens.calendarHeaderFontStyle, _DatePicker.datePickerTokens.calendarHeaderFontLetterSpacing, _DatePicker.datePickerTokens.calendarHeaderFontLineHeight, _DatePicker.datePickerTokens.calendarHeaderFontWeight, _DatePicker.datePickerTokens.calendarHeaderFontWeightBold, _DatePicker.datePickerTokens.iconButtonHeight, _DatePicker.datePickerTokens.iconButtonWidth, _DatePicker.datePickerTokens.iconButtonPadding, _DatePicker.datePickerTokens.iconButtonRadius),