@itcase/ui 1.1.25 → 1.2.1

package/dist/components/DatePicker.js

@@ -1,28 +1,1172 @@
-export { D as DatePickerInput } from '../DatePicker-Bf7t1yiM.js';
-import '../_tslib-S-VPg1Cw.js';
-import '../jsx-runtime-C2uP7l8s.js';
-import 'react';
-import 'clsx';
-import 'react-dom';
-import '../floating-ui.dom-BV5qw-HP.js';
-import '../hooks/useDeviceTargetClass.js';
+import { _ as __assign } from '../tslib.es6-S-VPg1Cw.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useMemo, useCallback, useRef, useState, useEffect } from 'react';
+import clsx from 'clsx';
+import DatePicker from 'react-datepicker';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import { B as Button } from '../Button-BA3ZeUjj.js';
+import { I as Icon } from '../Icon-CsE2-ieX.js';
+import { I as Input } from '../Input-BQ6Plt1n.js';
+import { L as Label } from '../Label-BA_CnRBq.js';
+import { T as Text } from '../Text-CG3xPG27.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Button-CSzPxWyC.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-BLqnXYOO.js';
+import '../Link-Bqu5amIb.js';
+import '../Loader-CJ8ZCdwy.js';
 import 'react-inlinesvg';
-import '../Link-DtzAAQn8.js';
-import '../Tooltip-IVq3_vb4.js';
-import '../Text-Dz-KPI5I.js';
-import '../Title-zpOK2AxL.js';
-import '../Loader-VCP1ZNcb.js';
-import '../Input-CYDtAlO-.js';
-import '../Label-c3hONOHC.js';
+import '../Tooltip-DJufHBiQ.js';
+import '../Title-BfSFPJtJ.js';
+
+function buildFormatLongFn(args) {
+  return (options = {}) => {
+    // TODO: Remove String()
+    const width = options.width ? String(options.width) : args.defaultWidth;
+    const format = args.formats[width] || args.formats[args.defaultWidth];
+    return format;
+  };
+}
+
+/* eslint-disable no-unused-vars */
+
+/**
+ * The localize function argument callback which allows to convert raw value to
+ * the actual type.
+ *
+ * @param value - The value to convert
+ *
+ * @returns The converted value
+ */
+
+/**
+ * The map of localized values for each width.
+ */
+
+/**
+ * The index type of the locale unit value. It types conversion of units of
+ * values that don't start at 0 (i.e. quarters).
+ */
+
+/**
+ * Converts the unit value to the tuple of values.
+ */
+
+/**
+ * The tuple of localized era values. The first element represents BC,
+ * the second element represents AD.
+ */
+
+/**
+ * The tuple of localized quarter values. The first element represents Q1.
+ */
+
+/**
+ * The tuple of localized day values. The first element represents Sunday.
+ */
+
+/**
+ * The tuple of localized month values. The first element represents January.
+ */
+
+function buildLocalizeFn(args) {
+  return (value, options) => {
+    const context = options?.context ? String(options.context) : "standalone";
+
+    let valuesArray;
+    if (context === "formatting" && args.formattingValues) {
+      const defaultWidth = args.defaultFormattingWidth || args.defaultWidth;
+      const width = options?.width ? String(options.width) : defaultWidth;
+
+      valuesArray =
+        args.formattingValues[width] || args.formattingValues[defaultWidth];
+    } else {
+      const defaultWidth = args.defaultWidth;
+      const width = options?.width ? String(options.width) : args.defaultWidth;
+
+      valuesArray = args.values[width] || args.values[defaultWidth];
+    }
+    const index = args.argumentCallback ? args.argumentCallback(value) : value;
+
+    // @ts-expect-error - For some reason TypeScript just don't want to match it, no matter how hard we try. I challenge you to try to remove it!
+    return valuesArray[index];
+  };
+}
+
+function buildMatchFn(args) {
+  return (string, options = {}) => {
+    const width = options.width;
+
+    const matchPattern =
+      (width && args.matchPatterns[width]) ||
+      args.matchPatterns[args.defaultMatchWidth];
+    const matchResult = string.match(matchPattern);
+
+    if (!matchResult) {
+      return null;
+    }
+    const matchedString = matchResult[0];
+
+    const parsePatterns =
+      (width && args.parsePatterns[width]) ||
+      args.parsePatterns[args.defaultParseWidth];
+
+    const key = Array.isArray(parsePatterns)
+      ? findIndex(parsePatterns, (pattern) => pattern.test(matchedString))
+      : // eslint-disable-next-line @typescript-eslint/no-explicit-any -- I challange you to fix the type
+        findKey(parsePatterns, (pattern) => pattern.test(matchedString));
+
+    let value;
+
+    value = args.valueCallback ? args.valueCallback(key) : key;
+    value = options.valueCallback
+      ? // eslint-disable-next-line @typescript-eslint/no-explicit-any -- I challange you to fix the type
+        options.valueCallback(value)
+      : value;
+
+    const rest = string.slice(matchedString.length);
+
+    return { value, rest };
+  };
+}
+
+function findKey(object, predicate) {
+  for (const key in object) {
+    if (
+      Object.prototype.hasOwnProperty.call(object, key) &&
+      predicate(object[key])
+    ) {
+      return key;
+    }
+  }
+  return undefined;
+}
+
+function findIndex(array, predicate) {
+  for (let key = 0; key < array.length; key++) {
+    if (predicate(array[key])) {
+      return key;
+    }
+  }
+  return undefined;
+}
+
+function buildMatchPatternFn(args) {
+  return (string, options = {}) => {
+    const matchResult = string.match(args.matchPattern);
+    if (!matchResult) return null;
+    const matchedString = matchResult[0];
+
+    const parseResult = string.match(args.parsePattern);
+    if (!parseResult) return null;
+    let value = args.valueCallback
+      ? args.valueCallback(parseResult[0])
+      : parseResult[0];
+
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- I challange you to fix the type
+    value = options.valueCallback ? options.valueCallback(value) : value;
+
+    const rest = string.slice(matchedString.length);
+
+    return { value, rest };
+  };
+}
+
+/**
+ * @name toDate
+ * @category Common Helpers
+ * @summary Convert the given argument to an instance of Date.
+ *
+ * @description
+ * Convert the given argument to an instance of Date.
+ *
+ * If the argument is an instance of Date, the function returns its clone.
+ *
+ * If the argument is a number, it is treated as a timestamp.
+ *
+ * If the argument is none of the above, the function returns Invalid Date.
+ *
+ * **Note**: *all* Date arguments passed to any *date-fns* function is processed by `toDate`.
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ *
+ * @param argument - The value to convert
+ *
+ * @returns The parsed date in the local time zone
+ *
+ * @example
+ * // Clone the date:
+ * const result = toDate(new Date(2014, 1, 11, 11, 30, 30))
+ * //=> Tue Feb 11 2014 11:30:30
+ *
+ * @example
+ * // Convert the timestamp to date:
+ * const result = toDate(1392098430000)
+ * //=> Tue Feb 11 2014 11:30:30
+ */
+function toDate(argument) {
+  const argStr = Object.prototype.toString.call(argument);
+
+  // Clone the date
+  if (
+    argument instanceof Date ||
+    (typeof argument === "object" && argStr === "[object Date]")
+  ) {
+    // Prevent the date to lose the milliseconds when passed to new Date() in IE10
+    return new argument.constructor(+argument);
+  } else if (
+    typeof argument === "number" ||
+    argStr === "[object Number]" ||
+    typeof argument === "string" ||
+    argStr === "[object String]"
+  ) {
+    // TODO: Can we get rid of as?
+    return new Date(argument);
+  } else {
+    // TODO: Can we get rid of as?
+    return new Date(NaN);
+  }
+}
+
+let defaultOptions = {};
+
+function getDefaultOptions() {
+  return defaultOptions;
+}
+
+/**
+ * The {@link startOfWeek} function options.
+ */
+
+/**
+ * @name startOfWeek
+ * @category Week Helpers
+ * @summary Return the start of a week for the given date.
+ *
+ * @description
+ * Return the start of a week for the given date.
+ * The result will be in the local timezone.
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ *
+ * @param date - The original date
+ * @param options - An object with options
+ *
+ * @returns The start of a week
+ *
+ * @example
+ * // The start of a week for 2 September 2014 11:55:00:
+ * const result = startOfWeek(new Date(2014, 8, 2, 11, 55, 0))
+ * //=> Sun Aug 31 2014 00:00:00
+ *
+ * @example
+ * // If the week starts on Monday, the start of the week for 2 September 2014 11:55:00:
+ * const result = startOfWeek(new Date(2014, 8, 2, 11, 55, 0), { weekStartsOn: 1 })
+ * //=> Mon Sep 01 2014 00:00:00
+ */
+function startOfWeek(date, options) {
+  const defaultOptions = getDefaultOptions();
+  const weekStartsOn =
+    options?.weekStartsOn ??
+    options?.locale?.options?.weekStartsOn ??
+    defaultOptions.weekStartsOn ??
+    defaultOptions.locale?.options?.weekStartsOn ??
+    0;
+
+  const _date = toDate(date);
+  const day = _date.getDay();
+  const diff = (day < weekStartsOn ? 7 : 0) + day - weekStartsOn;
+
+  _date.setDate(_date.getDate() - diff);
+  _date.setHours(0, 0, 0, 0);
+  return _date;
+}
+
+/**
+ * The {@link isSameWeek} function options.
+ */
+
+/**
+ * @name isSameWeek
+ * @category Week Helpers
+ * @summary Are the given dates in the same week (and month and year)?
+ *
+ * @description
+ * Are the given dates in the same week (and month and year)?
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ *
+ * @param dateLeft - The first date to check
+ * @param dateRight - The second date to check
+ * @param options - An object with options
+ *
+ * @returns The dates are in the same week (and month and year)
+ *
+ * @example
+ * // Are 31 August 2014 and 4 September 2014 in the same week?
+ * const result = isSameWeek(new Date(2014, 7, 31), new Date(2014, 8, 4))
+ * //=> true
+ *
+ * @example
+ * // If week starts with Monday,
+ * // are 31 August 2014 and 4 September 2014 in the same week?
+ * const result = isSameWeek(new Date(2014, 7, 31), new Date(2014, 8, 4), {
+ *   weekStartsOn: 1
+ * })
+ * //=> false
+ *
+ * @example
+ * // Are 1 January 2014 and 1 January 2015 in the same week?
+ * const result = isSameWeek(new Date(2014, 0, 1), new Date(2015, 0, 1))
+ * //=> false
+ */
+function isSameWeek(dateLeft, dateRight, options) {
+  const dateLeftStartOfWeek = startOfWeek(dateLeft, options);
+  const dateRightStartOfWeek = startOfWeek(dateRight, options);
+
+  return +dateLeftStartOfWeek === +dateRightStartOfWeek;
+}
+
+function declension(scheme, count) {
+  // scheme for count=1 exists
+  if (scheme.one !== undefined && count === 1) {
+    return scheme.one;
+  }
+
+  const rem10 = count % 10;
+  const rem100 = count % 100;
+
+  // 1, 21, 31, ...
+  if (rem10 === 1 && rem100 !== 11) {
+    return scheme.singularNominative.replace("{{count}}", String(count));
+
+    // 2, 3, 4, 22, 23, 24, 32 ...
+  } else if (rem10 >= 2 && rem10 <= 4 && (rem100 < 10 || rem100 > 20)) {
+    return scheme.singularGenitive.replace("{{count}}", String(count));
+
+    // 5, 6, 7, 8, 9, 10, 11, ...
+  } else {
+    return scheme.pluralGenitive.replace("{{count}}", String(count));
+  }
+}
+
+function buildLocalizeTokenFn(scheme) {
+  return (count, options) => {
+    if (options?.addSuffix) {
+      if (options.comparison && options.comparison > 0) {
+        if (scheme.future) {
+          return declension(scheme.future, count);
+        } else {
+          return "через " + declension(scheme.regular, count);
+        }
+      } else {
+        if (scheme.past) {
+          return declension(scheme.past, count);
+        } else {
+          return declension(scheme.regular, count) + " назад";
+        }
+      }
+    } else {
+      return declension(scheme.regular, count);
+    }
+  };
+}
+
+const formatDistanceLocale = {
+  lessThanXSeconds: buildLocalizeTokenFn({
+    regular: {
+      one: "меньше секунды",
+      singularNominative: "меньше {{count}} секунды",
+      singularGenitive: "меньше {{count}} секунд",
+      pluralGenitive: "меньше {{count}} секунд",
+    },
+    future: {
+      one: "меньше, чем через секунду",
+      singularNominative: "меньше, чем через {{count}} секунду",
+      singularGenitive: "меньше, чем через {{count}} секунды",
+      pluralGenitive: "меньше, чем через {{count}} секунд",
+    },
+  }),
+
+  xSeconds: buildLocalizeTokenFn({
+    regular: {
+      singularNominative: "{{count}} секунда",
+      singularGenitive: "{{count}} секунды",
+      pluralGenitive: "{{count}} секунд",
+    },
+    past: {
+      singularNominative: "{{count}} секунду назад",
+      singularGenitive: "{{count}} секунды назад",
+      pluralGenitive: "{{count}} секунд назад",
+    },
+    future: {
+      singularNominative: "через {{count}} секунду",
+      singularGenitive: "через {{count}} секунды",
+      pluralGenitive: "через {{count}} секунд",
+    },
+  }),
+
+  halfAMinute: (_count, options) => {
+    if (options?.addSuffix) {
+      if (options.comparison && options.comparison > 0) {
+        return "через полминуты";
+      } else {
+        return "полминуты назад";
+      }
+    }
+
+    return "полминуты";
+  },
+
+  lessThanXMinutes: buildLocalizeTokenFn({
+    regular: {
+      one: "меньше минуты",
+      singularNominative: "меньше {{count}} минуты",
+      singularGenitive: "меньше {{count}} минут",
+      pluralGenitive: "меньше {{count}} минут",
+    },
+    future: {
+      one: "меньше, чем через минуту",
+      singularNominative: "меньше, чем через {{count}} минуту",
+      singularGenitive: "меньше, чем через {{count}} минуты",
+      pluralGenitive: "меньше, чем через {{count}} минут",
+    },
+  }),
+
+  xMinutes: buildLocalizeTokenFn({
+    regular: {
+      singularNominative: "{{count}} минута",
+      singularGenitive: "{{count}} минуты",
+      pluralGenitive: "{{count}} минут",
+    },
+    past: {
+      singularNominative: "{{count}} минуту назад",
+      singularGenitive: "{{count}} минуты назад",
+      pluralGenitive: "{{count}} минут назад",
+    },
+    future: {
+      singularNominative: "через {{count}} минуту",
+      singularGenitive: "через {{count}} минуты",
+      pluralGenitive: "через {{count}} минут",
+    },
+  }),
+
+  aboutXHours: buildLocalizeTokenFn({
+    regular: {
+      singularNominative: "около {{count}} часа",
+      singularGenitive: "около {{count}} часов",
+      pluralGenitive: "около {{count}} часов",
+    },
+    future: {
+      singularNominative: "приблизительно через {{count}} час",
+      singularGenitive: "приблизительно через {{count}} часа",
+      pluralGenitive: "приблизительно через {{count}} часов",
+    },
+  }),
+
+  xHours: buildLocalizeTokenFn({
+    regular: {
+      singularNominative: "{{count}} час",
+      singularGenitive: "{{count}} часа",
+      pluralGenitive: "{{count}} часов",
+    },
+  }),
+
+  xDays: buildLocalizeTokenFn({
+    regular: {
+      singularNominative: "{{count}} день",
+      singularGenitive: "{{count}} дня",
+      pluralGenitive: "{{count}} дней",
+    },
+  }),
+
+  aboutXWeeks: buildLocalizeTokenFn({
+    regular: {
+      singularNominative: "около {{count}} недели",
+      singularGenitive: "около {{count}} недель",
+      pluralGenitive: "около {{count}} недель",
+    },
+    future: {
+      singularNominative: "приблизительно через {{count}} неделю",
+      singularGenitive: "приблизительно через {{count}} недели",
+      pluralGenitive: "приблизительно через {{count}} недель",
+    },
+  }),
+
+  xWeeks: buildLocalizeTokenFn({
+    regular: {
+      singularNominative: "{{count}} неделя",
+      singularGenitive: "{{count}} недели",
+      pluralGenitive: "{{count}} недель",
+    },
+  }),
+
+  aboutXMonths: buildLocalizeTokenFn({
+    regular: {
+      singularNominative: "около {{count}} месяца",
+      singularGenitive: "около {{count}} месяцев",
+      pluralGenitive: "около {{count}} месяцев",
+    },
+    future: {
+      singularNominative: "приблизительно через {{count}} месяц",
+      singularGenitive: "приблизительно через {{count}} месяца",
+      pluralGenitive: "приблизительно через {{count}} месяцев",
+    },
+  }),
+
+  xMonths: buildLocalizeTokenFn({
+    regular: {
+      singularNominative: "{{count}} месяц",
+      singularGenitive: "{{count}} месяца",
+      pluralGenitive: "{{count}} месяцев",
+    },
+  }),
+
+  aboutXYears: buildLocalizeTokenFn({
+    regular: {
+      singularNominative: "около {{count}} года",
+      singularGenitive: "около {{count}} лет",
+      pluralGenitive: "около {{count}} лет",
+    },
+    future: {
+      singularNominative: "приблизительно через {{count}} год",
+      singularGenitive: "приблизительно через {{count}} года",
+      pluralGenitive: "приблизительно через {{count}} лет",
+    },
+  }),
+
+  xYears: buildLocalizeTokenFn({
+    regular: {
+      singularNominative: "{{count}} год",
+      singularGenitive: "{{count}} года",
+      pluralGenitive: "{{count}} лет",
+    },
+  }),
+
+  overXYears: buildLocalizeTokenFn({
+    regular: {
+      singularNominative: "больше {{count}} года",
+      singularGenitive: "больше {{count}} лет",
+      pluralGenitive: "больше {{count}} лет",
+    },
+    future: {
+      singularNominative: "больше, чем через {{count}} год",
+      singularGenitive: "больше, чем через {{count}} года",
+      pluralGenitive: "больше, чем через {{count}} лет",
+    },
+  }),
+
+  almostXYears: buildLocalizeTokenFn({
+    regular: {
+      singularNominative: "почти {{count}} год",
+      singularGenitive: "почти {{count}} года",
+      pluralGenitive: "почти {{count}} лет",
+    },
+    future: {
+      singularNominative: "почти через {{count}} год",
+      singularGenitive: "почти через {{count}} года",
+      pluralGenitive: "почти через {{count}} лет",
+    },
+  }),
+};
+
+const formatDistance = (token, count, options) => {
+  return formatDistanceLocale[token](count, options);
+};
+
+const dateFormats = {
+  full: "EEEE, d MMMM y 'г.'",
+  long: "d MMMM y 'г.'",
+  medium: "d MMM y 'г.'",
+  short: "dd.MM.y",
+};
+
+const timeFormats = {
+  full: "H:mm:ss zzzz",
+  long: "H:mm:ss z",
+  medium: "H:mm:ss",
+  short: "H:mm",
+};
+
+const dateTimeFormats = {
+  any: "{{date}}, {{time}}",
+};
+
+const formatLong = {
+  date: buildFormatLongFn({
+    formats: dateFormats,
+    defaultWidth: "full",
+  }),
+
+  time: buildFormatLongFn({
+    formats: timeFormats,
+    defaultWidth: "full",
+  }),
+
+  dateTime: buildFormatLongFn({
+    formats: dateTimeFormats,
+    defaultWidth: "any",
+  }),
+};
+
+const accusativeWeekdays = [
+  "воскресенье",
+  "понедельник",
+  "вторник",
+  "среду",
+  "четверг",
+  "пятницу",
+  "субботу",
+];
+
+function lastWeek(day) {
+  const weekday = accusativeWeekdays[day];
+
+  switch (day) {
+    case 0:
+      return "'в прошлое " + weekday + " в' p";
+    case 1:
+    case 2:
+    case 4:
+      return "'в прошлый " + weekday + " в' p";
+    case 3:
+    case 5:
+    case 6:
+      return "'в прошлую " + weekday + " в' p";
+  }
+}
+
+function thisWeek(day) {
+  const weekday = accusativeWeekdays[day];
+
+  if (day === 2 /* Tue */) {
+    return "'во " + weekday + " в' p";
+  } else {
+    return "'в " + weekday + " в' p";
+  }
+}
+
+function nextWeek(day) {
+  const weekday = accusativeWeekdays[day];
+
+  switch (day) {
+    case 0:
+      return "'в следующее " + weekday + " в' p";
+    case 1:
+    case 2:
+    case 4:
+      return "'в следующий " + weekday + " в' p";
+    case 3:
+    case 5:
+    case 6:
+      return "'в следующую " + weekday + " в' p";
+  }
+}
+
+const formatRelativeLocale = {
+  lastWeek: (date, baseDate, options) => {
+    const day = date.getDay();
+    if (isSameWeek(date, baseDate, options)) {
+      return thisWeek(day);
+    } else {
+      return lastWeek(day);
+    }
+  },
+  yesterday: "'вчера в' p",
+  today: "'сегодня в' p",
+  tomorrow: "'завтра в' p",
+  nextWeek: (date, baseDate, options) => {
+    const day = date.getDay();
+    if (isSameWeek(date, baseDate, options)) {
+      return thisWeek(day);
+    } else {
+      return nextWeek(day);
+    }
+  },
+  other: "P",
+};
+
+const formatRelative = (token, date, baseDate, options) => {
+  const format = formatRelativeLocale[token];
+
+  if (typeof format === "function") {
+    return format(date, baseDate, options);
+  }
+
+  return format;
+};
+
+const eraValues = {
+  narrow: ["до н.э.", "н.э."],
+  abbreviated: ["до н. э.", "н. э."],
+  wide: ["до нашей эры", "нашей эры"],
+};
+
+const quarterValues = {
+  narrow: ["1", "2", "3", "4"],
+  abbreviated: ["1-й кв.", "2-й кв.", "3-й кв.", "4-й кв."],
+  wide: ["1-й квартал", "2-й квартал", "3-й квартал", "4-й квартал"],
+};
+
+const monthValues = {
+  narrow: ["Я", "Ф", "М", "А", "М", "И", "И", "А", "С", "О", "Н", "Д"],
+  abbreviated: [
+    "янв.",
+    "фев.",
+    "март",
+    "апр.",
+    "май",
+    "июнь",
+    "июль",
+    "авг.",
+    "сент.",
+    "окт.",
+    "нояб.",
+    "дек.",
+  ],
+
+  wide: [
+    "январь",
+    "февраль",
+    "март",
+    "апрель",
+    "май",
+    "июнь",
+    "июль",
+    "август",
+    "сентябрь",
+    "октябрь",
+    "ноябрь",
+    "декабрь",
+  ],
+};
+
+const formattingMonthValues = {
+  narrow: ["Я", "Ф", "М", "А", "М", "И", "И", "А", "С", "О", "Н", "Д"],
+  abbreviated: [
+    "янв.",
+    "фев.",
+    "мар.",
+    "апр.",
+    "мая",
+    "июн.",
+    "июл.",
+    "авг.",
+    "сент.",
+    "окт.",
+    "нояб.",
+    "дек.",
+  ],
+
+  wide: [
+    "января",
+    "февраля",
+    "марта",
+    "апреля",
+    "мая",
+    "июня",
+    "июля",
+    "августа",
+    "сентября",
+    "октября",
+    "ноября",
+    "декабря",
+  ],
+};
+
+const dayValues = {
+  narrow: ["В", "П", "В", "С", "Ч", "П", "С"],
+  short: ["вс", "пн", "вт", "ср", "чт", "пт", "сб"],
+  abbreviated: ["вск", "пнд", "втр", "срд", "чтв", "птн", "суб"],
+  wide: [
+    "воскресенье",
+    "понедельник",
+    "вторник",
+    "среда",
+    "четверг",
+    "пятница",
+    "суббота",
+  ],
+};
+
+const dayPeriodValues = {
+  narrow: {
+    am: "ДП",
+    pm: "ПП",
+    midnight: "полн.",
+    noon: "полд.",
+    morning: "утро",
+    afternoon: "день",
+    evening: "веч.",
+    night: "ночь",
+  },
+  abbreviated: {
+    am: "ДП",
+    pm: "ПП",
+    midnight: "полн.",
+    noon: "полд.",
+    morning: "утро",
+    afternoon: "день",
+    evening: "веч.",
+    night: "ночь",
+  },
+  wide: {
+    am: "ДП",
+    pm: "ПП",
+    midnight: "полночь",
+    noon: "полдень",
+    morning: "утро",
+    afternoon: "день",
+    evening: "вечер",
+    night: "ночь",
+  },
+};
+
+const formattingDayPeriodValues = {
+  narrow: {
+    am: "ДП",
+    pm: "ПП",
+    midnight: "полн.",
+    noon: "полд.",
+    morning: "утра",
+    afternoon: "дня",
+    evening: "веч.",
+    night: "ночи",
+  },
+  abbreviated: {
+    am: "ДП",
+    pm: "ПП",
+    midnight: "полн.",
+    noon: "полд.",
+    morning: "утра",
+    afternoon: "дня",
+    evening: "веч.",
+    night: "ночи",
+  },
+  wide: {
+    am: "ДП",
+    pm: "ПП",
+    midnight: "полночь",
+    noon: "полдень",
+    morning: "утра",
+    afternoon: "дня",
+    evening: "вечера",
+    night: "ночи",
+  },
+};
+
+const ordinalNumber = (dirtyNumber, options) => {
+  const number = Number(dirtyNumber);
+  const unit = options?.unit;
+
+  let suffix;
+  if (unit === "date") {
+    suffix = "-е";
+  } else if (unit === "week" || unit === "minute" || unit === "second") {
+    suffix = "-я";
+  } else {
+    suffix = "-й";
+  }
+
+  return number + suffix;
+};
+
+const localize = {
+  ordinalNumber,
+
+  era: buildLocalizeFn({
+    values: eraValues,
+    defaultWidth: "wide",
+  }),
+
+  quarter: buildLocalizeFn({
+    values: quarterValues,
+    defaultWidth: "wide",
+    argumentCallback: (quarter) => quarter - 1,
+  }),
+
+  month: buildLocalizeFn({
+    values: monthValues,
+    defaultWidth: "wide",
+    formattingValues: formattingMonthValues,
+    defaultFormattingWidth: "wide",
+  }),
+
+  day: buildLocalizeFn({
+    values: dayValues,
+    defaultWidth: "wide",
+  }),
+
+  dayPeriod: buildLocalizeFn({
+    values: dayPeriodValues,
+    defaultWidth: "any",
+    formattingValues: formattingDayPeriodValues,
+    defaultFormattingWidth: "wide",
+  }),
+};
+
+const matchOrdinalNumberPattern = /^(\d+)(-?(е|я|й|ое|ье|ая|ья|ый|ой|ий|ый))?/i;
+const parseOrdinalNumberPattern = /\d+/i;
+
+const matchEraPatterns = {
+  narrow: /^((до )?н\.?\s?э\.?)/i,
+  abbreviated: /^((до )?н\.?\s?э\.?)/i,
+  wide: /^(до нашей эры|нашей эры|наша эра)/i,
+};
+const parseEraPatterns = {
+  any: [/^д/i, /^н/i],
+};
+
+const matchQuarterPatterns = {
+  narrow: /^[1234]/i,
+  abbreviated: /^[1234](-?[ыои]?й?)? кв.?/i,
+  wide: /^[1234](-?[ыои]?й?)? квартал/i,
+};
+
+const parseQuarterPatterns = {
+  any: [/1/i, /2/i, /3/i, /4/i],
+};
+
+const matchMonthPatterns = {
+  narrow: /^[яфмаисонд]/i,
+  abbreviated:
+    /^(янв|фев|март?|апр|ма[йя]|июн[ья]?|июл[ья]?|авг|сент?|окт|нояб?|дек)\.?/i,
+  wide: /^(январ[ья]|феврал[ья]|марта?|апрел[ья]|ма[йя]|июн[ья]|июл[ья]|августа?|сентябр[ья]|октябр[ья]|октябр[ья]|ноябр[ья]|декабр[ья])/i,
+};
+
+const parseMonthPatterns = {
+  narrow: [
+    /^я/i,
+    /^ф/i,
+    /^м/i,
+    /^а/i,
+    /^м/i,
+    /^и/i,
+    /^и/i,
+    /^а/i,
+    /^с/i,
+    /^о/i,
+    /^н/i,
+    /^я/i,
+  ],
+
+  any: [
+    /^я/i,
+    /^ф/i,
+    /^мар/i,
+    /^ап/i,
+    /^ма[йя]/i,
+    /^июн/i,
+    /^июл/i,
+    /^ав/i,
+    /^с/i,
+    /^о/i,
+    /^н/i,
+    /^д/i,
+  ],
+};
+
+const matchDayPatterns = {
+  narrow: /^[впсч]/i,
+  short: /^(вс|во|пн|по|вт|ср|чт|че|пт|пя|сб|су)\.?/i,
+  abbreviated: /^(вск|вос|пнд|пон|втр|вто|срд|сре|чтв|чет|птн|пят|суб).?/i,
+  wide: /^(воскресень[ея]|понедельника?|вторника?|сред[аы]|четверга?|пятниц[аы]|суббот[аы])/i,
+};
+
+const parseDayPatterns = {
+  narrow: [/^в/i, /^п/i, /^в/i, /^с/i, /^ч/i, /^п/i, /^с/i],
+  any: [/^в[ос]/i, /^п[он]/i, /^в/i, /^ср/i, /^ч/i, /^п[ят]/i, /^с[уб]/i],
+};
+
+const matchDayPeriodPatterns = {
+  narrow: /^([дп]п|полн\.?|полд\.?|утр[оа]|день|дня|веч\.?|ноч[ьи])/i,
+  abbreviated: /^([дп]п|полн\.?|полд\.?|утр[оа]|день|дня|веч\.?|ноч[ьи])/i,
+  wide: /^([дп]п|полночь|полдень|утр[оа]|день|дня|вечера?|ноч[ьи])/i,
+};
+
+const parseDayPeriodPatterns = {
+  any: {
+    am: /^дп/i,
+    pm: /^пп/i,
+    midnight: /^полн/i,
+    noon: /^полд/i,
+    morning: /^у/i,
+    afternoon: /^д[ен]/i,
+    evening: /^в/i,
+    night: /^н/i,
+  },
+};
+
+const match = {
+  ordinalNumber: buildMatchPatternFn({
+    matchPattern: matchOrdinalNumberPattern,
+    parsePattern: parseOrdinalNumberPattern,
+    valueCallback: (value) => parseInt(value, 10),
+  }),
+
+  era: buildMatchFn({
+    matchPatterns: matchEraPatterns,
+    defaultMatchWidth: "wide",
+    parsePatterns: parseEraPatterns,
+    defaultParseWidth: "any",
+  }),
+
+  quarter: buildMatchFn({
+    matchPatterns: matchQuarterPatterns,
+    defaultMatchWidth: "wide",
+    parsePatterns: parseQuarterPatterns,
+    defaultParseWidth: "any",
+    valueCallback: (index) => index + 1,
+  }),
+
+  month: buildMatchFn({
+    matchPatterns: matchMonthPatterns,
+    defaultMatchWidth: "wide",
+    parsePatterns: parseMonthPatterns,
+    defaultParseWidth: "any",
+  }),
+
+  day: buildMatchFn({
+    matchPatterns: matchDayPatterns,
+    defaultMatchWidth: "wide",
+    parsePatterns: parseDayPatterns,
+    defaultParseWidth: "any",
+  }),
+
+  dayPeriod: buildMatchFn({
+    matchPatterns: matchDayPeriodPatterns,
+    defaultMatchWidth: "wide",
+    parsePatterns: parseDayPeriodPatterns,
+    defaultParseWidth: "any",
+  }),
+};
+
+/**
+ * @category Locales
+ * @summary Russian locale.
+ * @language Russian
+ * @iso-639-2 rus
+ * @author Sasha Koss [@kossnocorp](https://github.com/kossnocorp)
+ * @author Lesha Koss [@leshakoss](https://github.com/leshakoss)
+ */
+const ru = {
+  code: "ru",
+  formatDistance: formatDistance,
+  formatLong: formatLong,
+  formatRelative: formatRelative,
+  localize: localize,
+  match: match,
+  options: {
+    weekStartsOn: 1 /* Monday */,
+    firstWeekContainsDate: 1,
+  },
+};
+
+function DatePickerInput(props) {
+    var className = props.className, value = props.value, inputProps = props.inputProps, datePickerProps = props.datePickerProps, onChange = props.onChange, endValue = props.endValue, labelTextSize = props.labelTextSize, clearLabelTextColorHover = props.clearLabelTextColorHover, clearIcon = props.clearIcon, clearIconFill = props.clearIconFill, clearIconFillHover = props.clearIconFillHover, clearIconItemFillHover = props.clearIconItemFillHover, clearIconFillSize = props.clearIconFillSize, clearIconItemFill = props.clearIconItemFill, clearIconShape = props.clearIconShape, clearIconSize = props.clearIconSize, clearIconSrc = props.clearIconSrc, clearLabel = props.clearLabel, clearLabelTextColor = props.clearLabelTextColor, clearLabelTextSize = props.clearLabelTextSize;
+    var widthClass = useDeviceTargetClass(props, {
+        prefix: 'width_',
+        propsKey: 'width',
+    });
+    var datepickerRef = useRef(null);
+    var start = useMemo(function () {
+        if (value) {
+            if (typeof value === 'string') {
+                return new Date(value);
+            }
+            return value;
+        }
+        if (datePickerProps.isStartDefaultNull) {
+            return undefined;
+        }
+        return new Date();
+    }, [value, datePickerProps.isStartDefaultNull]);
+    var end = useMemo(function () {
+        if (!endValue) {
+            return undefined;
+        }
+        if (typeof endValue === 'string') {
+            return new Date(endValue);
+        }
+        return endValue;
+    }, [endValue]);
+    var _a = useState(start), startDate = _a[0], setStartDate = _a[1];
+    var _b = useState(end), endDate = _b[0], setEndDate = _b[1];
+    var handleChange = useCallback(function (_a) {
+        var newStartDate = _a[0], newEndDate = _a[1];
+        onChange && onChange(newStartDate, newEndDate);
+        setStartDate(newStartDate);
+        setEndDate(newEndDate);
+    }, [onChange]);
+    var renderDayContents = useCallback(function (day, date) {
+        return (jsx(Button, { className: "react-datepicker__day-button", label: date.getDate().toString(), labelTextColor: datePickerProps.dayTextColor, labelTextSize: datePickerProps.dayTextSize, shape: datePickerProps.dayTextShape, size: datePickerProps.daySize }));
+    }, [
+        datePickerProps.daySize,
+        datePickerProps.dayTextColor,
+        datePickerProps.dayTextShape,
+        datePickerProps.dayTextSize,
+    ]);
+    var renderCustomHeader = useCallback(function (_a) {
+        var monthDate = _a.monthDate, decreaseMonth = _a.decreaseMonth, increaseMonth = _a.increaseMonth;
+        return (jsxs("div", { className: "react-datepicker__header--div", children: [datePickerProps.iconLeft && (jsx(Icon, { className: "react-datepicker__icon", fill: datePickerProps.iconFill, fillHover: datePickerProps.iconFillHover, fillSize: datePickerProps.iconFillSize, iconFill: datePickerProps.iconItemFill, shape: datePickerProps.iconShape, size: datePickerProps.iconSize, SvgImage: datePickerProps.iconLeft, onClick: decreaseMonth })), jsxs("div", { className: "react-datepicker__data", children: [jsx(Text, { className: "react-datepicker__month", size: datePickerProps.monthTextSize, textColor: datePickerProps.monthTextColor, textWeight: datePickerProps.monthTextWeight, children: monthDate.toLocaleString('ru-RU', { month: 'long' }) }), jsx(Text, { className: "react-datepicker__year", size: datePickerProps.yearTextSize, textColor: datePickerProps.yearTextColor, textWeight: datePickerProps.yearTextWeight, children: monthDate.toLocaleString('ru-RU', { year: 'numeric' }) })] }), datePickerProps.iconRight && (jsx(Icon, { className: "react-datepicker__icon", fill: datePickerProps.iconFill, fillHover: datePickerProps.iconFillHover, fillSize: datePickerProps.iconFillSize, iconFill: datePickerProps.iconItemFill, shape: datePickerProps.iconShape, size: datePickerProps.iconSize, SvgImage: datePickerProps.iconRight, onClick: increaseMonth }))] }));
+    }, [
+        datePickerProps.iconFill,
+        datePickerProps.iconFillHover,
+        datePickerProps.iconFillSize,
+        datePickerProps.iconItemFill,
+        datePickerProps.iconLeft,
+        datePickerProps.iconRight,
+        datePickerProps.iconShape,
+        datePickerProps.iconSize,
+        datePickerProps.monthTextColor,
+        datePickerProps.monthTextSize,
+        datePickerProps.monthTextWeight,
+        datePickerProps.yearTextColor,
+        datePickerProps.yearTextSize,
+        datePickerProps.yearTextWeight,
+    ]);
+    useEffect(function () {
+        setStartDate(start);
+    }, [start]);
+    useEffect(function () {
+        setEndDate(end);
+    }, [end]);
+    return (jsx("div", { className: clsx(className, 'datepicker', (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.monthsShown) && 'datepicker_type_multiple-months', (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.customTimeInput) && 'datepicker_type_button', widthClass), children: jsx(DatePicker, __assign({ ref: datepickerRef, endDate: (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.selectsRange) ? endDate : undefined, locale: ru, minDate: (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.disablePastDays) ? new Date() : undefined, renderCustomHeader: renderCustomHeader, renderDayContents: renderDayContents, selected: startDate, startDate: startDate, customInput: jsx(DatePickerCustomInput, { labelTextSize: labelTextSize, clearIcon: clearIcon, clearIconFill: clearIconFill, clearIconFillHover: clearIconFillHover, clearIconFillSize: clearIconFillSize, clearIconItemFill: clearIconItemFill, clearIconItemFillHover: clearIconItemFillHover, clearIconShape: clearIconShape, clearIconSize: clearIconSize, clearIconSrc: clearIconSrc, clearLabel: clearLabel, clearLabelTextColor: clearLabelTextColor, clearLabelTextColorHover: clearLabelTextColorHover, clearLabelTextSize: clearLabelTextSize, datepickerRef: datepickerRef, inputIcon: datePickerProps.inputIcon, inputIconFill: datePickerProps.inputIconFill, inputIconFillHover: datePickerProps.inputIconFillHover, inputIconFillSize: datePickerProps.inputIconFillSize, inputIconItemFill: datePickerProps.inputIconItemFill, inputIconShape: datePickerProps.inputIconShape, inputIconSize: datePickerProps.inputIconSize, inputIconSrc: datePickerProps.inputIconSrc, inputProps: inputProps, isClearable: datePickerProps.isClearable }), onChange: (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.selectsRange) ? handleChange : onChange }, datePickerProps, { 
+            // Important for use custom clear button
+            isClearable: false })) }));
+}
+var DatePickerCustomInput = React.forwardRef(function (props, ref) {
+    var isClearable = props.isClearable, value = props.value, inputProps = props.inputProps, inputIcon = props.inputIcon;
+    var multipleValue = useMemo(function () {
+        if (value) {
+            var twoDates = value.split(' - ');
+            return twoDates[0] === twoDates[1] ? twoDates[0] : value;
+        }
+        return '';
+    }, [value]);
+    return (jsxs(React.Fragment, { children: [jsx(Input, __assign({}, props, inputProps, { ref: ref, value: multipleValue })), inputIcon && jsx(DatePickerInputIcon, __assign({}, props)), isClearable && jsx(DatePickerClearButton, __assign({}, props))] }));
+});
+DatePickerCustomInput.displayName = 'DatePickerCustomInput';
+function DatePickerClearButton(props) {
+    var datepickerRef = props.datepickerRef, clearLabel = props.clearLabel, clearLabelTextSize = props.clearLabelTextSize, clearLabelTextColor = props.clearLabelTextColor, clearIconFill = props.clearIconFill, clearIconFillHover = props.clearIconFillHover, clearLabelTextColorHover = props.clearLabelTextColorHover, clearIconItemFillHover = props.clearIconItemFillHover, clearIconFillSize = props.clearIconFillSize, clearIconItemFill = props.clearIconItemFill, clearIconShape = props.clearIconShape, clearIconSize = props.clearIconSize, clearIcon = props.clearIcon, clearIconSrc = props.clearIconSrc;
+    var onClick = useCallback(function (event) {
+        var _a, _b;
+        (_a = datepickerRef === null || datepickerRef === void 0 ? void 0 : datepickerRef.current) === null || _a === void 0 ? void 0 : _a.onClearClick(event);
+        (_b = datepickerRef === null || datepickerRef === void 0 ? void 0 : datepickerRef.current) === null || _b === void 0 ? void 0 : _b.handleFocus(event);
+    }, []);
+    return (jsxs(React.Fragment, { children: [clearLabel && (jsx(Label, { className: clsx('react-datepicker__clear-label', 'cursor_type_pointer'), label: clearLabel, labelTextColor: clearLabelTextColor, labelTextColorHover: clearLabelTextColorHover, labelTextSize: clearLabelTextSize, onClick: onClick })), (clearIcon || clearIconSrc) && (jsx(Icon, { className: clsx('react-datepicker__clear-icon', 'cursor_type_pointer'), fill: clearIconFill, fillHover: clearIconFillHover, fillSize: clearIconFillSize, iconFill: clearIconItemFill, iconFillHover: clearIconItemFillHover, imageSrc: clearIconSrc, shape: clearIconShape, size: clearIconSize, SvgImage: clearIcon, onClick: onClick }))] }));
+}
+DatePickerClearButton.displayName = 'DatePickerClearButton';
+function DatePickerInputIcon(props) {
+    var inputIconFill = props.inputIconFill, inputIconFillHover = props.inputIconFillHover, inputIconFillSize = props.inputIconFillSize, inputIconShape = props.inputIconShape, inputIconSize = props.inputIconSize, inputIcon = props.inputIcon, inputIconSrc = props.inputIconSrc, inputIconItemFill = props.inputIconItemFill, onClick = props.onClick;
+    return (jsx(Icon, { className: clsx('react-datepicker__input-icon', 'cursor_type_pointer'), fill: inputIconFill, fillHover: inputIconFillHover, fillSize: inputIconFillSize, iconFill: inputIconItemFill, imageSrc: inputIconSrc, shape: inputIconShape, size: inputIconSize, onClick: function () { return onClick && onClick(); }, SvgImage: inputIcon }));
+}
+DatePickerInputIcon.displayName = 'DatePickerInputIcon';
+
+export { DatePickerInput };