@salutejs/plasma-new-hope 0.109.0-canary.1310.10007111729.0 → 0.109.1-canary.1301.10056166255.0

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

@@ -0,0 +1,111 @@
+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."); }
+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 _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; }
+export var getSortedValues = function getSortedValues(values) {
+  return values.sort(function (start, end) {
+    if (!start || !end) {
+      return -1;
+    }
+    return start.getTime() - end.getTime();
+  });
+};
+export var isDateInRange = function isDateInRange(year, monthIndex, currentDay, values) {
+  var _getSortedValues = getSortedValues(values),
+    _getSortedValues2 = _slicedToArray(_getSortedValues, 2),
+    startValue = _getSortedValues2[0],
+    endValue = _getSortedValues2[1];
+  if (!endValue || !startValue) {
+    return false;
+  }
+  var day = new Date(year, monthIndex, currentDay);
+  return startValue < day && day <= endValue;
+};
+export var isSameDay = function isSameDay(firstDate, secondDate) {
+  return secondDate && firstDate.day === secondDate.day && firstDate.monthIndex === secondDate.monthIndex && firstDate.year === secondDate.year;
+};
+export var isValueUpdate = function isValueUpdate(value, prevValue) {
+  if (!Array.isArray(value) && !Array.isArray(prevValue)) {
+    return (prevValue === null || prevValue === void 0 ? void 0 : prevValue.getTime()) !== (value === null || value === void 0 ? void 0 : value.getTime());
+  }
+  if (Array.isArray(value) && Array.isArray(prevValue)) {
+    var _prevValue$, _value$, _prevValue$2, _value$2;
+    return ((_prevValue$ = prevValue[0]) === null || _prevValue$ === void 0 ? void 0 : _prevValue$.getTime()) !== ((_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.getTime()) || ((_prevValue$2 = prevValue[1]) === null || _prevValue$2 === void 0 ? void 0 : _prevValue$2.getTime()) !== ((_value$2 = value[1]) === null || _value$2 === void 0 ? void 0 : _value$2.getTime());
+  }
+  return false;
+};
+
+/**
+ * Метод проверяет, находится ли календарь в режиме выбора второго значения.
+ */
+export var isSelectProcess = function isSelectProcess(array) {
+  return Array.isArray(array) && !array[1];
+};
+
+/**
+ * Метод возвращает сторону, когда выбор второго значения диапазона завершён.
+ */
+export var getSideForSelected = function getSideForSelected(date, startValue, endValue) {
+  var currentDateTime = new Date(date.year, date.monthIndex, date.day).getTime();
+  var startValueTime = startValue.getTime();
+  var endValueTime = endValue.getTime();
+  if (currentDateTime === startValueTime) {
+    return 'right';
+  }
+  if (currentDateTime === endValueTime) {
+    return 'left';
+  }
+  return undefined;
+};
+
+/**
+ * Метод возвращает сторону, во время выбора второго значения диапазона.
+ */
+export var getSideForHovered = function getSideForHovered(date, hoveredDay, startValue, isSelected) {
+  var dateHover = new Date(hoveredDay.year, hoveredDay.monthIndex, hoveredDay.day);
+  var isHovered = isSameDay(date, hoveredDay);
+  if (isSelected && startValue > dateHover || isHovered && startValue < dateHover) {
+    return 'left';
+  }
+  if (isSelected && startValue < dateHover || isHovered && startValue > dateHover) {
+    return 'right';
+  }
+  return undefined;
+};
+
+/**
+ * Метод возвращает сторону, с которой нужно отрисовать направление полоски диапазона.
+ */
+export var getSideInRange = function getSideInRange(value, date, hoveredDay, isSelected) {
+  if (!Array.isArray(value)) {
+    return undefined;
+  }
+  var _value = _slicedToArray(value, 2),
+    startValue = _value[0],
+    endValue = _value[1];
+  if (startValue && isSelected && endValue) {
+    return getSideForSelected(date, startValue, endValue);
+  }
+  if (startValue && hoveredDay) {
+    return getSideForHovered(date, hoveredDay, startValue, isSelected);
+  }
+  return undefined;
+};
+
+/**
+ * Метод проверяет, находится ли выбранный день в диапазоне.
+ */
+export var getInRange = function getInRange(value, date, hoveredDay, inRange) {
+  if (!isSelectProcess(value) || !hoveredDay) {
+    return inRange;
+  }
+  var dateSelected = value[0];
+  var dateHover = new Date(hoveredDay.year, hoveredDay.monthIndex, hoveredDay.day);
+  var dateCurrent = new Date(date.year, date.monthIndex, date.day);
+  if (dateSelected < dateCurrent && dateCurrent < dateHover || dateSelected > dateCurrent && dateCurrent > dateHover) {
+    return true;
+  }
+  return inRange;
+};

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

@@ -0,0 +1,42 @@
+export var ROW_STEP = 6;
+export var ROW_MONTH_STEP = 4;
+export var ROW_YEAR_STEP = 4;
+export var ROW_QUARTER_STEP = 2;
+export var YEAR_RENDER_COUNT = 12;
+export var offsetMap = {
+  Days: ROW_STEP,
+  Months: ROW_MONTH_STEP,
+  Years: ROW_YEAR_STEP,
+  Quarters: ROW_QUARTER_STEP
+};
+export var QUARTER_NAMES = ['Q1', 'Q2', 'Q3', 'Q4'];
+export var quarterDates = {
+  Q1: {
+    monthIndex: 0,
+    day: 1
+  },
+  Q2: {
+    monthIndex: 3,
+    day: 1
+  },
+  Q3: {
+    monthIndex: 6,
+    day: 1
+  },
+  Q4: {
+    monthIndex: 9,
+    day: 1
+  }
+};
+export var SHORT_DAY_NAMES = ['Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб', 'Вс'];
+export var FULL_DAY_NAMES = {
+  Пн: 'Понедельник',
+  Вт: 'Вторник',
+  Ср: 'Среда',
+  Чт: 'Четверг',
+  Пт: 'Пятница',
+  Сб: 'Суббота',
+  Вс: 'Воскресенье'
+};
+export var SHORT_MONTH_NAME = ['Янв', 'Фев', 'Март', 'Апр', 'Май', 'Июнь', 'Июль', 'Авг', 'Сен', 'Окт', 'Ноя', 'Дек'];
+export var MONTH_NAMES = ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'];

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

@@ -0,0 +1,180 @@
+import { CalendarState } from '../store/types';
+import { getPropsMap } from '.';
+var dateOperationHandler = {
+  Days: {
+    add: function add(date) {
+      return date.setDate(date.getDate() + 1);
+    },
+    subtract: function subtract(date) {
+      return date.setDate(date.getDate() - 1);
+    }
+  },
+  Months: {
+    add: function add(date) {
+      return date.setMonth(date.getMonth() + 1);
+    },
+    subtract: function subtract(date) {
+      return date.setMonth(date.getMonth() - 1);
+    }
+  },
+  Quarters: {
+    add: function add(date) {
+      return date.setMonth(date.getMonth() + 3);
+    },
+    subtract: function subtract(date) {
+      return date.setMonth(date.getMonth() - 3);
+    }
+  },
+  Years: {
+    add: function add(date) {
+      return date.setFullYear(date.getFullYear() + 1);
+    },
+    subtract: function subtract(date) {
+      return date.setFullYear(date.getFullYear() - 1);
+    }
+  }
+};
+var normalizeDate = function normalizeDate(date, type) {
+  if (type === CalendarState.Months || type === CalendarState.Years) {
+    date.setDate(1);
+  }
+  if (type === CalendarState.Years) {
+    date.setMonth(0);
+  }
+};
+var isDisabledNextDate = function isDisabledNextDate(_ref, type, max) {
+  var year = _ref.year,
+    monthIndex = _ref.monthIndex,
+    day = _ref.day;
+  if (!max) {
+    return false;
+  }
+  var maxDate = new Date(max);
+  normalizeDate(maxDate, type);
+  var currentDate = new Date(year, monthIndex, day);
+  dateOperationHandler[type].add(currentDate);
+  var isOut = true;
+  while (isOut && currentDate <= maxDate) {
+    isOut = maxDate <= currentDate;
+    dateOperationHandler[type].add(currentDate);
+  }
+  return isOut;
+};
+var isDisabledPreviousDate = function isDisabledPreviousDate(_ref2, type, min) {
+  var year = _ref2.year,
+    monthIndex = _ref2.monthIndex,
+    day = _ref2.day;
+  if (!min) {
+    return false;
+  }
+  var minDate = new Date(min);
+  normalizeDate(minDate, type);
+  var currentDate = new Date(year, monthIndex, day);
+  dateOperationHandler[type].subtract(currentDate);
+  var isOut = true;
+  while (isOut && currentDate >= minDate) {
+    isOut = minDate >= currentDate;
+    dateOperationHandler[type].subtract(currentDate);
+  }
+  return isOut;
+};
+var getDisabledDates = function getDisabledDates(list, type, min, max) {
+  var disabledDate = [];
+  if (isDisabledPreviousDate(list[0], type, min)) {
+    disabledDate.push('previous');
+  }
+  if (isDisabledNextDate(list[list.length - 1], type, max)) {
+    disabledDate.push('next');
+  }
+  return disabledDate.join(',');
+};
+var isDisabledArrowLeft = function isDisabledArrowLeft(date, min) {
+  var currentDate = new Date(date);
+  currentDate.setDate(currentDate.getDate() - 1);
+  return min && min >= currentDate || min && min >= date;
+};
+var isDisabledArrowRight = function isDisabledArrowRight(date, max) {
+  var currentDate = new Date(date);
+  currentDate.setDate(currentDate.getDate() + 1);
+  return max && max <= currentDate || max && max <= date;
+};
+var isDisabledArrowUp = function isDisabledArrowUp(date, min) {
+  var currentDate = new Date(date);
+  currentDate.setDate(date.getDate() - 7);
+  return min && min >= currentDate;
+};
+var isDisabledArrowDown = function isDisabledArrowDown(date, max) {
+  var currentDate = new Date(date);
+  currentDate.setDate(date.getDate() + 7);
+  return max && max <= currentDate;
+};
+var getDisabledArrowKey = function getDisabledArrowKey(currentDate, min, max) {
+  var disabledArrowKey = [];
+  if (isDisabledArrowLeft(currentDate, min)) {
+    disabledArrowKey.push('left');
+  }
+  if (isDisabledArrowRight(currentDate, max)) {
+    disabledArrowKey.push('right');
+  }
+  if (isDisabledArrowDown(currentDate, max)) {
+    disabledArrowKey.push('down');
+  }
+  if (isDisabledArrowUp(currentDate, min)) {
+    disabledArrowKey.push('up');
+  }
+  return disabledArrowKey.join(',');
+};
+
+/**
+ * Метод модифицирующий дату (добавляющий свойства events и disabled).
+ */
+export var getDatesWithModifications = function getDatesWithModifications(_ref3) {
+  var dates = _ref3.dates,
+    type = _ref3.type,
+    _ref3$eventList = _ref3.eventList,
+    eventList = _ref3$eventList === void 0 ? [] : _ref3$eventList,
+    _ref3$disabledList = _ref3.disabledList,
+    disabledList = _ref3$disabledList === void 0 ? [] : _ref3$disabledList,
+    includeEdgeDates = _ref3.includeEdgeDates,
+    min = _ref3.min,
+    max = _ref3.max;
+  var eventsMap = getPropsMap(eventList);
+  var disabledDatesMap = getPropsMap(disabledList);
+  var filteredDates = type === CalendarState.Days ? dates.filter(function (_ref4) {
+    var isDayInCurrentMonth = _ref4.isDayInCurrentMonth;
+    return isDayInCurrentMonth;
+  }) : dates;
+  var datesList = filteredDates.map(function (_ref5) {
+    var date = _ref5.date;
+    return date;
+  });
+  var disabledDates = getDisabledDates(datesList, type, min, max);
+  return dates.map(function (dateItem) {
+    var date = dateItem.date;
+    var year = date.year,
+      monthIndex = date.monthIndex,
+      day = date.day;
+    var keyDate = "".concat(year, "-").concat(monthIndex, "-").concat(day);
+    var currentDate = new Date(year, monthIndex, day);
+    var minDate = min && new Date(min);
+    minDate && normalizeDate(minDate, type);
+    var maxDate = max && new Date(max);
+    maxDate && normalizeDate(maxDate, type);
+    var minValue;
+    var maxValue;
+    if (type === CalendarState.Days) {
+      minValue = min && (includeEdgeDates ? min > currentDate : min >= currentDate);
+      maxValue = max && (includeEdgeDates ? max < currentDate : max <= currentDate);
+    } else {
+      minValue = minDate && minDate > currentDate;
+      maxValue = maxDate && maxDate < currentDate;
+    }
+    var isOutOfMinMaxRange = minValue || maxValue;
+    dateItem.events = eventsMap.get(keyDate);
+    dateItem.disabled = disabledDatesMap.has(keyDate) || isOutOfMinMaxRange;
+    dateItem.isOutOfMinMaxRange = isOutOfMinMaxRange;
+    dateItem.disabledArrowKey = getDisabledArrowKey(currentDate, min, max);
+    dateItem.disabledDates = disabledDates;
+    return dateItem;
+  });
+};

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

@@ -1,247 +1,4 @@
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-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."); }
-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 _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; }
-export var ROW_STEP = 6;
-export var YEAR_RENDER_COUNT = 12;
-export var SHORT_DAY_NAMES = ['Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб', 'Вс'];
-export var FULL_DAY_NAMES = {
-  Пн: 'Понедельник',
-  Вт: 'Вторник',
-  Ср: 'Среда',
-  Чт: 'Четверг',
-  Пт: 'Пятница',
-  Сб: 'Суббота',
-  Вс: 'Воскресенье'
-};
-export var SHORT_MONTH_NAME = ['Янв', 'Фев', 'Март', 'Апр', 'Май', 'Июнь', 'Июль', 'Авг', 'Сен', 'Окт', 'Ноя', 'Дек'];
-export var MONTH_NAMES = ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'];
-export var getDaysInMonth = function getDaysInMonth(monthIndex, year) {
-  return new Date(year, monthIndex + 1, 0).getDate();
-};
-export var getOffsetDayInWeek = function getOffsetDayInWeek(monthIndex, year) {
-  return (new Date(year, monthIndex).getDay() || 7) - 1;
-};
-export var getStartYear = function getStartYear(year) {
-  return Math.trunc((year - 1) * 0.1) * 10 - 1;
-};
-export var getNextDate = function getNextDate(currentYear, currentMonth) {
-  return currentMonth + 1 === MONTH_NAMES.length ? [currentYear + 1, 0] : [currentYear, currentMonth + 1];
-};
-export var getPrevDate = function getPrevDate(currentYear, currentMonth) {
-  return currentMonth - 1 < 0 ? [currentYear - 1, 11] : [currentYear, currentMonth - 1];
-};
-export var getDateFromValue = function getDateFromValue(date) {
-  var state = date || new Date();
-  return {
-    day: date !== undefined ? state.getDate() : 0,
-    monthIndex: state.getMonth(),
-    year: state.getFullYear()
-  };
-};
-export var getDateFromNow = function getDateFromNow() {
-  var nowDate = new Date();
-  return {
-    day: nowDate.getDate(),
-    monthIndex: nowDate.getMonth(),
-    year: nowDate.getFullYear()
-  };
-};
-export var IsCurrentDay = function IsCurrentDay(date, currentDay) {
-  var _getDateFromNow = getDateFromNow(),
-    day = _getDateFromNow.day,
-    currentMonthIndex = _getDateFromNow.monthIndex,
-    currentYear = _getDateFromNow.year;
-  return day === currentDay && date.monthIndex === currentMonthIndex && date.year === currentYear;
-};
-export var isSelectedDay = function isSelectedDay(date, currentDay, value) {
-  if (!value) {
-    return false;
-  }
-  var _getDateFromValue = getDateFromValue(value),
-    day = _getDateFromValue.day,
-    monthIndex = _getDateFromValue.monthIndex,
-    year = _getDateFromValue.year;
-  return day === currentDay && date.monthIndex === monthIndex && date.year === year;
-};
-export var isCurrentMonth = function isCurrentMonth(date, monthIndex) {
-  var _getDateFromNow2 = getDateFromNow(),
-    currentMonthIndex = _getDateFromNow2.monthIndex,
-    currentYear = _getDateFromNow2.year;
-  return monthIndex === currentMonthIndex && date.year === currentYear;
-};
-export var isSelectedMonth = function isSelectedMonth(date, monthIndex) {
-  return date.monthIndex === monthIndex;
-};
-export var isCurrentYear = function isCurrentYear(year) {
-  var _getDateFromNow3 = getDateFromNow(),
-    currentYear = _getDateFromNow3.year;
-  return year === currentYear;
-};
-export var isSelectedYear = function isSelectedYear(date, year) {
-  return date.year === year;
-};
-export var getSortedValues = function getSortedValues(values) {
-  return values.sort(function (start, end) {
-    if (!start || !end) {
-      return -1;
-    }
-    return start.getTime() - end.getTime();
-  });
-};
-export var isDayInRange = function isDayInRange(year, monthIndex, currentDay, values) {
-  var _getSortedValues = getSortedValues(values),
-    _getSortedValues2 = _slicedToArray(_getSortedValues, 2),
-    startValue = _getSortedValues2[0],
-    endValue = _getSortedValues2[1];
-  if (!endValue || !startValue) {
-    return false;
-  }
-  var day = new Date(year, monthIndex, currentDay);
-  return startValue < day && day <= endValue;
-};
-export var isSameDay = function isSameDay(firstDate, secondDate) {
-  return secondDate && firstDate.day === secondDate.day && firstDate.monthIndex === secondDate.monthIndex && firstDate.year === secondDate.year;
-};
-export var isValueUpdate = function isValueUpdate(value, prevValue) {
-  if (!Array.isArray(value) && !Array.isArray(prevValue)) {
-    return (prevValue === null || prevValue === void 0 ? void 0 : prevValue.getTime()) !== (value === null || value === void 0 ? void 0 : value.getTime());
-  }
-  if (Array.isArray(value) && Array.isArray(prevValue)) {
-    var _prevValue$, _value$, _prevValue$2, _value$2;
-    return ((_prevValue$ = prevValue[0]) === null || _prevValue$ === void 0 ? void 0 : _prevValue$.getTime()) !== ((_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.getTime()) || ((_prevValue$2 = prevValue[1]) === null || _prevValue$2 === void 0 ? void 0 : _prevValue$2.getTime()) !== ((_value$2 = value[1]) === null || _value$2 === void 0 ? void 0 : _value$2.getTime());
-  }
-  return false;
-};
-
-/**
- * Метод проверяет, находится ли календарь в режиме выбора второго значения.
- */
-export var isSelectProcess = function isSelectProcess(array) {
-  return Array.isArray(array) && !array[1];
-};
-
-/**
- * Метод возвращает сторону, когда выбор второго значения диапазона завершён.
- */
-export var getSideForSelected = function getSideForSelected(date, startValue, endValue) {
-  var currentDateTime = new Date(date.year, date.monthIndex, date.day).getTime();
-  var startValueTime = startValue.getTime();
-  var endValueTime = endValue.getTime();
-  if (currentDateTime === startValueTime) {
-    return 'right';
-  }
-  if (currentDateTime === endValueTime) {
-    return 'left';
-  }
-  return undefined;
-};
-
-/**
- * Метод возвращает сторону, во время выбора второго значения диапазона.
- */
-export var getSideForHovered = function getSideForHovered(date, hoveredDay, startValue, isSelected) {
-  var dateHover = new Date(hoveredDay.year, hoveredDay.monthIndex, hoveredDay.day);
-  var isHovered = isSameDay(date, hoveredDay);
-  if (isSelected && startValue > dateHover || isHovered && startValue < dateHover) {
-    return 'left';
-  }
-  if (isSelected && startValue < dateHover || isHovered && startValue > dateHover) {
-    return 'right';
-  }
-  return undefined;
-};
-
-/**
- * Метод возвращает сторону, с которой нужно отрисовать направление полоски диапазона.
- */
-export var getSideInRange = function getSideInRange(value, date, hoveredDay, isSelected) {
-  if (!Array.isArray(value)) {
-    return undefined;
-  }
-  var _value = _slicedToArray(value, 2),
-    startValue = _value[0],
-    endValue = _value[1];
-  if (startValue && isSelected && endValue) {
-    return getSideForSelected(date, startValue, endValue);
-  }
-  if (startValue && hoveredDay) {
-    return getSideForHovered(date, hoveredDay, startValue, isSelected);
-  }
-  return undefined;
-};
-
-/**
- * Метод проверяет, находится ли выбранный день в диапазоне.
- */
-export var getInRange = function getInRange(value, date, hoveredDay, inRange) {
-  if (!isSelectProcess(value) || !hoveredDay) {
-    return inRange;
-  }
-  var dateSelected = value[0];
-  var dateHover = new Date(hoveredDay.year, hoveredDay.monthIndex, hoveredDay.day);
-  var dateCurrent = new Date(date.year, date.monthIndex, date.day);
-  if (dateSelected < dateCurrent && dateCurrent < dateHover || dateSelected > dateCurrent && dateCurrent > dateHover) {
-    return true;
-  }
-  return inRange;
-};
-
-/**
- * Метод проверяет, можно ли выбрать день.
- */
-export var canSelectDate = function canSelectDate(_ref, value, disabledList) {
-  var year = _ref.year,
-    monthIndex = _ref.monthIndex,
-    day = _ref.day;
-  if (!isSelectProcess(value)) {
-    return true;
-  }
-  var hoverDate = new Date(year, monthIndex, day);
-  var _value2 = _slicedToArray(value, 1),
-    startDate = _value2[0];
-  if (!(disabledList !== null && disabledList !== void 0 && disabledList.length)) {
-    return true;
-  }
-  var offDisabledRange = disabledList.some(function (_ref2) {
-    var date = _ref2.date;
-    return startDate < date && date < hoverDate || startDate > date && date > hoverDate;
-  });
-  return !offDisabledRange;
-};
-
-/**
- * Метод для получения двумерного массива и возвращения выбранного элемента.
- */
-export var getMatrix = function getMatrix(items) {
-  var rowSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 7;
-  var newItems = _toConsumableArray(items);
-  var selected;
-  var result = newItems.reduce(function (acc, item, index) {
-    if (index % rowSize === 0) {
-      acc.push([]);
-    }
-    acc[acc.length - 1].push(item);
-    if (item.isSelected) {
-      selected = [acc.length - 1, index % rowSize];
-    }
-    return acc;
-  }, []);
-  return [result, selected];
-};
-export var getCalendarType = function getCalendarType(type) {
-  switch (type) {
-    case 'Months':
-      return 'год';
-    case 'Years':
-      return 'период';
-    default:
-      return 'месяц';
-  }
-};
+export * from './getDateWithModification';
+export * from './constants';
+export * from './calendarGridHelper';
+export * from './calendarRangeHelper';

package/styled-components/es/components/DatePicker/DatePicker.template-doc.mdx

@@ -36,7 +36,16 @@ export function App() {
 ```
 
 ### Формат даты
-Формат даты задается с помощью свойства `format`. 
+Формат даты задается с помощью свойства `format`.
+| Обозначение | Отображение | Описание            |
+|-------------|-------------|---------------------|
+| DD          | 01-31       | Дни месяца, 2 цифры |
+| D           | 1-31        | Дни месяца          |
+| MM          | 01-12       | Месяц года, 2 цифры |
+| M           | 1-12        | Месяц года          |
+| YYYY        | 2024        | Год из 4 цифр       |
+| YY          | 24          | Год из 2 цифр       |
+| Q           | 1-4         | Квартал             |
 При выборе даты в календаре или вводе даты через поле ввода, дата будет приводиться к заданному формату. 
 Свойство `maskWithFormat` позволяет маскировать ввод:
 

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

@@ -126,6 +126,17 @@ export var tokens = {
   calendarMonthFontLineHeight: '--plasma-date-picker-calendar__month-line-height',
   calendarMonthFontWeight: '--plasma-date-picker-calendar__month-font-weight',
   calendarMonthSelectedFontWeight: '--plasma-date-picker-calendar__month-selected-font-weight',
+  calendarQuartersPadding: '--plasma-date-picker-calendar__quarters-padding',
+  calendarQuarterItemBorderRadius: '--plasma-date-picker-calendar__quarter-item-border-radius',
+  calendarQuarterItemWidth: '--plasma-date-picker-calendar__quarter-item-width',
+  calendarQuarterItemHeight: '--plasma-date-picker-calendar__quarter-item-height',
+  calendarQuarterFontFamily: '--plasma-date-picker-calendar__quarter-font-family',
+  calendarQuarterFontSize: '--plasma-date-picker-calendar__quarter-font-size',
+  calendarQuarterFontStyle: '--plasma-date-picker-calendar__quarter-font-style',
+  calendarQuarterFontLetterSpacing: '--plasma-date-picker-calendar__quarter-letter-spacing',
+  calendarQuarterFontLineHeight: '--plasma-date-picker-calendar__quarter-line-height',
+  calendarQuarterFontWeight: '--plasma-date-picker-calendar__quarter-font-weight',
+  calendarQuarterSelectedFontWeight: '--plasma-date-picker-calendar__quarter-selected-font-weight',
   calendarDaysPadding: '--plasma-date-picker-calendar__days-padding',
   calendarDayItemBorderRadius: '--plasma-date-picker-calendar__day-item-border-radius',
   calendarDayItemWidth: '--plasma-date-picker-calendar__day-item-width',