@alfalab/core-components-date-time-input 2.1.2 → 2.2.0

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

@@ -0,0 +1,12 @@
+export { D as DateTimeInput } from '../../Component-e82a534f.js';
+import 'react';
+import 'react-merge-refs';
+import 'classnames';
+import '@alfalab/core-components-calendar/esm';
+import '@alfalab/core-components-icon-button/esm';
+import '@alfalab/core-components-input/esm';
+import '@alfalab/core-components-popover/esm';
+import '@alfalab/icons-glyph/CalendarMIcon';
+import '../../utils/format.js';
+import 'date-fns/isValid';
+import 'date-fns/parse';

package/esm/desktop.d.ts

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

package/esm/desktop.js

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

package/esm/index.d.ts

@@ -1 +1 @@
-export * from "./Component";
+export { DateTimeInputResponsive as DateTimeInput, DateTimeInputResponsiveProps as DateTimeInputProps } from "./responsive";

package/esm/index.js

@@ -1,4 +1,5 @@
-export { DateTimeInput } from './Component.js';
+export { DateTimeInputResponsive as DateTimeInput } from './Component.responsive.js';
+import './Component-e82a534f.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
@@ -6,8 +7,10 @@ import '@alfalab/core-components-calendar/esm';
 import '@alfalab/core-components-icon-button/esm';
 import '@alfalab/core-components-input/esm';
 import '@alfalab/core-components-popover/esm';
-import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CalendarMIcon';
+import './utils/format.js';
 import 'date-fns/isValid';
 import 'date-fns/parse';
-import './utils/format.js';
+import '@alfalab/hooks';
+import './Component.desktop.js';
+import './Component.mobile.js';

package/esm/mobile.d.ts

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

package/esm/mobile.js

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

package/esm/responsive.d.ts

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

package/esm/responsive.js

@@ -0,0 +1,16 @@
+export { DateTimeInputResponsive } from './Component.responsive.js';
+import './Component-e82a534f.js';
+import 'react';
+import 'react-merge-refs';
+import 'classnames';
+import '@alfalab/core-components-calendar/esm';
+import '@alfalab/core-components-icon-button/esm';
+import '@alfalab/core-components-input/esm';
+import '@alfalab/core-components-popover/esm';
+import '@alfalab/icons-glyph/CalendarMIcon';
+import './utils/format.js';
+import 'date-fns/isValid';
+import 'date-fns/parse';
+import '@alfalab/hooks';
+import './Component.desktop.js';
+import './Component.mobile.js';

package/esm/utils/format.js

