@skbkontur/react-ui 0.0.0-30619a873c → 0.0.0-32550fb571

package/components/DateRangePicker/DateRangePicker/DateRangePicker.js

@@ -1,365 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-import React, { useEffect, useRef, useState } from 'react';
-import { useLocaleForControl } from "../../../lib/locale/useLocaleForControl";
-import { css, cx } from "../../../lib/theming/Emotion";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { Calendar, CalendarDataTids, CalendarDay } from "../../Calendar";
-import { Popup } from "../../../internal/Popup";
-import { isBetween, isGreater, isGreaterOrEqual, isLess, isLessOrEqual } from "../../../lib/date/comparison";
-import { ZIndex } from "../../../internal/ZIndex";
-import { getRootNode } from "../../../lib/rootNode";
-import { getMenuPositions } from "../../../lib/getMenuPositions";
-import { Button } from "../../Button";
-import { useResponsiveLayout } from "../../ResponsiveLayout";
-import { styles } from "../DateRangePicker.styles";
-import { DateRangePickerSeparator } from "../DateRangePickerSeparator";
-import { DateRangePickerContext } from "../DateRangePickerContext";
-import { DateRangePickerField } from "../DateRangePickerField";
-import { MobileDateRangePicker } from "../MobileDateRangePicker";
-import { getDateRangePickerTheme } from "../DateRangePickerTheme";
-import { DatePickerLocaleHelper } from "../locale";
-export var DateRangePickerDataTids = {
-  root: 'DateRangePicker__root',
-  from: 'DateRangePicker__from',
-  to: 'DateRangePicker__to',
-  popup: 'DateRangePicker__popup',
-  calendar: 'DateRangePicker__calendar',
-  optionalFromFieldButton: 'DateRangePicker__optionalFromFieldButton',
-  optionalToFieldButton: 'DateRangePicker__optionalToFieldButton'
-};
-export var DateRangePicker = function DateRangePicker(props) {
-  var _useResponsiveLayout = useResponsiveLayout(),
-    isMobile = _useResponsiveLayout.isMobile;
-  var locale = useLocaleForControl('DateRangePicker', DatePickerLocaleHelper);
-  var minDate = props.minDate,
-    maxDate = props.maxDate;
-  var _useState = useState(props.to),
-    periodStart = _useState[0],
-    setPeriodStart = _useState[1];
-  var _useState2 = useState(props.from),
-    periodEnd = _useState2[0],
-    setPeriodEnd = _useState2[1];
-  var _useState3 = useState(null),
-    hoveredDay = _useState3[0],
-    setHoveredDay = _useState3[1];
-  var _useState4 = useState(false),
-    showCalendar = _useState4[0],
-    setShowCalendar = _useState4[1];
-  var _useState5 = useState(null),
-    currentFocus = _useState5[0],
-    setCurrentFocus = _useState5[1];
-  var fromRef = useRef(null);
-  var toRef = useRef(null);
-  var calendarRef = useRef(null);
-  var popupContainerRef = useRef(null);
-  var calendarContainerRef = useRef(null);
-  useEffect(function () {
-    props.onValueChange == null || props.onValueChange(periodStart || '', periodEnd || '');
-  }, [periodStart, periodEnd]);
-  useEffect(function () {
-    switch (currentFocus) {
-      case 'start':
-        // fix DateInput flushSync warning in React 18
-        setTimeout(function () {
-          var _fromRef$current;
-          fromRef == null || (_fromRef$current = fromRef.current) == null || _fromRef$current.focus();
-        });
-        return;
-      case 'end':
-        // fix DateInput flushSync warning in React 18
-        setTimeout(function () {
-          var _toRef$current;
-          toRef == null || (_toRef$current = toRef.current) == null || _toRef$current.focus();
-        });
-        return;
-      case null:
-      default:
-        setShowCalendar == null || setShowCalendar(false);
-    }
-  }, [currentFocus]);
-  var close = function close() {
-    setShowCalendar(false);
-    setCurrentFocus(null);
-    setHoveredDay(null);
-  };
-  var setOptionalValue = function setOptionalValue(type) {
-    if (type === 'start') {
-      setPeriodStart(null);
-      setCurrentFocus('end');
-    } else if (type === 'end') {
-      setPeriodEnd(null);
-      close();
-    }
-  };
-  var updatePeriod = function updatePeriod(value) {
-    if (minDate && isLess(value, minDate) || maxDate && isGreater(value, maxDate)) {
-      return;
-    }
-    var handleInitialPeriod = function handleInitialPeriod(value) {
-      if (currentFocus === 'start') {
-        setPeriodStart(value);
-        setCurrentFocus('end');
-      } else {
-        setPeriodEnd(value);
-        setCurrentFocus('start');
-      }
-    };
-    var handlePartialPeriod = function handlePartialPeriod(value) {
-      if (currentFocus === 'start') {
-        if (periodStart) {
-          setPeriodStart(value);
-          setCurrentFocus('end');
-          return;
-        }
-        if (periodEnd && isGreater(value, periodEnd)) {
-          setPeriodStart(value);
-          setPeriodEnd(null);
-          setCurrentFocus('end');
-          return;
-        }
-        setPeriodStart(value);
-        close();
-      } else if (currentFocus === 'end') {
-        if (periodEnd) {
-          setPeriodEnd(value);
-          setCurrentFocus('start');
-          return;
-        }
-        if (periodStart && isLess(value, periodStart)) {
-          setPeriodStart(value);
-          setPeriodEnd(null);
-          setCurrentFocus('end');
-          return;
-        }
-        setPeriodEnd(value);
-        close();
-      }
-    };
-    var handleFullPeriod = function handleFullPeriod(value) {
-      if (currentFocus === 'start') {
-        if (periodEnd && isLessOrEqual(value, periodEnd)) {
-          setPeriodStart(value);
-          close();
-        } else {
-          setPeriodStart(value);
-          setPeriodEnd(null);
-          setCurrentFocus('end');
-        }
-      } else if (currentFocus === 'end') {
-        if (periodStart && isGreaterOrEqual(value, periodStart)) {
-          setPeriodEnd(value);
-          close();
-        } else {
-          setPeriodStart(value);
-          setPeriodEnd(null);
-          setCurrentFocus('end');
-        }
-      }
-    };
-    if (!periodStart && !periodEnd) {
-      handleInitialPeriod(value);
-    } else if (periodStart && !periodEnd || !periodStart && periodEnd) {
-      handlePartialPeriod(value);
-    } else {
-      handleFullPeriod(value);
-    }
-  };
-  var renderRange = function renderRange(props, t, renderDayFn) {
-    var day = props.date;
-    var isDayFirst = periodStart === day;
-    var isDayLast = periodEnd === day;
-    var isDayInPeriod = Boolean(periodStart && periodEnd && isBetween(day, periodStart, periodEnd));
-    var hasHoveredDay = hoveredDay !== null;
-    var isDayInHoveredPeriod = hasHoveredDay && Boolean(currentFocus === 'start' && periodEnd && isBetween(day, hoveredDay, periodEnd) || currentFocus === 'end' && periodStart && isBetween(day, periodStart, hoveredDay));
-    var hasLeftRoundings;
-    var hasRightRoundings;
-    if (hasHoveredDay) {
-      // TODO: check if periodStart / periodEnd not setted
-      var isDayBeforeFirstInPeriod = periodStart ? isLess(hoveredDay, periodStart) : periodEnd;
-      var isDayAfterLastInPeriod = periodEnd ? isGreater(hoveredDay, periodEnd) : periodStart;
-      if (isDayFirst && (isGreaterOrEqual(hoveredDay, periodStart) || currentFocus === 'end')) {
-        hasLeftRoundings = true;
-      }
-      if (isDayLast && (isLessOrEqual(hoveredDay, periodEnd) || currentFocus === 'start')) {
-        hasRightRoundings = true;
-      }
-      var isDayHovered = hoveredDay === day;
-      if (isDayHovered) {
-        if (isDayBeforeFirstInPeriod) {
-          hasLeftRoundings = true;
-        }
-        if (isDayAfterLastInPeriod) {
-          hasRightRoundings = true;
-        }
-      }
-    } else {
-      if (isDayFirst) {
-        hasLeftRoundings = true;
-      }
-      if (isDayLast) {
-        hasRightRoundings = true;
-      }
-    }
-    return /*#__PURE__*/(
-      React.createElement("div", {
-        onMouseOver: function onMouseOver() {
-          return setHoveredDay(day);
-        },
-        onMouseOut: function onMouseOut() {
-          return setHoveredDay(null);
-        },
-        className: cx(css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n            width: 100%;\n            height: 100%;\n            background: ", ";\n            border-top-left-radius: ", ";\n            border-bottom-left-radius: ", ";\n            border-top-right-radius: ", ";\n            border-bottom-right-radius: ", ";\n          "])), isDayInPeriod && t.calendarRangeCellBg, hasLeftRoundings && t.calendarCellBorderRadius, hasLeftRoundings && t.calendarCellBorderRadius, hasRightRoundings && t.calendarCellBorderRadius, hasRightRoundings && t.calendarCellBorderRadius), (isDayFirst || isDayLast) && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n              position: relative;\n\n              [data-tid=", "] {\n                color: ", ";\n\n                @media (hover: hover) {\n                  &:hover {\n                    background: none;\n                  }\n                }\n              }\n\n              &:before {\n                content: '';\n                position: absolute;\n                top: 0;\n                left: 0;\n                width: 100%;\n                height: 100%;\n                background: ", ";\n                border-radius: ", ";\n              }\n            "])), CalendarDataTids.dayCell, t.calendarRangeCellEndColor, t.calendarRangeCellEndBg, t.calendarCellBorderRadius), isDayInHoveredPeriod && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n              background: ", ";\n            "])), t.calendarRangeCellBg), isDayInPeriod && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n              @media (hover: hover) {\n                &:hover [data-tid=", "] {\n                  background: ", ";\n                }\n              }\n            "])), CalendarDataTids.dayCell, t.calendarRangeCellHoverBg))
-      }, renderDayFn ? renderDayFn(props) : /*#__PURE__*/React.createElement(CalendarDay, props))
-    );
-  };
-  var dateRangePickerContextProps = {
-    from: props.from,
-    to: props.to,
-    minDate: props.minDate,
-    maxDate: props.maxDate,
-    size: props.size,
-    onValueChange: props.onValueChange,
-    periodStart: periodStart || '',
-    periodEnd: periodEnd || '',
-    hoveredDay: hoveredDay,
-    showCalendar: showCalendar,
-    currentFocus: currentFocus,
-    setPeriodStart: setPeriodStart,
-    setPeriodEnd: setPeriodEnd,
-    setHoveredDay: setHoveredDay,
-    setShowCalendar: setShowCalendar,
-    setCurrentFocus: setCurrentFocus,
-    isMobile: isMobile,
-    fromRef: fromRef,
-    toRef: toRef,
-    calendarRef: calendarRef
-  };
-  var getSize = function getSize(t) {
-    switch (props.size) {
-      case 'large':
-        return t.fontSizeLarge;
-      case 'medium':
-        return t.fontSizeMedium;
-      case 'small':
-      default:
-        return t.fontSizeSmall;
-    }
-  };
-  return /*#__PURE__*/(
-    React.createElement(CommonWrapper, props, /*#__PURE__*/
-    React.createElement(ThemeContext.Consumer, null, function (theme) {
-      return /*#__PURE__*/(
-        React.createElement(ThemeContext.Provider, {
-          value: getDateRangePickerTheme(theme)
-        }, /*#__PURE__*/
-        React.createElement(CommonWrapper, props, /*#__PURE__*/
-        React.createElement("div", {
-          className: styles.root(),
-          "data-tid": DateRangePickerDataTids.root,
-          ref: popupContainerRef
-        }, /*#__PURE__*/
-        React.createElement(DateRangePickerContext.Provider, {
-          value: dateRangePickerContextProps
-        }, /*#__PURE__*/
-        React.createElement("div", {
-          className: cx(styles.inputWrapper(), styles.inputWrapperWidth(theme), css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n                          font-size: ", ";\n                        "])), getSize(theme)))
-        }, props.children ? props.children : /*#__PURE__*/
-
-        React.createElement(React.Fragment, null, /*#__PURE__*/
-        React.createElement(DateRangePickerFrom, {
-          width: "auto"
-        }), /*#__PURE__*/
-        React.createElement(DateRangePickerSeparator, null), /*#__PURE__*/
-        React.createElement(DateRangePickerTo, {
-          width: "auto"
-        }))), showCalendar && /*#__PURE__*/
-        React.createElement(React.Fragment, null, isMobile ? /*#__PURE__*/
-        React.createElement(React.Fragment, null, /*#__PURE__*/
-        React.createElement(MobileDateRangePicker
-        // enableTodayLink={props.enableTodayLink}
-        , {
-          onMonthChange: props.onMonthChange,
-          minDate: minDate,
-          maxDate: maxDate,
-          onCalendarPickDay: updatePeriod,
-          onCloseRequest: close,
-          renderDay: function renderDay(dayProps) {
-            return renderRange(dayProps, theme, props.renderDay);
-          },
-          "data-tid": DateRangePickerDataTids.calendar
-        })) : /*#__PURE__*/
-
-        React.createElement(React.Fragment, null, /*#__PURE__*/
-        React.createElement("div", {
-          "data-tid": DateRangePickerDataTids.popup
-        }), /*#__PURE__*/
-        React.createElement(Popup, {
-          opened: true,
-          hasShadow: true,
-          priority: ZIndex.priorities.PopupMenu,
-          positions: getMenuPositions(props.menuPos, props.menuAlign),
-          "data-tid": DateRangePickerDataTids.root,
-          anchorElement: getRootNode(popupContainerRef.current),
-          margin: parseInt(theme.datePickerMenuOffsetY)
-        }, /*#__PURE__*/
-
-        React.createElement("div", {
-          className: styles.calendarWrapper(theme),
-          onMouseDown: function onMouseDown(e) {
-            return e.preventDefault();
-          },
-          ref: calendarContainerRef
-        }, /*#__PURE__*/
-
-        React.createElement(Calendar, {
-          value: null,
-          minDate: minDate,
-          maxDate: maxDate,
-          renderDay: function renderDay(dayProps) {
-            return renderRange(dayProps, theme, props.renderDay);
-          },
-          onValueChange: updatePeriod,
-          ref: calendarRef,
-          "data-tid": DateRangePickerDataTids.calendar
-        }), /*#__PURE__*/
-        React.createElement("div", {
-          style: {
-            margin: 8
-          }
-        }, currentFocus === 'start' && fromRef.current.props.optional && /*#__PURE__*/
-        React.createElement(Button, {
-          width: "100%",
-          "data-tid": DateRangePickerDataTids.optionalFromFieldButton,
-          onClick: function onClick() {
-            return setOptionalValue('start');
-          }
-        }, locale.withoutFirstDate), currentFocus === 'end' && toRef.current.props.optional && /*#__PURE__*/
-        React.createElement(Button, {
-          width: "100%",
-          "data-tid": DateRangePickerDataTids.optionalToFieldButton,
-          onClick: function onClick() {
-            return setOptionalValue('end');
-          }
-        }, locale.withoutSecondDate))))))))))
-      );
-    }))
-  );
-};
-export var DateRangePickerFrom = function DateRangePickerFrom(props) {
-  return /*#__PURE__*/React.createElement(DateRangePickerField, _extends({}, props, {
-    type: "start"
-  }));
-};
-export var DateRangePickerTo = function DateRangePickerTo(props) {
-  return /*#__PURE__*/React.createElement(DateRangePickerField, _extends({}, props, {
-    type: "end"
-  }));
-};
-DateRangePicker.__KONTUR_REACT_UI__ = 'DateRangePicker';
-DateRangePicker.displayName = 'DateRangePicker';
-DateRangePicker.From = DateRangePickerFrom;
-DateRangePicker.To = DateRangePickerTo;
-DateRangePicker.Separator = DateRangePickerSeparator;

