@alfalab/core-components 44.5.1 → 44.6.0

package/date-input/modern/Component.js

@@ -1,13 +1,13 @@
-import React, { forwardRef, useRef, useState, useCallback, useEffect } from 'react';
+import React, { forwardRef, useRef, useState, useEffect } from 'react';
 import mergeRefs from 'react-merge-refs';
 import { Input } from '../../input/modern';
-import { format, parseDateString, isCompleteDateInput, isValid, formatDate, NATIVE_DATE_FORMAT } from './utils/format.js';
+import { format, parseDateString, isCompleteDateInput, isValid, NATIVE_DATE_FORMAT, formatDate } from './utils/format.js';
 import { isInputDateSupported } from './utils/native-supports.js';
 import 'date-fns/format';
 import 'date-fns/isValid';
 import 'date-fns/parse';
 
-const styles = {"nativeInput":"date-input__nativeInput_19sa5"};
+const styles = {"nativeInput":"date-input__nativeInput_2k4is"};
 require('./index.css');
 
 /**
@@ -18,20 +18,40 @@ const DateInput = forwardRef(({ mobileMode = 'input', defaultValue = '', rightAd
     const inputRef = useRef(null);
     const [shouldRenderNative, setShouldRenderNative] = useState(false);
     const [value, setValue] = useState(propValue || defaultValue);
-    const handleChange = useCallback((event) => {
+    const moveCaretTo = (pos) => {
+        requestAnimationFrame(() => {
+            inputRef.current?.setSelectionRange(pos, pos);
+        });
+    };
+    const handleChange = (event) => {
         const { value: newValue } = event.target;
+        const caretPos = event.target.selectionStart || 0;
         // Позволяем вводить только цифры и точки
         if (/[^\d.]/.test(newValue)) {
+            moveCaretTo(caretPos - 1);
             return;
         }
-        const dots = newValue.match(/\./g);
         // Не даем вводить больше, чем 2 точки
-        if (dots && dots.length > 2) {
+        if (getDotsCount(newValue) > 2) {
+            moveCaretTo(caretPos - 1);
             return;
         }
         // Форматируем введенное значение (добавляем точки)
         const formattedValue = format(newValue);
         const date = parseDateString(formattedValue);
+        // Управляем кареткой, если она находится не в конце инпута
+        if (caretPos !== newValue.length) {
+            if (formattedValue === value) {
+                moveCaretTo(caretPos);
+            }
+            else if (newValue.length - formattedValue.length === 1) {
+                moveCaretTo(caretPos);
+            }
+            else if (formattedValue.length - newValue.length === 1 &&
+                getDotsCount(formattedValue) > getDotsCount(newValue)) {
+                moveCaretTo(caretPos);
+            }
+        }
         setValue(formattedValue);
         if (onChange)
             onChange(event, { date, value: formattedValue });
@@ -42,8 +62,8 @@ const DateInput = forwardRef(({ mobileMode = 'input', defaultValue = '', rightAd
             if (onComplete)
                 onComplete(event, { date, value: formattedValue });
         }
-    }, [onChange, onComplete]);
-    const handleNativeInputChange = useCallback((event) => {
+    };
+    const handleNativeInputChange = (event) => {
         const newDate = parseDateString(event.target.value, NATIVE_DATE_FORMAT);
         const newValue = event.target.value === '' ? '' : formatDate(newDate);
         setValue(newValue);
@@ -51,11 +71,11 @@ const DateInput = forwardRef(({ mobileMode = 'input', defaultValue = '', rightAd
             onComplete(event, { date: newDate, value: newValue });
         if (onChange)
             onChange(event, { date: newDate, value: newValue });
-    }, [onComplete, onChange]);
-    const handleBlur = useCallback((event) => {
+    };
+    const handleBlur = (event) => {
         if (onBlur)
             onBlur(event);
-    }, [onBlur]);
+    };
     useEffect(() => {
         if (mobileMode === 'native' && isInputDateSupported()) {
             setShouldRenderNative(true);
@@ -71,5 +91,8 @@ const DateInput = forwardRef(({ mobileMode = 'input', defaultValue = '', rightAd
             rightAddons,
             shouldRenderNative && (React.createElement("input", { type: 'date', ref: ref, defaultValue: defaultValue, onChange: handleNativeInputChange, className: styles.nativeInput }))) }));
 });
+function getDotsCount(value) {
+    return (value.match(/\./g) || []).length;
+}
 
 export { DateInput };

package/date-input/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: yfuwl */
+/* hash: 1hmiy */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -14,7 +14,7 @@
 } :root {
 } :root {
 } :root {
-} .date-input__nativeInput_19sa5 {
+} .date-input__nativeInput_2k4is {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -23,8 +23,8 @@
     height: 100%;
     appearance: none;
     z-index: 1
-} .date-input__nativeInput_19sa5::-webkit-calendar-picker-indicator {
+} .date-input__nativeInput_2k4is::-webkit-calendar-picker-indicator {
         display: none;
-    } .date-input__nativeInput_19sa5::-webkit-inner-spin-button {
+    } .date-input__nativeInput_2k4is::-webkit-inner-spin-button {
         display: none;
     }

