@alfalab/core-components-date-range-input 3.0.11 → 3.1.0

package/Component.desktop.d.ts

@@ -2,5 +2,9 @@
 import React from 'react';
 import { ConditionalProps, DateRangeInputProps } from "./components/date-range-input/index";
 type DateRangeInputDesktopProps = Omit<DateRangeInputProps, 'view' | 'picker' | 'onClose' | 'InputComponent'> & ConditionalProps;
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 declare const DateRangeInputDesktop: React.ForwardRefExoticComponent<DateRangeInputDesktopProps & React.RefAttributes<HTMLInputElement>>;
 export { DateRangeInputDesktopProps, DateRangeInputDesktop };

package/Component.desktop.js

@@ -23,6 +23,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 var DateRangeInputDesktop = React.forwardRef(function (props, ref) { return (React__default.default.createElement(components_dateRangeInput_Component.DateRangeInput, tslib.__assign({ InputComponent: desktop.InputDesktop, Calendar: desktop$1.CalendarDesktop }, props, { ref: ref }))); });
 
 exports.DateRangeInputDesktop = DateRangeInputDesktop;

package/Component.mobile.d.ts

@@ -2,5 +2,9 @@
 import React from 'react';
 import { ConditionalProps, DateRangeInputProps } from "./components/date-range-input/index";
 type DateRangeInputMobileProps = Omit<DateRangeInputProps, 'view' | 'picker' | 'onClose' | 'InputComponent'> & ConditionalProps;
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 declare const DateRangeInputMobile: React.ForwardRefExoticComponent<DateRangeInputMobileProps & React.RefAttributes<HTMLInputElement>>;
 export { DateRangeInputMobileProps, DateRangeInputMobile };

package/Component.mobile.js

@@ -23,6 +23,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 var DateRangeInputMobile = React.forwardRef(function (props, ref) { return (React__default.default.createElement(components_dateRangeInput_Component.DateRangeInput, tslib.__assign({ InputComponent: mobile.InputMobile, Calendar: mobile$1.CalendarMobile, view: 'mobile' }, props, { ref: ref }))); });
 
 exports.DateRangeInputMobile = DateRangeInputMobile;

package/Component.responsive.d.ts

@@ -9,5 +9,9 @@ type DateRangeInputResponsiveProps = Omit<DateRangeInputProps, 'view' | 'picker'
     breakpoint?: number;
 };
 type DateRangeInputMedia = 'desktop' | 'mobile';
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 declare const DateRangeInputResponsive: React.ForwardRefExoticComponent<DateRangeInputResponsiveProps & React.RefAttributes<HTMLInputElement>>;
 export { DateRangeInputResponsiveProps, DateRangeInputMedia, DateRangeInputResponsive };

package/Component.responsive.js

