@itcase/ui 1.2.28 → 1.2.30

package/dist/cjs/components/DatePicker.js

@@ -4,14 +4,16 @@ var tslib_es6 = require('../../tslib.es6-CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
+var locale = require('date-fns/locale');
 var DatePicker = require('react-datepicker');
+var index = require('../appearance/DatePicker.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var Button = require('../../Button-COsywjkv.js');
-var Icon = require('../../Icon-CkynFJm4.js');
-var Input = require('../../Input-BSpFMsrf.js');
-var Label = require('../../Label-BPP0om7_.js');
-var Text = require('../../Text-_YhyTsQ1.js');
+var Button = require('../../Button-BcOsYgoT.js');
+var Icon = require('../../Icon-B2BwTQnP.js');
+var Input = require('../../Input-BaicBuyd.js');
+var Label = require('../../Label-fp2Bus_T.js');
+var Text = require('../../Text-CC0xnhmx.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
@@ -21,1057 +23,30 @@ require('react-responsive');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
+require('../appearance/Button.js');
 require('../../Link-CqWzwh8V.js');
-require('../../Loader-fA11tUEJ.js');
+require('../../Loader-Ck59IXGG.js');
+require('../appearance/Loader.js');
 require('react-inlinesvg');
-require('../../Tooltip-DsTCGS6h.js');
-require('../../Title-B-N0qkn3.js');
+require('../appearance/Icon.js');
+require('../../Tooltip-PrwacZFC.js');
+require('../appearance/Tooltip.js');
+require('../../Title-Ze_OL1Co.js');
+require('../appearance/Title.js');
+require('../appearance/Input.js');
+require('../appearance/Label.js');
+require('../appearance/Text.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}} лет",
+var datePickerConfig = {
+    appearance: index.datePickerAppearance,
+    setAppearance: function (newComponent) {
+        datePickerConfig.appearance = newComponent;
     },
-    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, clearIcon = props.clearIcon, clearIconFill = props.clearIconFill, clearIconFillHover = props.clearIconFillHover, clearIconFillSize = props.clearIconFillSize, clearIconItemFill = props.clearIconItemFill, clearIconItemFillHover = props.clearIconItemFillHover, clearIconShape = props.clearIconShape, clearIconSize = props.clearIconSize, clearIconSrc = props.clearIconSrc, clearLabel = props.clearLabel, clearLabelTextColor = props.clearLabelTextColor, clearLabelTextColorHover = props.clearLabelTextColorHover, clearLabelTextSize = props.clearLabelTextSize, _a = props.datePickerProps, datePickerProps = _a === void 0 ? {} : _a, endValue = props.endValue, inputProps = props.inputProps, labelTextSize = props.labelTextSize, value = props.value, onChange = props.onChange;
+    var _a;
+    var appearance = props.appearance, className = props.className, clearIcon = props.clearIcon, clearIconFill = props.clearIconFill, clearIconFillHover = props.clearIconFillHover, clearIconFillSize = props.clearIconFillSize, clearIconItemFill = props.clearIconItemFill, clearIconItemFillHover = props.clearIconItemFillHover, clearIconShape = props.clearIconShape, clearIconSize = props.clearIconSize, clearIconSrc = props.clearIconSrc, clearLabel = props.clearLabel, clearLabelTextColor = props.clearLabelTextColor, clearLabelTextColorHover = props.clearLabelTextColorHover, clearLabelTextSize = props.clearLabelTextSize, _b = props.datePickerProps, datePickerProps = _b === void 0 ? {} : _b, endValue = props.endValue, inputProps = props.inputProps, labelTextSize = props.labelTextSize, value = props.value, onChange = props.onChange;
+    var appearanceConfig = appearance && datePickerConfig.appearance && datePickerConfig.appearance[appearance];
     var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'datepicker_width_',
         propsKey: 'width',
@@ -1098,8 +73,8 @@ function DatePickerInput(props) {
         }
         return endValue;
     }, [endValue]);
-    var _b = React.useState(start), startDate = _b[0], setStartDate = _b[1];
-    var _c = React.useState(end), endDate = _c[0], setEndDate = _c[1];
+    var _c = React.useState(start), startDate = _c[0], setStartDate = _c[1];
+    var _d = React.useState(end), endDate = _d[0], setEndDate = _d[1];
     var handleChange = React.useCallback(function (_a) {
         var newStartDate = _a[0], newEndDate = _a[1];
         onChange && onChange(newStartDate, newEndDate);
@@ -1107,7 +82,7 @@ function DatePickerInput(props) {
         setEndDate(newEndDate);
     }, [onChange]);
     var renderDayContents = React.useCallback(function (day, date) {
-        return (jsxRuntime.jsx(Button.Button, { className: "react-datepicker__day-button", labelTextColor: datePickerProps.dayTextColor, labelTextSize: datePickerProps.dayTextSize, label: date.getDate().toString(), shape: datePickerProps.dayTextShape, size: datePickerProps.daySize }));
+        return (jsxRuntime.jsx(Button.Button, { className: "react-datepicker__day-button", labelTextColor: datePickerProps.dayTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.dayTextColor), labelTextSize: datePickerProps.dayTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.dayTextSize), label: date.getDate().toString(), shape: datePickerProps.dayTextShape || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.dayTextShape), size: datePickerProps.daySize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.daySize) }));
     }, [
         datePickerProps.daySize,
         datePickerProps.dayTextColor,
@@ -1116,7 +91,7 @@ function DatePickerInput(props) {
     ]);
     var renderCustomHeader = React.useCallback(function (_a) {
         var decreaseMonth = _a.decreaseMonth, increaseMonth = _a.increaseMonth, monthDate = _a.monthDate;
-        return (jsxRuntime.jsxs("div", { className: "react-datepicker__header--div", children: [datePickerProps.iconLeft && (jsxRuntime.jsx(Icon.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 })), jsxRuntime.jsxs("div", { className: "react-datepicker__data", children: [jsxRuntime.jsx(Text.Text, { className: "react-datepicker__month", size: datePickerProps.monthTextSize, textColor: datePickerProps.monthTextColor, textWeight: datePickerProps.monthTextWeight, children: monthDate.toLocaleString('ru-RU', { month: 'long' }) }), jsxRuntime.jsx(Text.Text, { className: "react-datepicker__year", size: datePickerProps.yearTextSize, textColor: datePickerProps.yearTextColor, textWeight: datePickerProps.yearTextWeight, children: monthDate.toLocaleString('ru-RU', { year: 'numeric' }) })] }), datePickerProps.iconRight && (jsxRuntime.jsx(Icon.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 }))] }));
+        return (jsxRuntime.jsxs("div", { className: "react-datepicker__header--div", children: [datePickerProps.iconLeft && (jsxRuntime.jsx(Icon.Icon, { className: "react-datepicker__icon", fill: datePickerProps.iconFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.iconFill), fillHover: datePickerProps.iconFillHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.iconFillHover), fillSize: datePickerProps.iconFillSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.iconFillSize), iconFill: datePickerProps.iconItemFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.iconItemFill), shape: datePickerProps.iconShape || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.iconShape), size: datePickerProps.iconSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.iconSize), SvgImage: datePickerProps.iconLeft || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.iconLeft), onClick: decreaseMonth })), jsxRuntime.jsxs("div", { className: "react-datepicker__data", children: [jsxRuntime.jsx(Text.Text, { className: "react-datepicker__month", size: datePickerProps.monthTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.monthTextSize), textColor: datePickerProps.monthTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.monthTextColor), textWeight: datePickerProps.monthTextWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.monthTextWeight), children: monthDate.toLocaleString('ru-RU', { month: 'long' }) }), jsxRuntime.jsx(Text.Text, { className: "react-datepicker__year", size: datePickerProps.yearTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.yearTextSize), textColor: datePickerProps.yearTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.yearTextColor), textWeight: datePickerProps.yearTextWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.yearTextWeight), children: monthDate.toLocaleString('ru-RU', { year: 'numeric' }) })] }), datePickerProps.iconRight && (jsxRuntime.jsx(Icon.Icon, { className: "react-datepicker__icon", fill: datePickerProps.iconFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.iconFill), fillHover: datePickerProps.iconFillHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.iconFillHover), fillSize: datePickerProps.iconFillSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.iconFillSize), iconFill: datePickerProps.iconItemFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.iconItemFill), shape: datePickerProps.iconShape || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.iconShape), size: datePickerProps.iconSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.iconSize), SvgImage: datePickerProps.iconRight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.iconRight), onClick: increaseMonth }))] }));
     }, [
         datePickerProps.iconFill,
         datePickerProps.iconFillHover,
@@ -1141,12 +116,15 @@ function DatePickerInput(props) {
     }, [end]);
     // @ts-expect-error
     var datePickerStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.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), style: datePickerStyles, children: jsxRuntime.jsx(DatePicker, tslib_es6.__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: jsxRuntime.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 }), popperClassName: (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.popper) && "react-datepicker-popper-".concat(datePickerProps.popper), onChange: (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.selectsRange) ? handleChange : onChange }, datePickerProps, { 
+    return (jsxRuntime.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 ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.width) &&
+                ((_a = "datepicker_width_".concat(appearanceConfig.datePicker.width)) === null || _a === void 0 ? void 0 : _a.replace(/([A-Z])/g, '-$1').toLowerCase()))), style: datePickerStyles, children: jsxRuntime.jsx(DatePicker, tslib_es6.__assign({ ref: datepickerRef, endDate: (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.selectsRange) ? endDate : undefined, locale: locale.ru, minDate: (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.disablePastDays) ? new Date() : undefined, renderCustomHeader: renderCustomHeader, renderDayContents: renderDayContents, selected: startDate, startDate: startDate, customInput: jsxRuntime.jsx(DatePickerCustomInput, { datePickerAppearance: appearance, 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 }), popperClassName: (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.popper) && "react-datepicker-popper-".concat(datePickerProps.popper), 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, inputIcon = props.inputIcon, inputProps = props.inputProps, value = props.value;
+    var _a;
+    var isClearable = props.isClearable, inputIcon = props.inputIcon, inputProps = props.inputProps, value = props.value, datePickerAppearance = props.datePickerAppearance;
     var multipleValue = React.useMemo(function () {
         if (value) {
             var twoDates = value.split(' - ');
@@ -1154,7 +132,8 @@ var DatePickerCustomInput = React.forwardRef(function (props, ref) {
         }
         return '';
     }, [value]);
-    return (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx(Input.Input, tslib_es6.__assign({}, props, inputProps, { ref: ref, autocomplete: "off", value: multipleValue })), inputIcon && jsxRuntime.jsx(DatePickerInputIcon, tslib_es6.__assign({}, props)), isClearable && jsxRuntime.jsx(DatePickerClearButton, tslib_es6.__assign({}, props))] }));
+    var inputAppearanceProps = (_a = datePickerConfig.appearance[datePickerAppearance]) === null || _a === void 0 ? void 0 : _a.input;
+    return (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx(Input.Input, tslib_es6.__assign({}, inputAppearanceProps, props, inputProps, { ref: ref, autocomplete: "off", value: multipleValue })), inputIcon && jsxRuntime.jsx(DatePickerInputIcon, tslib_es6.__assign({}, props)), isClearable && jsxRuntime.jsx(DatePickerClearButton, tslib_es6.__assign({}, props))] }));
 });
 DatePickerCustomInput.displayName = 'DatePickerCustomInput';
 function DatePickerClearButton(props) {
@@ -1174,3 +153,4 @@ function DatePickerInputIcon(props) {
 DatePickerInputIcon.displayName = 'DatePickerInputIcon';
 
 exports.DatePickerInput = DatePickerInput;
+exports.datePickerConfig = datePickerConfig;