package/date-input/utils/index.js

@@ -2,9 +2,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var utils_format = require('./format.js');
 var utils_nativeSupports = require('./native-supports.js');
-require('date-fns/format');
-require('date-fns/isValid');
-require('date-fns/parse');
 
 
 

package/date-range-input/Component.responsive.js

@@ -5,21 +5,6 @@ var React = require('react');
 var hooks = require('@alfalab/hooks');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
-require('../calendar/desktop');
-require('../input/desktop');
-require('./components/date-range-input/Component.js');
-require('react-merge-refs');
-require('classnames');
-require('date-fns/isValid');
-require('date-fns/startOfMonth');
-require('../calendar/shared');
-require('../icon-button');
-require('../popover');
-require('@alfalab/icons-glyph/CalendarMIcon');
-require('./utils/format.js');
-require('date-fns/parse');
-require('../calendar/mobile');
-require('../input/mobile');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/date-range-input/components/date-range-input/Component.js

@@ -12,7 +12,6 @@ var coreComponentsPopover = require('../../../popover');
 var hooks = require('@alfalab/hooks');
 var CalendarMIcon = require('@alfalab/icons-glyph/CalendarMIcon');
 var utils_format = require('../../utils/format.js');
-require('date-fns/parse');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -22,7 +21,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var dateFnsIsValid__default = /*#__PURE__*/_interopDefaultCompat(dateFnsIsValid);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 
-var styles = {"component":"date-range-input__component_1pzha","calendarContainer":"date-range-input__calendarContainer_1pzha","calendarResponsive":"date-range-input__calendarResponsive_1pzha","block":"date-range-input__block_1pzha","calendarIcon":"date-range-input__calendarIcon_1pzha"};
+var styles = {"component":"date-range-input__component_1adkl","calendarContainer":"date-range-input__calendarContainer_1adkl","calendarResponsive":"date-range-input__calendarResponsive_1adkl","block":"date-range-input__block_1adkl","calendarIcon":"date-range-input__calendarIcon_1adkl"};
 require('./index.css');
 
 var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {

package/date-range-input/components/date-range-input/index.css

@@ -1,4 +1,4 @@
-/* hash: 1dt01 */
+/* hash: 4a0a1 */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-300: #e7e8eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -41,24 +41,24 @@
     /* marker */
 } :root {
     --calendar-popover-border-radius: var(--border-radius-m);
-} .date-range-input__component_1pzha {
+} .date-range-input__component_1adkl {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-range-input__calendarContainer_1pzha {
+} .date-range-input__calendarContainer_1adkl {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-neutral-300)
-} @media (max-width: 374px) { .date-range-input__calendarContainer_1pzha {
+} @media (max-width: 374px) { .date-range-input__calendarContainer_1adkl {
         width: 100%;
         min-width: 288px
 }
-    } .date-range-input__calendarResponsive_1pzha {
+    } .date-range-input__calendarResponsive_1adkl {
     width: var(--calendar-width);
-} .date-range-input__block_1pzha {
+} .date-range-input__block_1adkl {
     width: 100%;
-} .date-range-input__calendarIcon_1pzha {
+} .date-range-input__calendarIcon_1adkl {
     margin-right: var(--gap-s-neg);
     height: 100%;
 }

package/date-range-input/components/date-range-input/index.js

@@ -1,19 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_dateRangeInput_Component = require('./Component.js');
-require('tslib');
-require('react');
-require('react-merge-refs');
-require('classnames');
-require('date-fns/isValid');
-require('date-fns/startOfMonth');
-require('../../../calendar/shared');
-require('../../../icon-button');
-require('../../../popover');
-require('@alfalab/hooks');
-require('@alfalab/icons-glyph/CalendarMIcon');
-require('../../utils/format.js');
-require('date-fns/parse');
 
 
 

package/date-range-input/cssm/Component.responsive.js

@@ -5,22 +5,6 @@ var React = require('react');
 var hooks = require('@alfalab/hooks');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
-require('../../calendar/cssm/desktop');
-require('../../input/cssm/desktop');
-require('./components/date-range-input/Component.js');
-require('react-merge-refs');
-require('classnames');
-require('date-fns/isValid');
-require('date-fns/startOfMonth');
-require('../../calendar/cssm/shared');
-require('../../icon-button/cssm');
-require('../../popover/cssm');
-require('@alfalab/icons-glyph/CalendarMIcon');
-require('./utils/format.js');
-require('date-fns/parse');
-require('./components/date-range-input/index.module.css');
-require('../../calendar/cssm/mobile');
-require('../../input/cssm/mobile');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/date-range-input/cssm/components/date-range-input/Component.js

@@ -13,7 +13,6 @@ var hooks = require('@alfalab/hooks');
 var CalendarMIcon = require('@alfalab/icons-glyph/CalendarMIcon');
 var utils_format = require('../../utils/format.js');
 var styles = require('./index.module.css');
-require('date-fns/parse');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/date-range-input/cssm/components/date-range-input/index.js

@@ -1,20 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_dateRangeInput_Component = require('./Component.js');
-require('tslib');
-require('react');
-require('react-merge-refs');
-require('classnames');
-require('date-fns/isValid');
-require('date-fns/startOfMonth');
-require('../../../../calendar/cssm/shared');
-require('../../../../icon-button/cssm');
-require('../../../../popover/cssm');
-require('@alfalab/hooks');
-require('@alfalab/icons-glyph/CalendarMIcon');
-require('../../utils/format.js');
-require('date-fns/parse');
-require('./index.module.css');
 
 
 

package/date-range-input/cssm/desktop/Component.desktop.js

@@ -5,18 +5,6 @@ var React = require('react');
 var desktop$1 = require('../../../calendar/cssm/desktop');
 var desktop = require('../../../input/cssm/desktop');
 var components_dateRangeInput_Component = require('../components/date-range-input/Component.js');
-require('react-merge-refs');
-require('classnames');
-require('date-fns/isValid');
-require('date-fns/startOfMonth');
-require('../../../calendar/cssm/shared');
-require('../../../icon-button/cssm');
-require('../../../popover/cssm');
-require('@alfalab/hooks');
-require('@alfalab/icons-glyph/CalendarMIcon');
-require('../utils/format.js');
-require('date-fns/parse');
-require('../components/date-range-input/index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/date-range-input/cssm/desktop/index.js

@@ -1,23 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var desktop_Component_desktop = require('./Component.desktop.js');
-require('tslib');
-require('react');
-require('../../../calendar/cssm/desktop');
-require('../../../input/cssm/desktop');
-require('../components/date-range-input/Component.js');
-require('react-merge-refs');
-require('classnames');
-require('date-fns/isValid');
-require('date-fns/startOfMonth');
-require('../../../calendar/cssm/shared');
-require('../../../icon-button/cssm');
-require('../../../popover/cssm');
-require('@alfalab/hooks');
-require('@alfalab/icons-glyph/CalendarMIcon');
-require('../utils/format.js');
-require('date-fns/parse');
-require('../components/date-range-input/index.module.css');
 
 
 

package/date-range-input/cssm/index.js

@@ -1,27 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Component_responsive = require('./Component.responsive.js');
-require('tslib');
-require('react');
-require('@alfalab/hooks');
-require('./desktop/Component.desktop.js');
-require('../../calendar/cssm/desktop');
-require('../../input/cssm/desktop');
-require('./components/date-range-input/Component.js');
-require('react-merge-refs');
-require('classnames');
-require('date-fns/isValid');
-require('date-fns/startOfMonth');
-require('../../calendar/cssm/shared');
-require('../../icon-button/cssm');
-require('../../popover/cssm');
-require('@alfalab/icons-glyph/CalendarMIcon');
-require('./utils/format.js');
-require('date-fns/parse');
-require('./components/date-range-input/index.module.css');
-require('./mobile/Component.mobile.js');
-require('../../calendar/cssm/mobile');
-require('../../input/cssm/mobile');
 
 
 

package/date-range-input/cssm/mobile/Component.mobile.js

@@ -5,18 +5,6 @@ var React = require('react');
 var mobile$1 = require('../../../calendar/cssm/mobile');
 var mobile = require('../../../input/cssm/mobile');
 var components_dateRangeInput_Component = require('../components/date-range-input/Component.js');
-require('react-merge-refs');
-require('classnames');
-require('date-fns/isValid');
-require('date-fns/startOfMonth');
-require('../../../calendar/cssm/shared');
-require('../../../icon-button/cssm');
-require('../../../popover/cssm');
-require('@alfalab/hooks');
-require('@alfalab/icons-glyph/CalendarMIcon');
-require('../utils/format.js');
-require('date-fns/parse');
-require('../components/date-range-input/index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/date-range-input/cssm/mobile/index.js

@@ -1,23 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var mobile_Component_mobile = require('./Component.mobile.js');
-require('tslib');
-require('react');
-require('../../../calendar/cssm/mobile');
-require('../../../input/cssm/mobile');
-require('../components/date-range-input/Component.js');
-require('react-merge-refs');
-require('classnames');
-require('date-fns/isValid');
-require('date-fns/startOfMonth');
-require('../../../calendar/cssm/shared');
-require('../../../icon-button/cssm');
-require('../../../popover/cssm');
-require('@alfalab/hooks');
-require('@alfalab/icons-glyph/CalendarMIcon');
-require('../utils/format.js');
-require('date-fns/parse');
-require('../components/date-range-input/index.module.css');
 
 
 

package/date-range-input/cssm/utils/index.js

@@ -1,8 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var utils_format = require('./format.js');
-require('date-fns/isValid');
-require('date-fns/parse');
 
 
 

package/date-range-input/desktop/Component.desktop.js

@@ -5,17 +5,6 @@ var React = require('react');
 var desktop$1 = require('../../calendar/desktop');
 var desktop = require('../../input/desktop');
 var components_dateRangeInput_Component = require('../components/date-range-input/Component.js');
-require('react-merge-refs');
-require('classnames');
-require('date-fns/isValid');
-require('date-fns/startOfMonth');
-require('../../calendar/shared');
-require('../../icon-button');
-require('../../popover');
-require('@alfalab/hooks');
-require('@alfalab/icons-glyph/CalendarMIcon');
-require('../utils/format.js');
-require('date-fns/parse');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/date-range-input/desktop/index.js

@@ -1,22 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var desktop_Component_desktop = require('./Component.desktop.js');
-require('tslib');
-require('react');
-require('../../calendar/desktop');
-require('../../input/desktop');
-require('../components/date-range-input/Component.js');
-require('react-merge-refs');
-require('classnames');
-require('date-fns/isValid');
-require('date-fns/startOfMonth');
-require('../../calendar/shared');
-require('../../icon-button');
-require('../../popover');
-require('@alfalab/hooks');
-require('@alfalab/icons-glyph/CalendarMIcon');
-require('../utils/format.js');
-require('date-fns/parse');
 
 
 

package/date-range-input/esm/Component.responsive.js

@@ -14,10 +14,10 @@ import '../../calendar/esm/shared';
 import '../../icon-button/esm';
 import '../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
+import './utils/format.js';
 import 'date-fns/parse';
 import '../../calendar/esm/mobile';
 import '../../input/esm/mobile';
-import './utils/format.js';
 
 /**
  * @deprecated

package/date-range-input/esm/components/date-range-input/Component.js

@@ -12,7 +12,7 @@ import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { parseTimestampToDate, DATE_FORMAT, format, parseDateString, DATE_MASK, isCompleteDateInput, isValid } from '../../utils/format.js';
 import 'date-fns/parse';
 
-var styles = {"component":"date-range-input__component_1pzha","calendarContainer":"date-range-input__calendarContainer_1pzha","calendarResponsive":"date-range-input__calendarResponsive_1pzha","block":"date-range-input__block_1pzha","calendarIcon":"date-range-input__calendarIcon_1pzha"};
+var styles = {"component":"date-range-input__component_1adkl","calendarContainer":"date-range-input__calendarContainer_1adkl","calendarResponsive":"date-range-input__calendarResponsive_1adkl","block":"date-range-input__block_1adkl","calendarIcon":"date-range-input__calendarIcon_1adkl"};
 require('./index.css');
 
 var DateRangeInput = React.forwardRef(function (_a, ref) {

package/date-range-input/esm/components/date-range-input/index.css

@@ -1,4 +1,4 @@
-/* hash: 1dt01 */
+/* hash: 4a0a1 */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-300: #e7e8eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -41,24 +41,24 @@
     /* marker */
 } :root {
     --calendar-popover-border-radius: var(--border-radius-m);
-} .date-range-input__component_1pzha {
+} .date-range-input__component_1adkl {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-range-input__calendarContainer_1pzha {
+} .date-range-input__calendarContainer_1adkl {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-neutral-300)
-} @media (max-width: 374px) { .date-range-input__calendarContainer_1pzha {
+} @media (max-width: 374px) { .date-range-input__calendarContainer_1adkl {
         width: 100%;
         min-width: 288px
 }
-    } .date-range-input__calendarResponsive_1pzha {
+    } .date-range-input__calendarResponsive_1adkl {
     width: var(--calendar-width);
-} .date-range-input__block_1pzha {
+} .date-range-input__block_1adkl {
     width: 100%;
-} .date-range-input__calendarIcon_1pzha {
+} .date-range-input__calendarIcon_1adkl {
     margin-right: var(--gap-s-neg);
     height: 100%;
 }

package/date-range-input/esm/components/date-range-input/index.js

@@ -10,5 +10,5 @@ import '../../../../icon-button/esm';
 import '../../../../popover/esm';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import 'date-fns/parse';
 import '../../utils/format.js';
+import 'date-fns/parse';

package/date-range-input/esm/desktop/Component.desktop.js

@@ -12,8 +12,8 @@ import '../../../icon-button/esm';
 import '../../../popover/esm';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import 'date-fns/parse';
 import '../utils/format.js';
+import 'date-fns/parse';
 
 /**
  * @deprecated

package/date-range-input/esm/desktop/index.js

@@ -13,5 +13,5 @@ import '../../../icon-button/esm';
 import '../../../popover/esm';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import 'date-fns/parse';
 import '../utils/format.js';
+import 'date-fns/parse';

package/date-range-input/esm/index.js

@@ -14,8 +14,8 @@ import '../../calendar/esm/shared';
 import '../../icon-button/esm';
 import '../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
+import './utils/format.js';
 import 'date-fns/parse';
 import './mobile/Component.mobile.js';
 import '../../calendar/esm/mobile';
 import '../../input/esm/mobile';
-import './utils/format.js';

package/date-range-input/esm/mobile/Component.mobile.js

@@ -12,8 +12,8 @@ import '../../../icon-button/esm';
 import '../../../popover/esm';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import 'date-fns/parse';
 import '../utils/format.js';
+import 'date-fns/parse';
 
 /**
  * @deprecated

package/date-range-input/esm/mobile/index.js

@@ -13,5 +13,5 @@ import '../../../icon-button/esm';
 import '../../../popover/esm';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import 'date-fns/parse';
 import '../utils/format.js';
+import 'date-fns/parse';

package/date-range-input/index.js

@@ -1,26 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Component_responsive = require('./Component.responsive.js');
-require('tslib');
-require('react');
-require('@alfalab/hooks');
-require('./desktop/Component.desktop.js');
-require('../calendar/desktop');
-require('../input/desktop');
-require('./components/date-range-input/Component.js');
-require('react-merge-refs');
-require('classnames');
-require('date-fns/isValid');
-require('date-fns/startOfMonth');
-require('../calendar/shared');
-require('../icon-button');
-require('../popover');
-require('@alfalab/icons-glyph/CalendarMIcon');
-require('./utils/format.js');
-require('date-fns/parse');
-require('./mobile/Component.mobile.js');
-require('../calendar/mobile');
-require('../input/mobile');
 
 
 

package/date-range-input/mobile/Component.mobile.js

@@ -5,17 +5,6 @@ var React = require('react');
 var mobile$1 = require('../../calendar/mobile');
 var mobile = require('../../input/mobile');
 var components_dateRangeInput_Component = require('../components/date-range-input/Component.js');
-require('react-merge-refs');
-require('classnames');
-require('date-fns/isValid');
-require('date-fns/startOfMonth');
-require('../../calendar/shared');
-require('../../icon-button');
-require('../../popover');
-require('@alfalab/hooks');
-require('@alfalab/icons-glyph/CalendarMIcon');
-require('../utils/format.js');
-require('date-fns/parse');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }