@alfalab/core-components-date-time-input 4.0.11 → 4.1.0

package/Component.desktop.d.ts

@@ -2,5 +2,9 @@
 import React from 'react';
 import { DateTimeInputProps } from "./components/date-time-input/Component";
 type DateTimeInputDesktopProps = Omit<DateTimeInputProps, 'view' | 'InputComponent'>;
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 declare const DateTimeInputDesktop: React.ForwardRefExoticComponent<DateTimeInputDesktopProps & React.RefAttributes<HTMLInputElement>>;
 export { DateTimeInputDesktopProps, DateTimeInputDesktop };

package/Component.desktop.js

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

package/components/date-time-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 DateTimeInputProps = Omit<InputProps, 'onChange'> & {

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

@@ -21,7 +21,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"date-time-input__component_1p3n0","calendarContainer":"date-time-input__calendarContainer_1p3n0","calendarResponsive":"date-time-input__calendarResponsive_1p3n0","block":"date-time-input__block_1p3n0","calendarIcon":"date-time-input__calendarIcon_1p3n0"};
+var styles = {"component":"date-time-input__component_w014b","calendarContainer":"date-time-input__calendarContainer_w014b","calendarResponsive":"date-time-input__calendarResponsive_w014b","block":"date-time-input__block_w014b","calendarIcon":"date-time-input__calendarIcon_w014b"};
 require('./index.css')
 
 /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