@@ -75,12 +75,12 @@ var parseTimestampToDate = function (timestamp) {
     var month = date.getMonth() + 1;
     var day = date.getDate();
     if (month < 10) {
-        month = "0" + month;
+        month = "0".concat(month);
     }
     if (day < 10) {
-        day = "0" + day;
+        day = "0".concat(day);
     }
-    return day + "." + month + "." + year;
+    return "".concat(day, ".").concat(month, ".").concat(year);
 };
 var getDateWithoutTime = function (value) {
     var valueArr = value.split(', ');
@@ -120,7 +120,7 @@ var getFullDateTime = function (value) {
 };
 var setTimeToDate = function (value) {
     if (value.length === 10 && dateFnsIsValid(parseDateString(value))) {
-        return value + ", 00:00";
+        return "".concat(value, ", 00:00");
     }
     return value;
 };

package/esm/utils/index.js

@@ -1,3 +1,3 @@
+export { DATE_FORMAT, DATE_MASK, format, getDateWithoutTime, getFullDateTime, isCompleteDateInput, isValid, isValidTimeFormat, parseDateString, parseTimestampToDate, setTimeToDate } from './format.js';
 import 'date-fns/isValid';
 import 'date-fns/parse';
-export { DATE_FORMAT, DATE_MASK, format, getDateWithoutTime, getFullDateTime, isCompleteDateInput, isValid, isValidTimeFormat, parseDateString, parseTimestampToDate, setTimeToDate } from './format.js';

package/index.d.ts

@@ -1 +1 @@
-export * from "./Component";
+export { DateTimeInputResponsive as DateTimeInput, DateTimeInputResponsiveProps as DateTimeInputProps } from "./responsive";

package/index.js

@@ -1,8 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Component = require('./Component.js');
+var Component_responsive = require('./Component.responsive.js');
+require('./Component-27749cf7.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
@@ -10,12 +9,14 @@ require('@alfalab/core-components-calendar');
 require('@alfalab/core-components-icon-button');
 require('@alfalab/core-components-input');
 require('@alfalab/core-components-popover');
-require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CalendarMIcon');
+require('./utils/format.js');
 require('date-fns/isValid');
 require('date-fns/parse');
-require('./utils/format.js');
+require('@alfalab/hooks');
+require('./Component.desktop.js');
+require('./Component.mobile.js');
 
 
 
-exports.DateTimeInput = Component.DateTimeInput;
+exports.DateTimeInput = Component_responsive.DateTimeInputResponsive;

package/mobile.d.ts

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

package/mobile.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var Component_mobile = require('./Component.mobile.js');
+require('./Component-27749cf7.js');
+require('react');
+require('react-merge-refs');
+require('classnames');
+require('@alfalab/core-components-calendar');
+require('@alfalab/core-components-icon-button');
+require('@alfalab/core-components-input');
+require('@alfalab/core-components-popover');
+require('@alfalab/icons-glyph/CalendarMIcon');
+require('./utils/format.js');
+require('date-fns/isValid');
+require('date-fns/parse');
+
+
+
+exports.DateTimeInputMobile = Component_mobile.DateTimeInputMobile;

package/modern/Component.desktop.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { DateTimeInputProps } from "./components/date-time-input/Component";
+type DateTimeInputDesktopProps = Omit<DateTimeInputProps, 'view'>;
+declare const DateTimeInputDesktop: FC<DateTimeInputDesktopProps>;
+export { DateTimeInputDesktopProps, DateTimeInputDesktop };

package/modern/Component.desktop.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { DateTimeInput } from './components/date-time-input/Component.js';
+import 'react-merge-refs';
+import 'classnames';
+import '@alfalab/core-components-calendar/modern';
+import '@alfalab/core-components-icon-button/modern';
+import '@alfalab/core-components-input/modern';
+import '@alfalab/core-components-popover/modern';
+import '@alfalab/icons-glyph/CalendarMIcon';
+import './utils/format.js';
+import 'date-fns/isValid';
+import 'date-fns/parse';
+
+const DateTimeInputDesktop = (props) => (React.createElement(DateTimeInput, { ...props }));
+
+export { DateTimeInputDesktop };

package/modern/Component.mobile.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { DateTimeInputProps } from "./components/date-time-input/Component";
+type DateTimeInputMobileProps = Omit<DateTimeInputProps, 'view'>;
+declare const DateTimeInputMobile: FC<DateTimeInputMobileProps>;
+export { DateTimeInputMobileProps, DateTimeInputMobile };

package/modern/Component.mobile.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { CalendarMobile } from '@alfalab/core-components-calendar/modern';
+import { DateTimeInput } from './components/date-time-input/Component.js';
+import 'react-merge-refs';
+import 'classnames';
+import '@alfalab/core-components-icon-button/modern';
+import '@alfalab/core-components-input/modern';
+import '@alfalab/core-components-popover/modern';
+import '@alfalab/icons-glyph/CalendarMIcon';
+import './utils/format.js';
+import 'date-fns/isValid';
+import 'date-fns/parse';
+
+const DateTimeInputMobile = (props) => (React.createElement(DateTimeInput, { Calendar: CalendarMobile, view: 'mobile', ...props }));
+
+export { DateTimeInputMobile };

package/modern/Component.responsive.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { DateTimeInputProps } from "./components/date-time-input/Component";
+type DateTimeInputResponsiveProps = Omit<DateTimeInputProps, 'view'> & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+};
+type DateTimeInputMedia = 'desktop' | 'mobile';
+declare const DateTimeInputResponsive: FC<DateTimeInputResponsiveProps>;
+export { DateTimeInputResponsiveProps, DateTimeInputMedia, DateTimeInputResponsive };

package/modern/Component.responsive.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { useMedia } from '@alfalab/hooks';
+import { DateTimeInputDesktop } from './Component.desktop.js';
+import { DateTimeInputMobile } from './Component.mobile.js';
+import './components/date-time-input/Component.js';
+import 'react-merge-refs';
+import 'classnames';
+import '@alfalab/core-components-calendar/modern';
+import '@alfalab/core-components-icon-button/modern';
+import '@alfalab/core-components-input/modern';
+import '@alfalab/core-components-popover/modern';
+import '@alfalab/icons-glyph/CalendarMIcon';
+import './utils/format.js';
+import 'date-fns/isValid';
+import 'date-fns/parse';
+
+const DateTimeInputResponsive = ({ breakpoint = 1024, ...restProps }) => {
+    const [view] = useMedia([
+        ['mobile', `(max-width: ${breakpoint - 1}px)`],
+        ['desktop', `(min-width: ${breakpoint}px)`],
+    ], 'desktop');
+    return view === 'desktop' ? (React.createElement(DateTimeInputDesktop, { ...restProps })) : (React.createElement(DateTimeInputMobile, { ...restProps }));
+};
+
+export { DateTimeInputResponsive };

package/{Component.d.ts → modern/components/date-time-input/Component.d.ts}

@@ -38,7 +38,7 @@ type DateTimeInputProps = Omit<InputProps, 'onChange'> & {
     /**
      * Компонент календаря
      */
-    Calendar?: ElementType<CalendarProps>;
+    Calendar?: ElementType;
     /**
      * Доп. пропсы для календаря
      */
@@ -88,6 +88,10 @@ type DateTimeInputProps = Omit<InputProps, 'onChange'> & {
      * Растягивает компонент на ширину контейнера
      */
     block?: boolean;
+    /**
+     * Отображение компонента в мобильном или десктопном виде
+     */
+    view?: 'desktop' | 'mobile';
 };
 declare const DateTimeInput: React.ForwardRefExoticComponent<Omit<InputProps, "onChange"> & {
     /**
@@ -123,12 +127,15 @@ declare const DateTimeInput: React.ForwardRefExoticComponent<Omit<InputProps, "o
     /**
      * Компонент календаря
      */
-    Calendar?: React.ElementType<CalendarProps> | undefined;
+    Calendar?: React.ElementType<any> | undefined;
     /**
      * Доп. пропсы для календаря
      */
     calendarProps?: (CalendarProps & Record<string, unknown>) | (CalendarProps & {
         open: boolean;
+        /**
+         * Дополнительный класс для поповера
+         */
         title?: string | undefined;
         onClose?: (() => void) | undefined;
         yearsAmount?: number | undefined;
@@ -180,5 +187,9 @@ declare const DateTimeInput: React.ForwardRefExoticComponent<Omit<InputProps, "o
      * Растягивает компонент на ширину контейнера
      */
     block?: boolean | undefined;
+    /**
+     * Отображение компонента в мобильном или десктопном виде
+     */
+    view?: "desktop" | "mobile" | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
 export { DateTimeInputProps, DateTimeInput };

package/modern/{Component.js → components/date-time-input/Component.js}

@@ -1,32 +1,26 @@
 import React, { useRef, useState, useEffect } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
-import { Calendar, CalendarMobile, dateInLimits } from '@alfalab/core-components-calendar/modern';
+import { Calendar, dateInLimits } from '@alfalab/core-components-calendar/modern';
 import { IconButton } from '@alfalab/core-components-icon-button/modern';
 import { Input } from '@alfalab/core-components-input/modern';
 import { Popover } from '@alfalab/core-components-popover/modern';
-import { useMedia } from '@alfalab/hooks';
 import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
+import { getDateWithoutTime, setTimeToDate, DATE_MASK, format, getFullDateTime, isCompleteDateInput, isValid, parseTimestampToDate } from '../../utils/format.js';
 import 'date-fns/isValid';
 import 'date-fns/parse';
-import { getDateWithoutTime, setTimeToDate, DATE_MASK, format, getFullDateTime, isCompleteDateInput, isValid, parseTimestampToDate } from './utils/format.js';
 
-var styles = {"component":"date-time-input__component_xq07m","calendarContainer":"date-time-input__calendarContainer_xq07m","calendarResponsive":"date-time-input__calendarResponsive_xq07m","block":"date-time-input__block_xq07m"};
+const styles = {"component":"date-time-input__component_1u4x2","calendarContainer":"date-time-input__calendarContainer_1u4x2","calendarResponsive":"date-time-input__calendarResponsive_1u4x2","block":"date-time-input__block_1u4x2"};
 require('./index.css')
 
 /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
-const DateTimeInput = React.forwardRef(({ className, inputClassName, popoverClassName, disabled, readOnly, picker, defaultValue = '', value: propValue, onChange, onComplete, rightAddons, useAnchorWidth, block, popoverPosition = 'bottom-start', zIndexPopover, preventFlip, Calendar: Calendar$1 = Calendar, calendarProps = {}, defaultMonth, minDate = calendarProps.minDate, maxDate = calendarProps.maxDate, offDays = calendarProps.offDays || [], events = calendarProps.events || [], defaultOpen = false, error, ...restProps }, ref) => {
-    const [view] = useMedia([
-        ['mobile', '(max-width: 1023px)'],
-        ['desktop', '(min-width: 1024px)'],
-    ], 'desktop');
+const DateTimeInput = React.forwardRef(({ className, inputClassName, popoverClassName, disabled, readOnly, picker, defaultValue = '', value: propValue, onChange, onComplete, rightAddons, useAnchorWidth, block, popoverPosition = 'bottom-start', zIndexPopover, preventFlip, Calendar: Calendar$1 = Calendar, calendarProps = {}, defaultMonth, minDate = calendarProps.minDate, maxDate = calendarProps.maxDate, offDays = calendarProps.offDays || [], events = calendarProps.events || [], defaultOpen = false, error, view = 'desktop', ...restProps }, ref) => {
     const inputRef = useRef(null);
     const calendarRef = useRef(null);
     const [value, setValue] = useState(propValue || defaultValue);
     const [open, setOpen] = useState(false);
     const calendarValue = value ? getDateWithoutTime(value).getTime() : undefined;
     const inputDisabled = disabled || readOnly;
-    const CalendarComponent = view === 'desktop' ? Calendar$1 : CalendarMobile;
     const calendarResponsive = calendarProps?.responsive ?? true;
     useEffect(() => {
         setOpen(defaultOpen);
@@ -113,7 +107,7 @@ const DateTimeInput = React.forwardRef(({ className, inputClassName, popoverClas
     const renderCalendar = () => (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     React.createElement("div", { onMouseDown: handleCalendarWrapperMouseDown },
-        React.createElement(CalendarComponent, { ...calendarProps, responsive: calendarResponsive, open: open, onClose: handleCalendarClose, ref: calendarRef, defaultMonth: defaultMonth, value: checkInputValueIsValid(value) ? calendarValue : undefined, onChange: handleCalendarChange, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events })));
+        React.createElement(Calendar$1, { ...calendarProps, responsive: calendarResponsive, open: open, onClose: handleCalendarClose, ref: calendarRef, defaultMonth: defaultMonth, value: checkInputValueIsValid(value) ? calendarValue : undefined, onChange: handleCalendarChange, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events })));
     return (React.createElement("div", { className: cn(styles.component, className, {
             [styles.block]: block,
         }), onClick: inputDisabled ? undefined : handleInputWrapperClick, onFocus: inputDisabled ? undefined : handleInputWrapperFocus, onBlur: handleBlur },

package/modern/{index.css → components/date-time-input/index.css}

@@ -1,4 +1,4 @@
-/* hash: 1cz69 */
+/* hash: 1e3mm */
 :root {
 
     /* Hard */
@@ -39,26 +39,26 @@
 :root {
     --calendar-popover-border-radius: 0 0 var(--border-radius-s) var(--border-radius-s);
 }
-.date-time-input__component_xq07m {
+.date-time-input__component_1u4x2 {
     display: inline-block;
     outline: none;
     position: relative;
 }
-.date-time-input__calendarContainer_xq07m {
+.date-time-input__calendarContainer_1u4x2 {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius)
 }
 @media (max-width: 374px) {
-.date-time-input__calendarContainer_xq07m {
+.date-time-input__calendarContainer_1u4x2 {
         width: 100%;
         min-width: 288px
 }
     }
-.date-time-input__calendarResponsive_xq07m {
+.date-time-input__calendarResponsive_1u4x2 {
     width: var(--calendar-width);
     padding: 0 var(--gap-m);
 }
-.date-time-input__block_xq07m {
+.date-time-input__block_1u4x2 {
     width: 100%;
 }

package/modern/components/date-time-input/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

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

@@ -0,0 +1,12 @@
+export { DateTimeInput } from './Component.js';
+import 'react';
+import 'react-merge-refs';
+import 'classnames';
+import '@alfalab/core-components-calendar/modern';
+import '@alfalab/core-components-icon-button/modern';
+import '@alfalab/core-components-input/modern';
+import '@alfalab/core-components-popover/modern';
+import '@alfalab/icons-glyph/CalendarMIcon';
+import '../../utils/format.js';
+import 'date-fns/isValid';
+import 'date-fns/parse';

package/modern/desktop.d.ts

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

package/modern/desktop.js

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

package/modern/index.d.ts

@@ -1 +1 @@
-export * from "./Component";
+export { DateTimeInputResponsive as DateTimeInput, DateTimeInputResponsiveProps as DateTimeInputProps } from "./responsive";

package/modern/index.js

@@ -1,13 +1,16 @@
+export { DateTimeInputResponsive as DateTimeInput } from './Component.responsive.js';
 import 'react';
+import '@alfalab/hooks';
+import './Component.desktop.js';
+import './components/date-time-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/core-components-calendar/modern';
 import '@alfalab/core-components-icon-button/modern';
 import '@alfalab/core-components-input/modern';
 import '@alfalab/core-components-popover/modern';
-import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CalendarMIcon';
+import './utils/format.js';
 import 'date-fns/isValid';
 import 'date-fns/parse';
-import './utils/format.js';
-export { DateTimeInput } from './Component.js';
+import './Component.mobile.js';

package/modern/mobile.d.ts

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

package/modern/mobile.js

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

package/modern/responsive.d.ts

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

package/modern/responsive.js

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

package/modern/utils/index.js

@@ -1,3 +1,3 @@
+export { DATE_FORMAT, DATE_MASK, format, getDateWithoutTime, getFullDateTime, isCompleteDateInput, isValid, isValidTimeFormat, parseDateString, parseTimestampToDate, setTimeToDate } from './format.js';
 import 'date-fns/isValid';
 import 'date-fns/parse';
-export { DATE_FORMAT, DATE_MASK, format, getDateWithoutTime, getFullDateTime, isCompleteDateInput, isValid, isValidTimeFormat, parseDateString, parseTimestampToDate, setTimeToDate } from './format.js';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-date-time-input",
-    "version": "2.1.2",
+    "version": "2.2.0",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -15,10 +15,10 @@
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-calendar": "^6.1.14",
-        "@alfalab/core-components-input": "^11.1.0",
-        "@alfalab/core-components-icon-button": "^6.0.1",
-        "@alfalab/core-components-popover": "^6.0.4",
+        "@alfalab/core-components-calendar": "^6.2.0",
+        "@alfalab/core-components-input": "^11.1.1",
+        "@alfalab/core-components-icon-button": "^6.0.2",
+        "@alfalab/core-components-popover": "^6.0.5",
         "classnames": "^2.3.1"
     }
 }

package/responsive.d.ts

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

package/responsive.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var Component_responsive = require('./Component.responsive.js');
+require('./Component-27749cf7.js');
+require('react');
+require('react-merge-refs');
+require('classnames');
+require('@alfalab/core-components-calendar');
+require('@alfalab/core-components-icon-button');
+require('@alfalab/core-components-input');
+require('@alfalab/core-components-popover');
+require('@alfalab/icons-glyph/CalendarMIcon');
+require('./utils/format.js');
+require('date-fns/isValid');
+require('date-fns/parse');
+require('@alfalab/hooks');
+require('./Component.desktop.js');
+require('./Component.mobile.js');
+
+
+
+exports.DateTimeInputResponsive = Component_responsive.DateTimeInputResponsive;

package/utils/format.js

@@ -1,14 +1,12 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var dateFnsIsValid = require('date-fns/isValid');
 var parse = require('date-fns/parse');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var dateFnsIsValid__default = /*#__PURE__*/_interopDefaultLegacy(dateFnsIsValid);
-var parse__default = /*#__PURE__*/_interopDefaultLegacy(parse);
+var dateFnsIsValid__default = /*#__PURE__*/_interopDefaultCompat(dateFnsIsValid);
+var parse__default = /*#__PURE__*/_interopDefaultCompat(parse);
 
 /* eslint-disable no-useless-escape */
 var DATE_FORMAT = 'dd.MM.yyyy';
@@ -34,7 +32,7 @@ var DATE_MASK = [
 var isCompleteDateInput = function (input) { return input.length === DATE_MASK.length; };
 var parseDateString = function (value, dateFormat) {
     if (dateFormat === void 0) { dateFormat = DATE_FORMAT; }
-    return parse__default['default'](value, dateFormat, new Date());
+    return parse__default.default(value, dateFormat, new Date());
 };
 var isValidTimeFormat = function (value) {
     var timeArr = value.split(':');
@@ -54,7 +52,7 @@ var isValid = function (inputValue) {
     var time = inputValueArr[1];
     return (!inputValue ||
         (isCompleteDateInput(inputValue) &&
-            dateFnsIsValid__default['default'](parseDateString(date)) &&
+            dateFnsIsValid__default.default(parseDateString(date)) &&
             isValidTimeFormat(time)));
 };
 var format = function (value) {
@@ -84,12 +82,12 @@ var parseTimestampToDate = function (timestamp) {
     var month = date.getMonth() + 1;
     var day = date.getDate();
     if (month < 10) {
-        month = "0" + month;
+        month = "0".concat(month);
     }
     if (day < 10) {
-        day = "0" + day;
+        day = "0".concat(day);
     }
-    return day + "." + month + "." + year;
+    return "".concat(day, ".").concat(month, ".").concat(year);
 };
 var getDateWithoutTime = function (value) {
     var valueArr = value.split(', ');
@@ -128,8 +126,8 @@ var getFullDateTime = function (value) {
     return fullDate;
 };
 var setTimeToDate = function (value) {
-    if (value.length === 10 && dateFnsIsValid__default['default'](parseDateString(value))) {
-        return value + ", 00:00";
+    if (value.length === 10 && dateFnsIsValid__default.default(parseDateString(value))) {
+        return "".concat(value, ", 00:00");
     }
     return value;
 };