package/components/DateRangePicker/DateRangePicker/DateRangePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useEffect","useRef","useState","useLocaleForControl","css","cx","ThemeContext","CommonWrapper","Calendar","CalendarDataTids","CalendarDay","Popup","isBetween","isGreater","isGreaterOrEqual","isLess","isLessOrEqual","ZIndex","getRootNode","getMenuPositions","Button","useResponsiveLayout","styles","DateRangePickerSeparator","DateRangePickerContext","DateRangePickerField","MobileDateRangePicker","getDateRangePickerTheme","DatePickerLocaleHelper","DateRangePickerDataTids","root","from","to","popup","calendar","optionalFromFieldButton","optionalToFieldButton","DateRangePicker","props","_useResponsiveLayout","isMobile","locale","minDate","maxDate","_useState","periodStart","setPeriodStart","_useState2","periodEnd","setPeriodEnd","_useState3","hoveredDay","setHoveredDay","_useState4","showCalendar","setShowCalendar","_useState5","currentFocus","setCurrentFocus","fromRef","toRef","calendarRef","popupContainerRef","calendarContainerRef","onValueChange","setTimeout","_fromRef$current","current","focus","_toRef$current","close","setOptionalValue","type","updatePeriod","value","handleInitialPeriod","handlePartialPeriod","handleFullPeriod","renderRange","t","renderDayFn","day","date","isDayFirst","isDayLast","isDayInPeriod","Boolean","hasHoveredDay","isDayInHoveredPeriod","hasLeftRoundings","hasRightRoundings","isDayBeforeFirstInPeriod","isDayAfterLastInPeriod","isDayHovered","createElement","onMouseOver","onMouseOut","className","_templateObject","_taggedTemplateLiteralLoose","calendarRangeCellBg","calendarCellBorderRadius","_templateObject2","dayCell","calendarRangeCellEndColor","calendarRangeCellEndBg","_templateObject3","_templateObject4","calendarRangeCellHoverBg","dateRangePickerContextProps","size","getSize","fontSizeLarge","fontSizeMedium","fontSizeSmall","Consumer","theme","Provider","ref","inputWrapper","inputWrapperWidth","_templateObject5","children","Fragment","DateRangePickerFrom","width","DateRangePickerTo","onMonthChange","onCalendarPickDay","onCloseRequest","renderDay","dayProps","opened","hasShadow","priority","priorities","PopupMenu","positions","menuPos","menuAlign","anchorElement","margin","parseInt","datePickerMenuOffsetY","calendarWrapper","onMouseDown","e","preventDefault","style","optional","onClick","withoutFirstDate","withoutSecondDate","_extends","__KONTUR_REACT_UI__","displayName","From","To","Separator"],"sources":["DateRangePicker.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { css, cx } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { Calendar, CalendarDataTids, CalendarDay, CalendarDayProps } from '../Calendar';\nimport { Popup } from '../../internal/Popup';\nimport { DateInputProps } from '../DateInput';\nimport { isBetween, isGreater, isGreaterOrEqual, isLess, isLessOrEqual } from '../../lib/date/comparison';\nimport { DatePickerProps } from '../DatePicker';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { getRootNode } from '../../lib/rootNode';\nimport { getMenuPositions } from '../../lib/getMenuPositions';\nimport { Button } from '../Button';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\n\nimport { styles } from './DateRangePicker.styles';\nimport { DateRangePickerSeparator } from './DateRangePickerSeparator';\nimport { DateRangePickerContext, DateRangePickerContextProps } from './DateRangePickerContext';\nimport { DateRangePickerField } from './DateRangePickerField';\nimport { MobileDateRangePicker } from './MobileDateRangePicker';\nimport { getDateRangePickerTheme } from './DateRangePickerTheme';\nimport { DatePickerLocaleHelper } from './locale';\n\nexport const DateRangePickerDataTids = {\n  root: 'DateRangePicker__root',\n  from: 'DateRangePicker__from',\n  to: 'DateRangePicker__to',\n  popup: 'DateRangePicker__popup',\n  calendar: 'DateRangePicker__calendar',\n  optionalFromFieldButton: 'DateRangePicker__optionalFromFieldButton',\n  optionalToFieldButton: 'DateRangePicker__optionalToFieldButton',\n} as const;\n\nexport type CurrentFocusType = 'start' | 'end' | null;\n\nexport interface DateRangePickerProps\n  extends Pick<\n    DatePickerProps,\n    | 'value'\n    | 'minDate'\n    | 'maxDate'\n    | 'size'\n    | 'renderDay'\n    | 'menuPos'\n    | 'menuAlign'\n    | 'useMobileNativeDatePicker'\n    | 'autoFocus'\n    | 'disabled'\n    | 'error'\n    | 'warning'\n    | 'onBlur'\n    | 'onFocus'\n    | 'onKeyDown'\n    | 'onMouseEnter'\n    | 'onMouseLeave'\n    | 'onMouseOver'\n    | 'onMonthChange'\n  > {\n  from?: string;\n  to?: string;\n  onValueChange?: (from: string | null, to: string | null) => void;\n  enableTodayLink?: boolean;\n  children?: React.ReactNode;\n}\n\nexport const DateRangePicker: React.FC<DateRangePickerProps> & {\n  From: React.FC<DateInputProps>;\n  To: React.FC<DateInputProps>;\n  Separator: React.FC;\n} = (props) => {\n  const { isMobile } = useResponsiveLayout();\n  const locale = useLocaleForControl('DateRangePicker', DatePickerLocaleHelper);\n  const { minDate, maxDate } = props;\n  const [periodStart, setPeriodStart] = useState<string | undefined | null>(props.to);\n  const [periodEnd, setPeriodEnd] = useState<string | undefined | null>(props.from);\n  const [hoveredDay, setHoveredDay] = useState<string | null>(null);\n  const [showCalendar, setShowCalendar] = useState<boolean>(false);\n  const [currentFocus, setCurrentFocus] = useState<CurrentFocusType>(null);\n\n  const fromRef = useRef<any>(null);\n  const toRef = useRef<any>(null);\n  const calendarRef = useRef<any>(null);\n  const popupContainerRef = useRef(null);\n  const calendarContainerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    props.onValueChange?.(periodStart || '', periodEnd || '');\n  }, [periodStart, periodEnd]);\n\n  useEffect(() => {\n    switch (currentFocus) {\n      case 'start':\n        // fix DateInput flushSync warning in React 18\n        setTimeout(() => {\n          fromRef?.current?.focus();\n        });\n        return;\n\n      case 'end':\n        // fix DateInput flushSync warning in React 18\n        setTimeout(() => {\n          toRef?.current?.focus();\n        });\n        return;\n\n      case null:\n      default:\n        setShowCalendar?.(false);\n    }\n  }, [currentFocus]);\n\n  const close = () => {\n    setShowCalendar(false);\n    setCurrentFocus(null);\n    setHoveredDay(null);\n  };\n\n  const setOptionalValue = (type: CurrentFocusType) => {\n    if (type === 'start') {\n      setPeriodStart(null);\n      setCurrentFocus('end');\n    } else if (type === 'end') {\n      setPeriodEnd(null);\n      close();\n    }\n  };\n\n  const updatePeriod = (value: string) => {\n    if ((minDate && isLess(value, minDate)) || (maxDate && isGreater(value, maxDate))) {\n      return;\n    }\n\n    const handleInitialPeriod = (value: string) => {\n      if (currentFocus === 'start') {\n        setPeriodStart(value);\n        setCurrentFocus('end');\n      } else {\n        setPeriodEnd(value);\n        setCurrentFocus('start');\n      }\n    };\n\n    const handlePartialPeriod = (value: string) => {\n      if (currentFocus === 'start') {\n        if (periodStart) {\n          setPeriodStart(value);\n          setCurrentFocus('end');\n          return;\n        }\n\n        if (periodEnd && isGreater(value, periodEnd)) {\n          setPeriodStart(value);\n          setPeriodEnd(null);\n          setCurrentFocus('end');\n          return;\n        }\n\n        setPeriodStart(value);\n        close();\n      } else if (currentFocus === 'end') {\n        if (periodEnd) {\n          setPeriodEnd(value);\n          setCurrentFocus('start');\n          return;\n        }\n\n        if (periodStart && isLess(value, periodStart)) {\n          setPeriodStart(value);\n          setPeriodEnd(null);\n          setCurrentFocus('end');\n          return;\n        }\n\n        setPeriodEnd(value);\n        close();\n      }\n    };\n\n    const handleFullPeriod = (value: string) => {\n      if (currentFocus === 'start') {\n        if (periodEnd && isLessOrEqual(value, periodEnd)) {\n          setPeriodStart(value);\n          close();\n        } else {\n          setPeriodStart(value);\n          setPeriodEnd(null);\n          setCurrentFocus('end');\n        }\n      } else if (currentFocus === 'end') {\n        if (periodStart && isGreaterOrEqual(value, periodStart)) {\n          setPeriodEnd(value);\n          close();\n        } else {\n          setPeriodStart(value);\n          setPeriodEnd(null);\n          setCurrentFocus('end');\n        }\n      }\n    };\n\n    if (!periodStart && !periodEnd) {\n      handleInitialPeriod(value);\n    } else if ((periodStart && !periodEnd) || (!periodStart && periodEnd)) {\n      handlePartialPeriod(value);\n    } else {\n      handleFullPeriod(value);\n    }\n  };\n\n  const renderRange = (\n    props: CalendarDayProps,\n    t: Theme,\n    renderDayFn: ((props: CalendarDayProps) => React.ReactElement) | undefined,\n  ) => {\n    const day = props.date;\n\n    const isDayFirst = periodStart === day;\n    const isDayLast = periodEnd === day;\n    const isDayInPeriod = Boolean(periodStart && periodEnd && isBetween(day, periodStart, periodEnd));\n\n    const hasHoveredDay = hoveredDay !== null;\n    const isDayInHoveredPeriod =\n      hasHoveredDay &&\n      Boolean(\n        (currentFocus === 'start' && periodEnd && isBetween(day, hoveredDay, periodEnd)) ||\n          (currentFocus === 'end' && periodStart && isBetween(day, periodStart, hoveredDay)),\n      );\n\n    let hasLeftRoundings;\n    let hasRightRoundings;\n\n    if (hasHoveredDay) {\n      // TODO: check if periodStart / periodEnd not setted\n      const isDayBeforeFirstInPeriod = periodStart ? isLess(hoveredDay, periodStart) : periodEnd;\n      const isDayAfterLastInPeriod = periodEnd ? isGreater(hoveredDay, periodEnd) : periodStart;\n\n      if (isDayFirst && (isGreaterOrEqual(hoveredDay, periodStart) || currentFocus === 'end')) {\n        hasLeftRoundings = true;\n      }\n\n      if (isDayLast && (isLessOrEqual(hoveredDay, periodEnd) || currentFocus === 'start')) {\n        hasRightRoundings = true;\n      }\n\n      const isDayHovered = hoveredDay === day;\n      if (isDayHovered) {\n        if (isDayBeforeFirstInPeriod) {\n          hasLeftRoundings = true;\n        }\n\n        if (isDayAfterLastInPeriod) {\n          hasRightRoundings = true;\n        }\n      }\n    } else {\n      if (isDayFirst) {\n        hasLeftRoundings = true;\n      }\n\n      if (isDayLast) {\n        hasRightRoundings = true;\n      }\n    }\n\n    return (\n      <div\n        onMouseOver={() => setHoveredDay(day)}\n        onMouseOut={() => setHoveredDay(null)}\n        className={cx(\n          css`\n            width: 100%;\n            height: 100%;\n            background: ${isDayInPeriod && t.calendarRangeCellBg};\n            border-top-left-radius: ${hasLeftRoundings && t.calendarCellBorderRadius};\n            border-bottom-left-radius: ${hasLeftRoundings && t.calendarCellBorderRadius};\n            border-top-right-radius: ${hasRightRoundings && t.calendarCellBorderRadius};\n            border-bottom-right-radius: ${hasRightRoundings && t.calendarCellBorderRadius};\n          `,\n          (isDayFirst || isDayLast) &&\n            css`\n              position: relative;\n\n              [data-tid=${CalendarDataTids.dayCell}] {\n                color: ${t.calendarRangeCellEndColor};\n\n                @media (hover: hover) {\n                  &:hover {\n                    background: none;\n                  }\n                }\n              }\n\n              &:before {\n                content: '';\n                position: absolute;\n                top: 0;\n                left: 0;\n                width: 100%;\n                height: 100%;\n                background: ${t.calendarRangeCellEndBg};\n                border-radius: ${t.calendarCellBorderRadius};\n              }\n            `,\n          isDayInHoveredPeriod &&\n            css`\n              background: ${t.calendarRangeCellBg};\n            `,\n          isDayInPeriod &&\n            css`\n              @media (hover: hover) {\n                &:hover [data-tid=${CalendarDataTids.dayCell}] {\n                  background: ${t.calendarRangeCellHoverBg};\n                }\n              }\n            `,\n        )}\n      >\n        {renderDayFn ? renderDayFn(props) : <CalendarDay {...props} />}\n      </div>\n    );\n  };\n\n  const dateRangePickerContextProps: DateRangePickerContextProps = {\n    from: props.from,\n    to: props.to,\n    minDate: props.minDate,\n    maxDate: props.maxDate,\n    size: props.size,\n    onValueChange: props.onValueChange,\n\n    periodStart: periodStart || '',\n    periodEnd: periodEnd || '',\n    hoveredDay,\n    showCalendar,\n    currentFocus,\n\n    setPeriodStart,\n    setPeriodEnd,\n    setHoveredDay,\n    setShowCalendar,\n    setCurrentFocus,\n\n    isMobile,\n\n    fromRef,\n    toRef,\n    calendarRef,\n  };\n\n  const getSize = (t: Theme) => {\n    switch (props.size) {\n      case 'large':\n        return t.fontSizeLarge;\n      case 'medium':\n        return t.fontSizeMedium;\n      case 'small':\n      default:\n        return t.fontSizeSmall;\n    }\n  };\n\n  return (\n    <CommonWrapper {...props}>\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <ThemeContext.Provider value={getDateRangePickerTheme(theme)}>\n              <CommonWrapper {...props}>\n                <div className={styles.root()} data-tid={DateRangePickerDataTids.root} ref={popupContainerRef}>\n                  <DateRangePickerContext.Provider value={dateRangePickerContextProps}>\n                    <div\n                      className={cx(\n                        styles.inputWrapper(),\n                        styles.inputWrapperWidth(theme),\n                        css`\n                          font-size: ${getSize(theme)};\n                        `,\n                      )}\n                    >\n                      {props.children ? (\n                        props.children\n                      ) : (\n                        <>\n                          <DateRangePickerFrom width=\"auto\" />\n                          <DateRangePickerSeparator />\n                          <DateRangePickerTo width=\"auto\" />\n                        </>\n                      )}\n                    </div>\n\n                    {showCalendar && (\n                      <>\n                        {isMobile ? (\n                          <>\n                            <MobileDateRangePicker\n                              // enableTodayLink={props.enableTodayLink}\n                              onMonthChange={props.onMonthChange}\n                              minDate={minDate}\n                              maxDate={maxDate}\n                              onCalendarPickDay={updatePeriod}\n                              onCloseRequest={close}\n                              renderDay={(dayProps) => renderRange(dayProps, theme, props.renderDay)}\n                              data-tid={DateRangePickerDataTids.calendar}\n                            />\n                          </>\n                        ) : (\n                          <>\n                            <div data-tid={DateRangePickerDataTids.popup} />\n                            <Popup\n                              opened\n                              hasShadow\n                              priority={ZIndex.priorities.PopupMenu}\n                              positions={getMenuPositions(props.menuPos, props.menuAlign)}\n                              data-tid={DateRangePickerDataTids.root}\n                              anchorElement={getRootNode(popupContainerRef.current)}\n                              margin={parseInt(theme.datePickerMenuOffsetY)}\n                            >\n                              <div\n                                className={styles.calendarWrapper(theme)}\n                                onMouseDown={(e) => e.preventDefault()}\n                                ref={calendarContainerRef}\n                              >\n                                <Calendar\n                                  value={null}\n                                  minDate={minDate}\n                                  maxDate={maxDate}\n                                  renderDay={(dayProps) => renderRange(dayProps, theme, props.renderDay)}\n                                  onValueChange={updatePeriod}\n                                  ref={calendarRef}\n                                  data-tid={DateRangePickerDataTids.calendar}\n                                />\n                                <div style={{ margin: 8 }}>\n                                  {currentFocus === 'start' && fromRef.current.props.optional && (\n                                    <Button\n                                      width=\"100%\"\n                                      data-tid={DateRangePickerDataTids.optionalFromFieldButton}\n                                      onClick={() => setOptionalValue('start')}\n                                    >\n                                      {locale.withoutFirstDate}\n                                    </Button>\n                                  )}\n                                  {currentFocus === 'end' && toRef.current.props.optional && (\n                                    <Button\n                                      width=\"100%\"\n                                      data-tid={DateRangePickerDataTids.optionalToFieldButton}\n                                      onClick={() => setOptionalValue('end')}\n                                    >\n                                      {locale.withoutSecondDate}\n                                    </Button>\n                                  )}\n                                </div>\n                              </div>\n                            </Popup>\n                          </>\n                        )}\n                      </>\n                    )}\n                  </DateRangePickerContext.Provider>\n                </div>\n              </CommonWrapper>\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    </CommonWrapper>\n  );\n};\n\nexport const DateRangePickerFrom = (props: DateInputProps) => <DateRangePickerField {...props} type=\"start\" />;\n\nexport const DateRangePickerTo = (props: DateInputProps) => <DateRangePickerField {...props} type=\"end\" />;\n\nDateRangePicker.__KONTUR_REACT_UI__ = 'DateRangePicker';\nDateRangePicker.displayName = 'DateRangePicker';\n\nDateRangePicker.From = DateRangePickerFrom;\nDateRangePicker.To = DateRangePickerTo;\nDateRangePicker.Separator = DateRangePickerSeparator;\n"],"mappings":"sPAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;;AAE1D,SAASC,mBAAmB,QAAQ,sCAAsC;AAC1E,SAASC,GAAG,EAAEC,EAAE,QAAQ,2BAA2B;;AAEnD,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,QAAQ,EAAEC,gBAAgB,EAAEC,WAAW,QAA0B,aAAa;AACvF,SAASC,KAAK,QAAQ,sBAAsB;;AAE5C,SAASC,SAAS,EAAEC,SAAS,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,aAAa,QAAQ,2BAA2B;;AAEzG,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,WAAW,QAAQ,oBAAoB;AAChD,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,mBAAmB,QAAQ,qBAAqB;;AAEzD,SAASC,MAAM,QAAQ,0BAA0B;AACjD,SAASC,wBAAwB,QAAQ,4BAA4B;AACrE,SAASC,sBAAsB,QAAqC,0BAA0B;AAC9F,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,uBAAuB,QAAQ,wBAAwB;AAChE,SAASC,sBAAsB,QAAQ,UAAU;;AAEjD,OAAO,IAAMC,uBAAuB,GAAG;EACrCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,uBAAuB;EAC7BC,EAAE,EAAE,qBAAqB;EACzBC,KAAK,EAAE,wBAAwB;EAC/BC,QAAQ,EAAE,2BAA2B;EACrCC,uBAAuB,EAAE,0CAA0C;EACnEC,qBAAqB,EAAE;AACzB,CAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCV,OAAO,IAAMC,eAIZ;;;;AAAG,SAJSA,eAIZA,CAAIC,KAAK,EAAK;EACb,IAAAC,oBAAA,GAAqBlB,mBAAmB,CAAC,CAAC,CAAlCmB,QAAQ,GAAAD,oBAAA,CAARC,QAAQ;EAChB,IAAMC,MAAM,GAAGtC,mBAAmB,CAAC,iBAAiB,EAAEyB,sBAAsB,CAAC;EAC7E,IAAQc,OAAO,GAAcJ,KAAK,CAA1BI,OAAO,CAAEC,OAAO,GAAKL,KAAK,CAAjBK,OAAO;EACxB,IAAAC,SAAA,GAAsC1C,QAAQ,CAA4BoC,KAAK,CAACN,EAAE,CAAC,CAA5Ea,WAAW,GAAAD,SAAA,IAAEE,cAAc,GAAAF,SAAA;EAClC,IAAAG,UAAA,GAAkC7C,QAAQ,CAA4BoC,KAAK,CAACP,IAAI,CAAC,CAA1EiB,SAAS,GAAAD,UAAA,IAAEE,YAAY,GAAAF,UAAA;EAC9B,IAAAG,UAAA,GAAoChD,QAAQ,CAAgB,IAAI,CAAC,CAA1DiD,UAAU,GAAAD,UAAA,IAAEE,aAAa,GAAAF,UAAA;EAChC,IAAAG,UAAA,GAAwCnD,QAAQ,CAAU,KAAK,CAAC,CAAzDoD,YAAY,GAAAD,UAAA,IAAEE,eAAe,GAAAF,UAAA;EACpC,IAAAG,UAAA,GAAwCtD,QAAQ,CAAmB,IAAI,CAAC,CAAjEuD,YAAY,GAAAD,UAAA,IAAEE,eAAe,GAAAF,UAAA;;EAEpC,IAAMG,OAAO,GAAG1D,MAAM,CAAM,IAAI,CAAC;EACjC,IAAM2D,KAAK,GAAG3D,MAAM,CAAM,IAAI,CAAC;EAC/B,IAAM4D,WAAW,GAAG5D,MAAM,CAAM,IAAI,CAAC;EACrC,IAAM6D,iBAAiB,GAAG7D,MAAM,CAAC,IAAI,CAAC;EACtC,IAAM8D,oBAAoB,GAAG9D,MAAM,CAAiB,IAAI,CAAC;;EAEzDD,SAAS,CAAC,YAAM;IACdsC,KAAK,CAAC0B,aAAa,YAAnB1B,KAAK,CAAC0B,aAAa,CAAGnB,WAAW,IAAI,EAAE,EAAEG,SAAS,IAAI,EAAE,CAAC;EAC3D,CAAC,EAAE,CAACH,WAAW,EAAEG,SAAS,CAAC,CAAC;;EAE5BhD,SAAS,CAAC,YAAM;IACd,QAAQyD,YAAY;MAClB,KAAK,OAAO;QACV;QACAQ,UAAU,CAAC,YAAM,KAAAC,gBAAA;UACfP,OAAO,aAAAO,gBAAA,GAAPP,OAAO,CAAEQ,OAAO,aAAhBD,gBAAA,CAAkBE,KAAK,CAAC,CAAC;QAC3B,CAAC,CAAC;QACF;;MAEF,KAAK,KAAK;QACR;QACAH,UAAU,CAAC,YAAM,KAAAI,cAAA;UACfT,KAAK,aAAAS,cAAA,GAALT,KAAK,CAAEO,OAAO,aAAdE,cAAA,CAAgBD,KAAK,CAAC,CAAC;QACzB,CAAC,CAAC;QACF;;MAEF,KAAK,IAAI;MACT;QACEb,eAAe,YAAfA,eAAe,CAAG,KAAK,CAAC;IAC5B;EACF,CAAC,EAAE,CAACE,YAAY,CAAC,CAAC;;EAElB,IAAMa,KAAK,GAAG,SAARA,KAAKA,CAAA,EAAS;IAClBf,eAAe,CAAC,KAAK,CAAC;IACtBG,eAAe,CAAC,IAAI,CAAC;IACrBN,aAAa,CAAC,IAAI,CAAC;EACrB,CAAC;;EAED,IAAMmB,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,IAAsB,EAAK;IACnD,IAAIA,IAAI,KAAK,OAAO,EAAE;MACpB1B,cAAc,CAAC,IAAI,CAAC;MACpBY,eAAe,CAAC,KAAK,CAAC;IACxB,CAAC,MAAM,IAAIc,IAAI,KAAK,KAAK,EAAE;MACzBvB,YAAY,CAAC,IAAI,CAAC;MAClBqB,KAAK,CAAC,CAAC;IACT;EACF,CAAC;;EAED,IAAMG,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAa,EAAK;IACtC,IAAKhC,OAAO,IAAI3B,MAAM,CAAC2D,KAAK,EAAEhC,OAAO,CAAC,IAAMC,OAAO,IAAI9B,SAAS,CAAC6D,KAAK,EAAE/B,OAAO,CAAE,EAAE;MACjF;IACF;;IAEA,IAAMgC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAID,KAAa,EAAK;MAC7C,IAAIjB,YAAY,KAAK,OAAO,EAAE;QAC5BX,cAAc,CAAC4B,KAAK,CAAC;QACrBhB,eAAe,CAAC,KAAK,CAAC;MACxB,CAAC,MAAM;QACLT,YAAY,CAACyB,KAAK,CAAC;QACnBhB,eAAe,CAAC,OAAO,CAAC;MAC1B;IACF,CAAC;;IAED,IAAMkB,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIF,KAAa,EAAK;MAC7C,IAAIjB,YAAY,KAAK,OAAO,EAAE;QAC5B,IAAIZ,WAAW,EAAE;UACfC,cAAc,CAAC4B,KAAK,CAAC;UACrBhB,eAAe,CAAC,KAAK,CAAC;UACtB;QACF;;QAEA,IAAIV,SAAS,IAAInC,SAAS,CAAC6D,KAAK,EAAE1B,SAAS,CAAC,EAAE;UAC5CF,cAAc,CAAC4B,KAAK,CAAC;UACrBzB,YAAY,CAAC,IAAI,CAAC;UAClBS,eAAe,CAAC,KAAK,CAAC;UACtB;QACF;;QAEAZ,cAAc,CAAC4B,KAAK,CAAC;QACrBJ,KAAK,CAAC,CAAC;MACT,CAAC,MAAM,IAAIb,YAAY,KAAK,KAAK,EAAE;QACjC,IAAIT,SAAS,EAAE;UACbC,YAAY,CAACyB,KAAK,CAAC;UACnBhB,eAAe,CAAC,OAAO,CAAC;UACxB;QACF;;QAEA,IAAIb,WAAW,IAAI9B,MAAM,CAAC2D,KAAK,EAAE7B,WAAW,CAAC,EAAE;UAC7CC,cAAc,CAAC4B,KAAK,CAAC;UACrBzB,YAAY,CAAC,IAAI,CAAC;UAClBS,eAAe,CAAC,KAAK,CAAC;UACtB;QACF;;QAEAT,YAAY,CAACyB,KAAK,CAAC;QACnBJ,KAAK,CAAC,CAAC;MACT;IACF,CAAC;;IAED,IAAMO,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIH,KAAa,EAAK;MAC1C,IAAIjB,YAAY,KAAK,OAAO,EAAE;QAC5B,IAAIT,SAAS,IAAIhC,aAAa,CAAC0D,KAAK,EAAE1B,SAAS,CAAC,EAAE;UAChDF,cAAc,CAAC4B,KAAK,CAAC;UACrBJ,KAAK,CAAC,CAAC;QACT,CAAC,MAAM;UACLxB,cAAc,CAAC4B,KAAK,CAAC;UACrBzB,YAAY,CAAC,IAAI,CAAC;UAClBS,eAAe,CAAC,KAAK,CAAC;QACxB;MACF,CAAC,MAAM,IAAID,YAAY,KAAK,KAAK,EAAE;QACjC,IAAIZ,WAAW,IAAI/B,gBAAgB,CAAC4D,KAAK,EAAE7B,WAAW,CAAC,EAAE;UACvDI,YAAY,CAACyB,KAAK,CAAC;UACnBJ,KAAK,CAAC,CAAC;QACT,CAAC,MAAM;UACLxB,cAAc,CAAC4B,KAAK,CAAC;UACrBzB,YAAY,CAAC,IAAI,CAAC;UAClBS,eAAe,CAAC,KAAK,CAAC;QACxB;MACF;IACF,CAAC;;IAED,IAAI,CAACb,WAAW,IAAI,CAACG,SAAS,EAAE;MAC9B2B,mBAAmB,CAACD,KAAK,CAAC;IAC5B,CAAC,MAAM,IAAK7B,WAAW,IAAI,CAACG,SAAS,IAAM,CAACH,WAAW,IAAIG,SAAU,EAAE;MACrE4B,mBAAmB,CAACF,KAAK,CAAC;IAC5B,CAAC,MAAM;MACLG,gBAAgB,CAACH,KAAK,CAAC;IACzB;EACF,CAAC;;EAED,IAAMI,WAAW,GAAG,SAAdA,WAAWA;EACfxC,KAAuB;EACvByC,CAAQ;EACRC,WAA0E;EACvE;IACH,IAAMC,GAAG,GAAG3C,KAAK,CAAC4C,IAAI;;IAEtB,IAAMC,UAAU,GAAGtC,WAAW,KAAKoC,GAAG;IACtC,IAAMG,SAAS,GAAGpC,SAAS,KAAKiC,GAAG;IACnC,IAAMI,aAAa,GAAGC,OAAO,CAACzC,WAAW,IAAIG,SAAS,IAAIpC,SAAS,CAACqE,GAAG,EAAEpC,WAAW,EAAEG,SAAS,CAAC,CAAC;;IAEjG,IAAMuC,aAAa,GAAGpC,UAAU,KAAK,IAAI;IACzC,IAAMqC,oBAAoB;IACxBD,aAAa;IACbD,OAAO;MACJ7B,YAAY,KAAK,OAAO,IAAIT,SAAS,IAAIpC,SAAS,CAACqE,GAAG,EAAE9B,UAAU,EAAEH,SAAS,CAAC;MAC5ES,YAAY,KAAK,KAAK,IAAIZ,WAAW,IAAIjC,SAAS,CAACqE,GAAG,EAAEpC,WAAW,EAAEM,UAAU;IACpF,CAAC;;IAEH,IAAIsC,gBAAgB;IACpB,IAAIC,iBAAiB;;IAErB,IAAIH,aAAa,EAAE;MACjB;MACA,IAAMI,wBAAwB,GAAG9C,WAAW,GAAG9B,MAAM,CAACoC,UAAU,EAAEN,WAAW,CAAC,GAAGG,SAAS;MAC1F,IAAM4C,sBAAsB,GAAG5C,SAAS,GAAGnC,SAAS,CAACsC,UAAU,EAAEH,SAAS,CAAC,GAAGH,WAAW;;MAEzF,IAAIsC,UAAU,KAAKrE,gBAAgB,CAACqC,UAAU,EAAEN,WAAW,CAAC,IAAIY,YAAY,KAAK,KAAK,CAAC,EAAE;QACvFgC,gBAAgB,GAAG,IAAI;MACzB;;MAEA,IAAIL,SAAS,KAAKpE,aAAa,CAACmC,UAAU,EAAEH,SAAS,CAAC,IAAIS,YAAY,KAAK,OAAO,CAAC,EAAE;QACnFiC,iBAAiB,GAAG,IAAI;MAC1B;;MAEA,IAAMG,YAAY,GAAG1C,UAAU,KAAK8B,GAAG;MACvC,IAAIY,YAAY,EAAE;QAChB,IAAIF,wBAAwB,EAAE;UAC5BF,gBAAgB,GAAG,IAAI;QACzB;;QAEA,IAAIG,sBAAsB,EAAE;UAC1BF,iBAAiB,GAAG,IAAI;QAC1B;MACF;IACF,CAAC,MAAM;MACL,IAAIP,UAAU,EAAE;QACdM,gBAAgB,GAAG,IAAI;MACzB;;MAEA,IAAIL,SAAS,EAAE;QACbM,iBAAiB,GAAG,IAAI;MAC1B;IACF;;IAEA;MACE3F,KAAA,CAAA+F,aAAA;QACEC,WAAW,EAAE,SAAAA,YAAA,UAAM3C,aAAa,CAAC6B,GAAG,CAAC,EAAC;QACtCe,UAAU,EAAE,SAAAA,WAAA,UAAM5C,aAAa,CAAC,IAAI,CAAC,EAAC;QACtC6C,SAAS,EAAE5F,EAAE;QACXD,GAAG,CAAA8F,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;QAGad,aAAa,IAAIN,CAAC,CAACqB,mBAAmB;QAC1BX,gBAAgB,IAAIV,CAAC,CAACsB,wBAAwB;QAC3CZ,gBAAgB,IAAIV,CAAC,CAACsB,wBAAwB;QAChDX,iBAAiB,IAAIX,CAAC,CAACsB,wBAAwB;QAC5CX,iBAAiB,IAAIX,CAAC,CAACsB,wBAAwB;;QAE/E,CAAClB,UAAU,IAAIC,SAAS;QACtBhF,GAAG,CAAAkG,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;;;QAGW1F,gBAAgB,CAAC8F,OAAO;QACzBxB,CAAC,CAACyB,yBAAyB;;;;;;;;;;;;;;;;QAgBtBzB,CAAC,CAAC0B,sBAAsB;QACrB1B,CAAC,CAACsB,wBAAwB,CAE9C;;;QACHb,oBAAoB;QAClBpF,GAAG,CAAAsG,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;QACapB,CAAC,CAACqB,mBAAmB,CACpC;;QACHf,aAAa;QACXjF,GAAG,CAAAuG,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;QAEqB1F,gBAAgB,CAAC8F,OAAO;QAC5BxB,CAAC,CAAC6B,wBAAwB;;;;QAIlD,CAAE;;MAED5B,WAAW,GAAGA,WAAW,CAAC1C,KAAK,CAAC,gBAAGvC,KAAA,CAAA+F,aAAA,CAACpF,WAAW,EAAK4B,KAAQ;MAC1D,CAAC;;EAEV,CAAC;;EAED,IAAMuE,2BAAwD,GAAG;IAC/D9E,IAAI,EAAEO,KAAK,CAACP,IAAI;IAChBC,EAAE,EAAEM,KAAK,CAACN,EAAE;IACZU,OAAO,EAAEJ,KAAK,CAACI,OAAO;IACtBC,OAAO,EAAEL,KAAK,CAACK,OAAO;IACtBmE,IAAI,EAAExE,KAAK,CAACwE,IAAI;IAChB9C,aAAa,EAAE1B,KAAK,CAAC0B,aAAa;;IAElCnB,WAAW,EAAEA,WAAW,IAAI,EAAE;IAC9BG,SAAS,EAAEA,SAAS,IAAI,EAAE;IAC1BG,UAAU,EAAVA,UAAU;IACVG,YAAY,EAAZA,YAAY;IACZG,YAAY,EAAZA,YAAY;;IAEZX,cAAc,EAAdA,cAAc;IACdG,YAAY,EAAZA,YAAY;IACZG,aAAa,EAAbA,aAAa;IACbG,eAAe,EAAfA,eAAe;IACfG,eAAe,EAAfA,eAAe;;IAEflB,QAAQ,EAARA,QAAQ;;IAERmB,OAAO,EAAPA,OAAO;IACPC,KAAK,EAALA,KAAK;IACLC,WAAW,EAAXA;EACF,CAAC;;EAED,IAAMkD,OAAO,GAAG,SAAVA,OAAOA,CAAIhC,CAAQ,EAAK;IAC5B,QAAQzC,KAAK,CAACwE,IAAI;MAChB,KAAK,OAAO;QACV,OAAO/B,CAAC,CAACiC,aAAa;MACxB,KAAK,QAAQ;QACX,OAAOjC,CAAC,CAACkC,cAAc;MACzB,KAAK,OAAO;MACZ;QACE,OAAOlC,CAAC,CAACmC,aAAa;IAC1B;EACF,CAAC;;EAED;IACEnH,KAAA,CAAA+F,aAAA,CAACvF,aAAa,EAAK+B,KAAK;IACtBvC,KAAA,CAAA+F,aAAA,CAACxF,YAAY,CAAC6G,QAAQ;IACnB,UAACC,KAAK,EAAK;MACV;QACErH,KAAA,CAAA+F,aAAA,CAACxF,YAAY,CAAC+G,QAAQ,IAAC3C,KAAK,EAAE/C,uBAAuB,CAACyF,KAAK,CAAE;QAC3DrH,KAAA,CAAA+F,aAAA,CAACvF,aAAa,EAAK+B,KAAK;QACtBvC,KAAA,CAAA+F,aAAA,UAAKG,SAAS,EAAE3E,MAAM,CAACQ,IAAI,CAAC,CAAE,EAAC,YAAUD,uBAAuB,CAACC,IAAK,EAACwF,GAAG,EAAExD,iBAAkB;QAC5F/D,KAAA,CAAA+F,aAAA,CAACtE,sBAAsB,CAAC6F,QAAQ,IAAC3C,KAAK,EAAEmC,2BAA4B;QAClE9G,KAAA,CAAA+F,aAAA;UACEG,SAAS,EAAE5F,EAAE;YACXiB,MAAM,CAACiG,YAAY,CAAC,CAAC;YACrBjG,MAAM,CAACkG,iBAAiB,CAACJ,KAAK,CAAC;YAC/BhH,GAAG,CAAAqH,gBAAA,KAAAA,gBAAA,GAAAtB,2BAAA;YACYY,OAAO,CAACK,KAAK,CAAC;;UAE/B,CAAE;;QAED9E,KAAK,CAACoF,QAAQ;QACbpF,KAAK,CAACoF,QAAQ;;QAEd3H,KAAA,CAAA+F,aAAA,CAAA/F,KAAA,CAAA4H,QAAA;QACE5H,KAAA,CAAA+F,aAAA,CAAC8B,mBAAmB,IAACC,KAAK,EAAC,MAAM,EAAE,CAAC;QACpC9H,KAAA,CAAA+F,aAAA,CAACvE,wBAAwB,MAAE,CAAC;QAC5BxB,KAAA,CAAA+F,aAAA,CAACgC,iBAAiB,IAACD,KAAK,EAAC,MAAM,EAAE;QACjC;;QAED,CAAC;;QAELvE,YAAY;QACXvD,KAAA,CAAA+F,aAAA,CAAA/F,KAAA,CAAA4H,QAAA;QACGnF,QAAQ;QACPzC,KAAA,CAAA+F,aAAA,CAAA/F,KAAA,CAAA4H,QAAA;QACE5H,KAAA,CAAA+F,aAAA,CAACpE;QACC;QAAA,IACAqG,aAAa,EAAEzF,KAAK,CAACyF,aAAc;UACnCrF,OAAO,EAAEA,OAAQ;UACjBC,OAAO,EAAEA,OAAQ;UACjBqF,iBAAiB,EAAEvD,YAAa;UAChCwD,cAAc,EAAE3D,KAAM;UACtB4D,SAAS,EAAE,SAAAA,UAACC,QAAQ,UAAKrD,WAAW,CAACqD,QAAQ,EAAEf,KAAK,EAAE9E,KAAK,CAAC4F,SAAS,CAAC,EAAC;UACvE,YAAUrG,uBAAuB,CAACK,QAAS;QAC5C;QACD,CAAC;;QAEHnC,KAAA,CAAA+F,aAAA,CAAA/F,KAAA,CAAA4H,QAAA;QACE5H,KAAA,CAAA+F,aAAA,UAAK,YAAUjE,uBAAuB,CAACI,KAAM,EAAE,CAAC;QAChDlC,KAAA,CAAA+F,aAAA,CAACnF,KAAK;UACJyH,MAAM;UACNC,SAAS;UACTC,QAAQ,EAAErH,MAAM,CAACsH,UAAU,CAACC,SAAU;UACtCC,SAAS,EAAEtH,gBAAgB,CAACmB,KAAK,CAACoG,OAAO,EAAEpG,KAAK,CAACqG,SAAS,CAAE;UAC5D,YAAU9G,uBAAuB,CAACC,IAAK;UACvC8G,aAAa,EAAE1H,WAAW,CAAC4C,iBAAiB,CAACK,OAAO,CAAE;UACtD0E,MAAM,EAAEC,QAAQ,CAAC1B,KAAK,CAAC2B,qBAAqB,CAAE;;QAE9ChJ,KAAA,CAAA+F,aAAA;UACEG,SAAS,EAAE3E,MAAM,CAAC0H,eAAe,CAAC5B,KAAK,CAAE;UACzC6B,WAAW,EAAE,SAAAA,YAACC,CAAC,UAAKA,CAAC,CAACC,cAAc,CAAC,CAAC,EAAC;UACvC7B,GAAG,EAAEvD,oBAAqB;;QAE1BhE,KAAA,CAAA+F,aAAA,CAACtF,QAAQ;UACPkE,KAAK,EAAE,IAAK;UACZhC,OAAO,EAAEA,OAAQ;UACjBC,OAAO,EAAEA,OAAQ;UACjBuF,SAAS,EAAE,SAAAA,UAACC,QAAQ,UAAKrD,WAAW,CAACqD,QAAQ,EAAEf,KAAK,EAAE9E,KAAK,CAAC4F,SAAS,CAAC,EAAC;UACvElE,aAAa,EAAES,YAAa;UAC5B6C,GAAG,EAAEzD,WAAY;UACjB,YAAUhC,uBAAuB,CAACK,QAAS;QAC5C,CAAC;QACFnC,KAAA,CAAA+F,aAAA,UAAKsD,KAAK,EAAE,EAAEP,MAAM,EAAE,CAAC,CAAC,CAAE;QACvBpF,YAAY,KAAK,OAAO,IAAIE,OAAO,CAACQ,OAAO,CAAC7B,KAAK,CAAC+G,QAAQ;QACzDtJ,KAAA,CAAA+F,aAAA,CAAC1E,MAAM;UACLyG,KAAK,EAAC,MAAM;UACZ,YAAUhG,uBAAuB,CAACM,uBAAwB;UAC1DmH,OAAO,EAAE,SAAAA,QAAA,UAAM/E,gBAAgB,CAAC,OAAO,CAAC,EAAC;;QAExC9B,MAAM,CAAC8G;QACF,CACT;;QACA9F,YAAY,KAAK,KAAK,IAAIG,KAAK,CAACO,OAAO,CAAC7B,KAAK,CAAC+G,QAAQ;QACrDtJ,KAAA,CAAA+F,aAAA,CAAC1E,MAAM;UACLyG,KAAK,EAAC,MAAM;UACZ,YAAUhG,uBAAuB,CAACO,qBAAsB;UACxDkH,OAAO,EAAE,SAAAA,QAAA,UAAM/E,gBAAgB,CAAC,KAAK,CAAC,EAAC;;QAEtC9B,MAAM,CAAC+G;QACF;;QAEP;QACF;QACA;QACP;;QAEJ;;QAE2B;QAC9B;QACQ;QACM,CAAC;;IAE5B;IACqB;IACV,CAAC;;AAEpB,CAAC;;AAED,OAAO,IAAM5B,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAItF,KAAqB,uBAAKvC,KAAA,CAAA+F,aAAA,CAACrE,oBAAoB,EAAAgI,QAAA,KAAKnH,KAAK,IAAEkC,IAAI,EAAC,OAAO,GAAE,CAAC;;AAE9G,OAAO,IAAMsD,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIxF,KAAqB,uBAAKvC,KAAA,CAAA+F,aAAA,CAACrE,oBAAoB,EAAAgI,QAAA,KAAKnH,KAAK,IAAEkC,IAAI,EAAC,KAAK,GAAE,CAAC;;AAE1GnC,eAAe,CAACqH,mBAAmB,GAAG,iBAAiB;AACvDrH,eAAe,CAACsH,WAAW,GAAG,iBAAiB;;AAE/CtH,eAAe,CAACuH,IAAI,GAAGhC,mBAAmB;AAC1CvF,eAAe,CAACwH,EAAE,GAAG/B,iBAAiB;AACtCzF,eAAe,CAACyH,SAAS,GAAGvI,wBAAwB","ignoreList":[]}

package/components/DateRangePicker/DateRangePicker/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/DateRangePicker/DateRangePicker.js",
-  "module": "DateRangePicker",
-  "types": "../DateRangePicker.d.ts",
-  "sideEffects": false
-}

package/components/DateRangePicker/DateRangePicker.d.ts

@@ -1,27 +0,0 @@
-import React from 'react';
-import { DateInputProps } from '../DateInput';
-import { DatePickerProps } from '../DatePicker';
-export declare const DateRangePickerDataTids: {
-    readonly root: "DateRangePicker__root";
-    readonly from: "DateRangePicker__from";
-    readonly to: "DateRangePicker__to";
-    readonly popup: "DateRangePicker__popup";
-    readonly calendar: "DateRangePicker__calendar";
-    readonly optionalFromFieldButton: "DateRangePicker__optionalFromFieldButton";
-    readonly optionalToFieldButton: "DateRangePicker__optionalToFieldButton";
-};
-export type CurrentFocusType = 'start' | 'end' | null;
-export interface DateRangePickerProps extends Pick<DatePickerProps, 'value' | 'minDate' | 'maxDate' | 'size' | 'renderDay' | 'menuPos' | 'menuAlign' | 'useMobileNativeDatePicker' | 'autoFocus' | 'disabled' | 'error' | 'warning' | 'onBlur' | 'onFocus' | 'onKeyDown' | 'onMouseEnter' | 'onMouseLeave' | 'onMouseOver' | 'onMonthChange'> {
-    from?: string;
-    to?: string;
-    onValueChange?: (from: string | null, to: string | null) => void;
-    enableTodayLink?: boolean;
-    children?: React.ReactNode;
-}
-export declare const DateRangePicker: React.FC<DateRangePickerProps> & {
-    From: React.FC<DateInputProps>;
-    To: React.FC<DateInputProps>;
-    Separator: React.FC;
-};
-export declare const DateRangePickerFrom: (props: DateInputProps) => React.JSX.Element;
-export declare const DateRangePickerTo: (props: DateInputProps) => React.JSX.Element;