@@ -147,12 +147,13 @@ var DateTimeInput = 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, error: error, 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, error: error, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
                 rightAddons,
                 picker && (React__default.default.createElement(coreComponentsIconButton.IconButton, { className: styles.calendarIcon, 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.DateTimeInput = DateTimeInput;

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

@@ -1,4 +1,4 @@
-/* hash: 1f6jf */
+/* hash: g7ljc */
 :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-time-input__component_1p3n0 {
+} .date-time-input__component_w014b {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-time-input__calendarContainer_1p3n0 {
+} .date-time-input__calendarContainer_w014b {
     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-time-input__calendarContainer_1p3n0 {
+} @media (max-width: 374px) { .date-time-input__calendarContainer_w014b {
         width: 100%;
         min-width: 288px
 }
-    } .date-time-input__calendarResponsive_1p3n0 {
+    } .date-time-input__calendarResponsive_w014b {
     width: var(--calendar-width);
-} .date-time-input__block_1p3n0 {
+} .date-time-input__block_w014b {
     width: 100%;
-} .date-time-input__calendarIcon_1p3n0 {
+} .date-time-input__calendarIcon_w014b {
     margin-right: var(--gap-s-neg);
     height: 100%;
 }

package/cssm/Component.desktop.d.ts

@@ -2,5 +2,9 @@
 import React from 'react';
 import { DateTimeInputProps } from "./components/date-time-input/Component";
 type DateTimeInputDesktopProps = Omit<DateTimeInputProps, 'view' | 'InputComponent'>;
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 declare const DateTimeInputDesktop: React.ForwardRefExoticComponent<DateTimeInputDesktopProps & React.RefAttributes<HTMLInputElement>>;
 export { DateTimeInputDesktopProps, DateTimeInputDesktop };

package/cssm/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 DateTimeInputDesktop = React.forwardRef(function (props, ref) { return (React__default.default.createElement(components_dateTimeInput_Component.DateTimeInput, tslib.__assign({ Calendar: desktop.CalendarDesktop, InputComponent: desktop$1.InputDesktop }, props, { ref: ref }))); });
 
 exports.DateTimeInputDesktop = DateTimeInputDesktop;

package/cssm/components/date-time-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 DateTimeInputProps = Omit<InputProps, 'onChange'> & {

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

@@ -146,12 +146,13 @@ var DateTimeInput = 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, error: error, 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, error: error, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
                 rightAddons,
                 picker && (React__default.default.createElement(coreComponentsIconButton.IconButton, { className: styles__default.default.calendarIcon, 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.DateTimeInput = DateTimeInput;

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-time-input/Component.js');
+require('../components/date-time-input/Component.js');
 require('react-merge-refs');
 require('classnames');
 require('@alfalab/core-components-calendar/cssm/shared');
@@ -15,10 +15,10 @@ 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/isValid');
 require('date-fns/parse');
-require('./components/date-time-input/index.module.css');
+require('../components/date-time-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-time-input/Component.js');
+require('../components/date-time-input/Component.js');
 require('react-merge-refs');
 require('classnames');
 require('@alfalab/core-components-calendar/cssm/shared');
@@ -15,10 +15,10 @@ 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/isValid');
 require('date-fns/parse');
-require('./components/date-time-input/index.module.css');
+require('../components/date-time-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-time-input/Component.js');
+require('../components/date-time-input/Component.js');
 require('react-merge-refs');
 require('classnames');
 require('@alfalab/core-components-calendar/shared');
@@ -15,7 +15,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/isValid');
 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 { DateTimeInputProps } from "./components/date-time-input/Component";
 type DateTimeInputDesktopProps = Omit<DateTimeInputProps, 'view' | 'InputComponent'>;
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 declare const DateTimeInputDesktop: React.ForwardRefExoticComponent<DateTimeInputDesktopProps & React.RefAttributes<HTMLInputElement>>;
 export { DateTimeInputDesktopProps, DateTimeInputDesktop };

package/esm/Component.desktop.js

@@ -14,6 +14,10 @@ import './utils/format.js';
 import 'date-fns/isValid';
 import 'date-fns/parse';
 
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 var DateTimeInputDesktop = forwardRef(function (props, ref) { return (React.createElement(DateTimeInput, __assign({ Calendar: CalendarDesktop, InputComponent: InputDesktop }, props, { ref: ref }))); });
 
 export { DateTimeInputDesktop };

package/esm/components/date-time-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 DateTimeInputProps = Omit<InputProps, 'onChange'> & {

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

@@ -11,7 +11,7 @@ import { getDateWithoutTime, DATE_WITH_TIME_LENGTH, format, getFullDateTime, isC
 import 'date-fns/isValid';
 import 'date-fns/parse';
 
-var styles = {"component":"date-time-input__component_1p3n0","calendarContainer":"date-time-input__calendarContainer_1p3n0","calendarResponsive":"date-time-input__calendarResponsive_1p3n0","block":"date-time-input__block_1p3n0","calendarIcon":"date-time-input__calendarIcon_1p3n0"};
+var styles = {"component":"date-time-input__component_w014b","calendarContainer":"date-time-input__calendarContainer_w014b","calendarResponsive":"date-time-input__calendarResponsive_w014b","block":"date-time-input__block_w014b","calendarIcon":"date-time-input__calendarIcon_w014b"};
 require('./index.css')
 
 /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
@@ -137,12 +137,13 @@ var DateTimeInput = 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, error: error, 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, error: error, rightAddons: React.createElement(React.Fragment, null,
                 rightAddons,
                 picker && (React.createElement(IconButton, { className: styles.calendarIcon, 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 { DateTimeInput };

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

@@ -1,4 +1,4 @@
-/* hash: 1f6jf */
+/* hash: g7ljc */
 :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-time-input__component_1p3n0 {
+} .date-time-input__component_w014b {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-time-input__calendarContainer_1p3n0 {
+} .date-time-input__calendarContainer_w014b {
     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-time-input__calendarContainer_1p3n0 {
+} @media (max-width: 374px) { .date-time-input__calendarContainer_w014b {
         width: 100%;
         min-width: 288px
 }
-    } .date-time-input__calendarResponsive_1p3n0 {
+    } .date-time-input__calendarResponsive_w014b {
     width: var(--calendar-width);
-} .date-time-input__block_1p3n0 {
+} .date-time-input__block_w014b {
     width: 100%;
-} .date-time-input__calendarIcon_1p3n0 {
+} .date-time-input__calendarIcon_w014b {
     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 { DateTimeInputDesktop } from './Component.desktop.js';
+export { DateTimeInputDesktop } 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-time-input/Component.js';
+import '../components/date-time-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/core-components-calendar/esm/shared';
@@ -11,6 +11,6 @@ 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/isValid';
 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 { DateTimeInputMobile } from './Component.mobile.js';
+export { DateTimeInputMobile } 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-time-input/Component.js';
+import '../components/date-time-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/core-components-calendar/esm/shared';
@@ -11,6 +11,6 @@ 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/isValid';
 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-time-input/Component.js');
+require('../components/date-time-input/Component.js');
 require('react-merge-refs');
 require('classnames');
 require('@alfalab/core-components-calendar/shared');
@@ -15,7 +15,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/isValid');
 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 { DateTimeInputProps } from "./components/date-time-input/Component";
 type DateTimeInputDesktopProps = Omit<DateTimeInputProps, 'view' | 'InputComponent'>;
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 declare const DateTimeInputDesktop: React.ForwardRefExoticComponent<DateTimeInputDesktopProps & React.RefAttributes<HTMLInputElement>>;
 export { DateTimeInputDesktopProps, DateTimeInputDesktop };

package/modern/Component.desktop.js

@@ -13,6 +13,10 @@ import './utils/format.js';
 import 'date-fns/isValid';
 import 'date-fns/parse';
 
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 const DateTimeInputDesktop = forwardRef((props, ref) => (React.createElement(DateTimeInput, { Calendar: CalendarDesktop, InputComponent: InputDesktop, ...props, ref: ref })));
 
 export { DateTimeInputDesktop };

package/modern/components/date-time-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 DateTimeInputProps = Omit<InputProps, 'onChange'> & {

package/modern/components/date-time-input/Component.js

@@ -10,7 +10,7 @@ import { getDateWithoutTime, DATE_WITH_TIME_LENGTH, format, getFullDateTime, isC
 import 'date-fns/isValid';
 import 'date-fns/parse';
 
-const styles = {"component":"date-time-input__component_1p3n0","calendarContainer":"date-time-input__calendarContainer_1p3n0","calendarResponsive":"date-time-input__calendarResponsive_1p3n0","block":"date-time-input__block_1p3n0","calendarIcon":"date-time-input__calendarIcon_1p3n0"};
+const styles = {"component":"date-time-input__component_w014b","calendarContainer":"date-time-input__calendarContainer_w014b","calendarResponsive":"date-time-input__calendarResponsive_w014b","block":"date-time-input__block_w014b","calendarIcon":"date-time-input__calendarIcon_w014b"};
 require('./index.css')
 
 /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
@@ -131,12 +131,13 @@ const DateTimeInput = React.forwardRef(({ className, inputClassName, popoverClas
     return (React.createElement("div", { className: cn(styles.component, className, {
             [styles.block]: block,
         }), onFocus: inputDisabled ? undefined : handleInputWrapperFocus, onBlur: handleBlur },
-        InputComponent ? (React.createElement(InputComponent, { ...restProps, block: block, ref: mergeRefs([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, disableUserInput: disableUserInput, error: error, rightAddons: React.createElement(React.Fragment, null,
+        InputComponent ? (React.createElement(InputComponent, { 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, error: error, rightAddons: React.createElement(React.Fragment, null,
                 rightAddons,
                 picker && (React.createElement(IconButton, { className: styles.calendarIcon, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon, size: 's' }))) })) : null,
-        picker && (React.createElement(Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn(styles.calendarContainer, {
-                [styles.calendarResponsive]: calendarResponsive,
-            }), 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, {
+                    [styles.calendarResponsive]: calendarResponsive,
+                }), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar())) : (renderCalendar()))));
 });
 
 export { DateTimeInput };

package/modern/components/date-time-input/index.css

@@ -1,4 +1,4 @@
-/* hash: 1f6jf */
+/* hash: g7ljc */
 :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-time-input__component_1p3n0 {
+} .date-time-input__component_w014b {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-time-input__calendarContainer_1p3n0 {
+} .date-time-input__calendarContainer_w014b {
     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-time-input__calendarContainer_1p3n0 {
+} @media (max-width: 374px) { .date-time-input__calendarContainer_w014b {
         width: 100%;
         min-width: 288px
 }
-    } .date-time-input__calendarResponsive_1p3n0 {
+    } .date-time-input__calendarResponsive_w014b {
     width: var(--calendar-width);
-} .date-time-input__block_1p3n0 {
+} .date-time-input__block_w014b {
     width: 100%;
-} .date-time-input__calendarIcon_1p3n0 {
+} .date-time-input__calendarIcon_w014b {
     margin-right: var(--gap-s-neg);
     height: 100%;
 }

package/modern/desktop/index.d.ts

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

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

@@ -1,8 +1,8 @@
-export { DateTimeInputDesktop } from './Component.desktop.js';
+export { DateTimeInputDesktop } from '../Component.desktop.js';
 import 'react';
 import '@alfalab/core-components-calendar/modern/desktop';
 import '@alfalab/core-components-input/modern/desktop';
-import './components/date-time-input/Component.js';
+import '../components/date-time-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/core-components-calendar/modern/shared';
@@ -10,6 +10,6 @@ import '@alfalab/core-components-icon-button/modern';
 import '@alfalab/core-components-popover/modern';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './utils/format.js';
+import '../utils/format.js';
 import 'date-fns/isValid';
 import 'date-fns/parse';

package/modern/mobile/index.d.ts

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

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

@@ -1,8 +1,8 @@
-export { DateTimeInputMobile } from './Component.mobile.js';
+export { DateTimeInputMobile } from '../Component.mobile.js';
 import 'react';
 import '@alfalab/core-components-calendar/modern/mobile';
 import '@alfalab/core-components-input/modern/mobile';
-import './components/date-time-input/Component.js';
+import '../components/date-time-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/core-components-calendar/modern/shared';
@@ -10,6 +10,6 @@ import '@alfalab/core-components-icon-button/modern';
 import '@alfalab/core-components-popover/modern';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './utils/format.js';
+import '../utils/format.js';
 import 'date-fns/isValid';
 import 'date-fns/parse';