@@ -27,6 +27,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 var DateRangeInputResponsive = React.forwardRef(function (_a, ref) {
     var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
     var view = hooks.useMedia([

package/components/date-range-input/Component.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import React from 'react';
 import { ChangeEvent, ElementType } from "react";
-import { CalendarDesktopProps } from "../../desktop-63dec22f";
-import { CalendarMobileProps } from "../../mobile-c219f8ca";
+import { CalendarDesktopProps } from "@alfalab/core-components-calendar/desktop";
+import { CalendarMobileProps } from "@alfalab/core-components-calendar/mobile";
 import { InputProps } from "@alfalab/core-components-input";
 import { PopoverProps } from "@alfalab/core-components-popover";
 type ConditionalProps = {

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

@@ -24,7 +24,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_wks86","calendarContainer":"date-range-input__calendarContainer_wks86","calendarResponsive":"date-range-input__calendarResponsive_wks86","block":"date-range-input__block_wks86","calendarIcon":"date-range-input__calendarIcon_wks86"};
+var styles = {"component":"date-range-input__component_1soho","calendarContainer":"date-range-input__calendarContainer_1soho","calendarResponsive":"date-range-input__calendarResponsive_1soho","block":"date-range-input__block_1soho","calendarIcon":"date-range-input__calendarIcon_1soho"};
 require('./index.css')
 
 var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
@@ -215,12 +215,13 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
     return (React__default.default.createElement("div", { className: cn__default.default(styles.component, className, (_b = {},
             _b[styles.block] = block,
             _b)), onFocus: inputDisabled ? undefined : handleInputWrapperFocus, onBlur: handleBlur },
-        InputComponent ? (React__default.default.createElement(InputComponent, tslib.__assign({}, restProps, { block: block, ref: mergeRefs__default.default([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, disableUserInput: disableUserInput, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
+        InputComponent ? (React__default.default.createElement(InputComponent, tslib.__assign({ autoComplete: picker ? 'off' : undefined }, restProps, { block: block, ref: mergeRefs__default.default([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, disableUserInput: disableUserInput, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
                 rightAddons,
                 picker && (React__default.default.createElement(coreComponentsIconButton.IconButton, { className: styles.calendarIcon, ref: iconRef, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon.CalendarMIcon, size: 's' }))) }))) : null,
-        picker && (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn__default.default(styles.calendarContainer, (_c = {},
-                _c[styles.calendarResponsive] = calendarResponsive,
-                _c)), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar()))));
+        picker &&
+            (view === 'desktop' ? (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn__default.default(styles.calendarContainer, (_c = {},
+                    _c[styles.calendarResponsive] = calendarResponsive,
+                    _c)), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar())) : (renderCalendar()))));
 });
 
 exports.DateRangeInput = DateRangeInput;

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

@@ -1,4 +1,4 @@
-/* hash: 1fu7x */
+/* hash: 1etz5 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-secondary: #e9e9eb; /* 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_wks86 {
+} .date-range-input__component_1soho {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-range-input__calendarContainer_wks86 {
+} .date-range-input__calendarContainer_1soho {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-border-secondary)
-} @media (max-width: 374px) { .date-range-input__calendarContainer_wks86 {
+} @media (max-width: 374px) { .date-range-input__calendarContainer_1soho {
         width: 100%;
         min-width: 288px
 }
-    } .date-range-input__calendarResponsive_wks86 {
+    } .date-range-input__calendarResponsive_1soho {
     width: var(--calendar-width);
-} .date-range-input__block_wks86 {
+} .date-range-input__block_1soho {
     width: 100%;
-} .date-range-input__calendarIcon_wks86 {
+} .date-range-input__calendarIcon_1soho {
     margin-right: var(--gap-s-neg);
     height: 100%;
 }

package/cssm/Component.desktop.d.ts

@@ -2,5 +2,9 @@
 import React from 'react';
 import { ConditionalProps, DateRangeInputProps } from "./components/date-range-input/index";
 type DateRangeInputDesktopProps = Omit<DateRangeInputProps, 'view' | 'picker' | 'onClose' | 'InputComponent'> & ConditionalProps;
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 declare const DateRangeInputDesktop: React.ForwardRefExoticComponent<DateRangeInputDesktopProps & React.RefAttributes<HTMLInputElement>>;
 export { DateRangeInputDesktopProps, DateRangeInputDesktop };

package/cssm/Component.desktop.js

@@ -24,6 +24,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 var DateRangeInputDesktop = React.forwardRef(function (props, ref) { return (React__default.default.createElement(components_dateRangeInput_Component.DateRangeInput, tslib.__assign({ InputComponent: desktop.InputDesktop, Calendar: desktop$1.CalendarDesktop }, props, { ref: ref }))); });
 
 exports.DateRangeInputDesktop = DateRangeInputDesktop;

package/cssm/Component.mobile.d.ts

@@ -2,5 +2,9 @@
 import React from 'react';
 import { ConditionalProps, DateRangeInputProps } from "./components/date-range-input/index";
 type DateRangeInputMobileProps = Omit<DateRangeInputProps, 'view' | 'picker' | 'onClose' | 'InputComponent'> & ConditionalProps;
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 declare const DateRangeInputMobile: React.ForwardRefExoticComponent<DateRangeInputMobileProps & React.RefAttributes<HTMLInputElement>>;
 export { DateRangeInputMobileProps, DateRangeInputMobile };

package/cssm/Component.mobile.js

@@ -24,6 +24,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 var DateRangeInputMobile = React.forwardRef(function (props, ref) { return (React__default.default.createElement(components_dateRangeInput_Component.DateRangeInput, tslib.__assign({ InputComponent: mobile.InputMobile, Calendar: mobile$1.CalendarMobile, view: 'mobile' }, props, { ref: ref }))); });
 
 exports.DateRangeInputMobile = DateRangeInputMobile;

package/cssm/Component.responsive.d.ts

@@ -9,5 +9,9 @@ type DateRangeInputResponsiveProps = Omit<DateRangeInputProps, 'view' | 'picker'
     breakpoint?: number;
 };
 type DateRangeInputMedia = 'desktop' | 'mobile';
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 declare const DateRangeInputResponsive: React.ForwardRefExoticComponent<DateRangeInputResponsiveProps & React.RefAttributes<HTMLInputElement>>;
 export { DateRangeInputResponsiveProps, DateRangeInputMedia, DateRangeInputResponsive };

package/cssm/Component.responsive.js

@@ -28,6 +28,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 var DateRangeInputResponsive = React.forwardRef(function (_a, ref) {
     var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
     var view = hooks.useMedia([

package/cssm/components/date-range-input/Component.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import React from 'react';
 import { ChangeEvent, ElementType } from "react";
-import { CalendarDesktopProps } from "../../desktop-63dec22f";
-import { CalendarMobileProps } from "../../mobile-c219f8ca";
+import { CalendarDesktopProps } from "@alfalab/core-components-calendar/desktop";
+import { CalendarMobileProps } from "@alfalab/core-components-calendar/mobile";
 import { InputProps } from "@alfalab/core-components-input";
 import { PopoverProps } from "@alfalab/core-components-popover";
 type ConditionalProps = {

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

@@ -214,12 +214,13 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
     return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, className, (_b = {},
             _b[styles__default.default.block] = block,
             _b)), onFocus: inputDisabled ? undefined : handleInputWrapperFocus, onBlur: handleBlur },
-        InputComponent ? (React__default.default.createElement(InputComponent, tslib.__assign({}, restProps, { block: block, ref: mergeRefs__default.default([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, disableUserInput: disableUserInput, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
+        InputComponent ? (React__default.default.createElement(InputComponent, tslib.__assign({ autoComplete: picker ? 'off' : undefined }, restProps, { block: block, ref: mergeRefs__default.default([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, disableUserInput: disableUserInput, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
                 rightAddons,
                 picker && (React__default.default.createElement(coreComponentsIconButton.IconButton, { className: styles__default.default.calendarIcon, ref: iconRef, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon.CalendarMIcon, size: 's' }))) }))) : null,
-        picker && (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn__default.default(styles__default.default.calendarContainer, (_c = {},
-                _c[styles__default.default.calendarResponsive] = calendarResponsive,
-                _c)), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar()))));
+        picker &&
+            (view === 'desktop' ? (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn__default.default(styles__default.default.calendarContainer, (_c = {},
+                    _c[styles__default.default.calendarResponsive] = calendarResponsive,
+                    _c)), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar())) : (renderCalendar()))));
 });
 
 exports.DateRangeInput = DateRangeInput;

package/cssm/desktop/index.d.ts

@@ -0,0 +1,2 @@
+export * from "../Component.desktop";
+export {};

package/cssm/{desktop.js → desktop/index.js}

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

package/cssm/mobile/index.d.ts

@@ -0,0 +1,2 @@
+export * from "../Component.mobile";
+export {};

package/cssm/{mobile.js → mobile/index.js}

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

package/desktop/index.d.ts

@@ -0,0 +1,2 @@
+export * from "../Component.desktop";
+export {};

package/{desktop.js → desktop/index.js}

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

package/desktop/package.json

@@ -0,0 +1,3 @@
+{
+    "module": "../esm/desktop/index.js"
+}

package/esm/Component.desktop.d.ts

@@ -2,5 +2,9 @@
 import React from 'react';
 import { ConditionalProps, DateRangeInputProps } from "./components/date-range-input/index";
 type DateRangeInputDesktopProps = Omit<DateRangeInputProps, 'view' | 'picker' | 'onClose' | 'InputComponent'> & ConditionalProps;
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 declare const DateRangeInputDesktop: React.ForwardRefExoticComponent<DateRangeInputDesktopProps & React.RefAttributes<HTMLInputElement>>;
 export { DateRangeInputDesktopProps, DateRangeInputDesktop };

package/esm/Component.desktop.js

@@ -15,6 +15,10 @@ import '@alfalab/icons-glyph/CalendarMIcon';
 import './utils/format.js';
 import 'date-fns/parse';
 
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 var DateRangeInputDesktop = forwardRef(function (props, ref) { return (React.createElement(DateRangeInput, __assign({ InputComponent: InputDesktop, Calendar: CalendarDesktop }, props, { ref: ref }))); });
 
 export { DateRangeInputDesktop };

package/esm/Component.mobile.d.ts

@@ -2,5 +2,9 @@
 import React from 'react';
 import { ConditionalProps, DateRangeInputProps } from "./components/date-range-input/index";
 type DateRangeInputMobileProps = Omit<DateRangeInputProps, 'view' | 'picker' | 'onClose' | 'InputComponent'> & ConditionalProps;
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 declare const DateRangeInputMobile: React.ForwardRefExoticComponent<DateRangeInputMobileProps & React.RefAttributes<HTMLInputElement>>;
 export { DateRangeInputMobileProps, DateRangeInputMobile };

package/esm/Component.mobile.js

@@ -15,6 +15,10 @@ import '@alfalab/icons-glyph/CalendarMIcon';
 import './utils/format.js';
 import 'date-fns/parse';
 
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 var DateRangeInputMobile = forwardRef(function (props, ref) { return (React.createElement(DateRangeInput, __assign({ InputComponent: InputMobile, Calendar: CalendarMobile, view: 'mobile' }, props, { ref: ref }))); });
 
 export { DateRangeInputMobile };

package/esm/Component.responsive.d.ts

@@ -9,5 +9,9 @@ type DateRangeInputResponsiveProps = Omit<DateRangeInputProps, 'view' | 'picker'
     breakpoint?: number;
 };
 type DateRangeInputMedia = 'desktop' | 'mobile';
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 declare const DateRangeInputResponsive: React.ForwardRefExoticComponent<DateRangeInputResponsiveProps & React.RefAttributes<HTMLInputElement>>;
 export { DateRangeInputResponsiveProps, DateRangeInputMedia, DateRangeInputResponsive };

package/esm/Component.responsive.js

@@ -19,6 +19,10 @@ import 'date-fns/parse';
 import '@alfalab/core-components-calendar/esm/mobile';
 import '@alfalab/core-components-input/esm/mobile';
 
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 var DateRangeInputResponsive = forwardRef(function (_a, ref) {
     var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["breakpoint"]);
     var view = useMedia([

package/esm/components/date-range-input/Component.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import React from 'react';
 import { ChangeEvent, ElementType } from "react";
-import { CalendarDesktopProps } from "../../desktop-63dec22f";
-import { CalendarMobileProps } from "../../mobile-c219f8ca";
+import { CalendarDesktopProps } from "@alfalab/core-components-calendar/desktop";
+import { CalendarMobileProps } from "@alfalab/core-components-calendar/mobile";
 import { InputProps } from "@alfalab/core-components-input";
 import { PopoverProps } from "@alfalab/core-components-popover";
 type ConditionalProps = {

package/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_wks86","calendarContainer":"date-range-input__calendarContainer_wks86","calendarResponsive":"date-range-input__calendarResponsive_wks86","block":"date-range-input__block_wks86","calendarIcon":"date-range-input__calendarIcon_wks86"};
+var styles = {"component":"date-range-input__component_1soho","calendarContainer":"date-range-input__calendarContainer_1soho","calendarResponsive":"date-range-input__calendarResponsive_1soho","block":"date-range-input__block_1soho","calendarIcon":"date-range-input__calendarIcon_1soho"};
 require('./index.css')
 
 var DateRangeInput = React.forwardRef(function (_a, ref) {
@@ -203,12 +203,13 @@ var DateRangeInput = React.forwardRef(function (_a, ref) {
     return (React.createElement("div", { className: cn(styles.component, className, (_b = {},
             _b[styles.block] = block,
             _b)), onFocus: inputDisabled ? undefined : handleInputWrapperFocus, onBlur: handleBlur },
-        InputComponent ? (React.createElement(InputComponent, __assign({}, restProps, { block: block, ref: mergeRefs([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, disableUserInput: disableUserInput, rightAddons: React.createElement(React.Fragment, null,
+        InputComponent ? (React.createElement(InputComponent, __assign({ autoComplete: picker ? 'off' : undefined }, restProps, { block: block, ref: mergeRefs([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, disableUserInput: disableUserInput, rightAddons: React.createElement(React.Fragment, null,
                 rightAddons,
                 picker && (React.createElement(IconButton, { className: styles.calendarIcon, ref: iconRef, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon, size: 's' }))) }))) : null,
-        picker && (React.createElement(Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn(styles.calendarContainer, (_c = {},
-                _c[styles.calendarResponsive] = calendarResponsive,
-                _c)), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar()))));
+        picker &&
+            (view === 'desktop' ? (React.createElement(Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn(styles.calendarContainer, (_c = {},
+                    _c[styles.calendarResponsive] = calendarResponsive,
+                    _c)), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar())) : (renderCalendar()))));
 });
 
 export { DateRangeInput };

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

@@ -1,4 +1,4 @@
-/* hash: 1fu7x */
+/* hash: 1etz5 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-secondary: #e9e9eb; /* 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_wks86 {
+} .date-range-input__component_1soho {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-range-input__calendarContainer_wks86 {
+} .date-range-input__calendarContainer_1soho {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-border-secondary)
-} @media (max-width: 374px) { .date-range-input__calendarContainer_wks86 {
+} @media (max-width: 374px) { .date-range-input__calendarContainer_1soho {
         width: 100%;
         min-width: 288px
 }
-    } .date-range-input__calendarResponsive_wks86 {
+    } .date-range-input__calendarResponsive_1soho {
     width: var(--calendar-width);
-} .date-range-input__block_wks86 {
+} .date-range-input__block_1soho {
     width: 100%;
-} .date-range-input__calendarIcon_wks86 {
+} .date-range-input__calendarIcon_1soho {
     margin-right: var(--gap-s-neg);
     height: 100%;
 }

package/esm/desktop/index.d.ts

@@ -0,0 +1,2 @@
+export * from "../Component.desktop";
+export {};

package/esm/{desktop.js → desktop/index.js}

@@ -1,9 +1,9 @@
-export { DateRangeInputDesktop } from './Component.desktop.js';
+export { DateRangeInputDesktop } from '../Component.desktop.js';
 import 'tslib';
 import 'react';
 import '@alfalab/core-components-calendar/esm/desktop';
 import '@alfalab/core-components-input/esm/desktop';
-import './components/date-range-input/Component.js';
+import '../components/date-range-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import 'date-fns/isValid';
@@ -13,5 +13,5 @@ import '@alfalab/core-components-icon-button/esm';
 import '@alfalab/core-components-popover/esm';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './utils/format.js';
+import '../utils/format.js';
 import 'date-fns/parse';

package/esm/mobile/index.d.ts

@@ -0,0 +1,2 @@
+export * from "../Component.mobile";
+export {};

package/esm/{mobile.js → mobile/index.js}

@@ -1,9 +1,9 @@
-export { DateRangeInputMobile } from './Component.mobile.js';
+export { DateRangeInputMobile } from '../Component.mobile.js';
 import 'tslib';
 import 'react';
 import '@alfalab/core-components-calendar/esm/mobile';
 import '@alfalab/core-components-input/esm/mobile';
-import './components/date-range-input/Component.js';
+import '../components/date-range-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import 'date-fns/isValid';
@@ -13,5 +13,5 @@ import '@alfalab/core-components-icon-button/esm';
 import '@alfalab/core-components-popover/esm';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './utils/format.js';
+import '../utils/format.js';
 import 'date-fns/parse';

package/mobile/index.d.ts

@@ -0,0 +1,2 @@
+export * from "../Component.mobile";
+export {};

package/{mobile.js → mobile/index.js}

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component_mobile = require('./Component.mobile.js');
+var Component_mobile = require('../Component.mobile.js');
 require('tslib');
 require('react');
 require('@alfalab/core-components-calendar/mobile');
 require('@alfalab/core-components-input/mobile');
-require('./components/date-range-input/Component.js');
+require('../components/date-range-input/Component.js');
 require('react-merge-refs');
 require('classnames');
 require('date-fns/isValid');
@@ -17,7 +17,7 @@ require('@alfalab/core-components-icon-button');
 require('@alfalab/core-components-popover');
 require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CalendarMIcon');
-require('./utils/format.js');
+require('../utils/format.js');
 require('date-fns/parse');
 
 

package/mobile/package.json

@@ -0,0 +1,3 @@
+{
+    "module": "../esm/mobile/index.js"
+}

package/modern/Component.desktop.d.ts

@@ -2,5 +2,9 @@
 import React from 'react';
 import { ConditionalProps, DateRangeInputProps } from "./components/date-range-input/index";
 type DateRangeInputDesktopProps = Omit<DateRangeInputProps, 'view' | 'picker' | 'onClose' | 'InputComponent'> & ConditionalProps;
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 declare const DateRangeInputDesktop: React.ForwardRefExoticComponent<DateRangeInputDesktopProps & React.RefAttributes<HTMLInputElement>>;
 export { DateRangeInputDesktopProps, DateRangeInputDesktop };

package/modern/Component.desktop.js

@@ -14,6 +14,10 @@ import '@alfalab/icons-glyph/CalendarMIcon';
 import './utils/format.js';
 import 'date-fns/parse';
 
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 const DateRangeInputDesktop = forwardRef((props, ref) => (React.createElement(DateRangeInput, { InputComponent: InputDesktop, Calendar: CalendarDesktop, ...props, ref: ref })));
 
 export { DateRangeInputDesktop };

package/modern/Component.mobile.d.ts

@@ -2,5 +2,9 @@
 import React from 'react';
 import { ConditionalProps, DateRangeInputProps } from "./components/date-range-input/index";
 type DateRangeInputMobileProps = Omit<DateRangeInputProps, 'view' | 'picker' | 'onClose' | 'InputComponent'> & ConditionalProps;
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 declare const DateRangeInputMobile: React.ForwardRefExoticComponent<DateRangeInputMobileProps & React.RefAttributes<HTMLInputElement>>;
 export { DateRangeInputMobileProps, DateRangeInputMobile };