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

package/cssm/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var Component_responsive = require('./Component.responsive.js');
-require('./Component-d6110aa7.js');
+require('./Component-b91f18e8.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
@@ -9,12 +9,12 @@ require('@alfalab/core-components-calendar/cssm');
 require('@alfalab/core-components-icon-button/cssm');
 require('@alfalab/core-components-input/cssm');
 require('@alfalab/core-components-popover/cssm');
+require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CalendarMIcon');
 require('./utils/format.js');
 require('date-fns/isValid');
 require('date-fns/parse');
 require('./components/date-time-input/index.module.css');
-require('@alfalab/hooks');
 require('./Component.desktop.js');
 require('./Component.mobile.js');
 

package/cssm/mobile.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var Component_mobile = require('./Component.mobile.js');
-require('./Component-d6110aa7.js');
+require('./Component-b91f18e8.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
@@ -9,6 +9,7 @@ require('@alfalab/core-components-calendar/cssm');
 require('@alfalab/core-components-icon-button/cssm');
 require('@alfalab/core-components-input/cssm');
 require('@alfalab/core-components-popover/cssm');
+require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CalendarMIcon');
 require('./utils/format.js');
 require('date-fns/isValid');

package/cssm/responsive.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var Component_responsive = require('./Component.responsive.js');
-require('./Component-d6110aa7.js');
+require('./Component-b91f18e8.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
@@ -9,12 +9,12 @@ require('@alfalab/core-components-calendar/cssm');
 require('@alfalab/core-components-icon-button/cssm');
 require('@alfalab/core-components-input/cssm');
 require('@alfalab/core-components-popover/cssm');
+require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CalendarMIcon');
 require('./utils/format.js');
 require('date-fns/isValid');
 require('date-fns/parse');
 require('./components/date-time-input/index.module.css');
-require('@alfalab/hooks');
 require('./Component.desktop.js');
 require('./Component.mobile.js');
 

package/cssm/utils/format.d.ts

@@ -1,5 +1,6 @@
 declare const DATE_FORMAT = "dd.MM.yyyy";
 declare const DATE_MASK: (string | RegExp)[];
+declare const DATE_WITH_TIME_LENGTH: number;
 declare const isCompleteDateInput: (input: string) => boolean;
 declare const parseDateString: (value: string, dateFormat?: string) => Date;
 declare const isValidTimeFormat: (value: string) => boolean;
@@ -8,5 +9,5 @@ declare const format: (value: string) => string;
 declare const parseTimestampToDate: (timestamp: number) => string;
 declare const getDateWithoutTime: (value: string) => Date;
 declare const getFullDateTime: (value: string) => Date;
-declare const setTimeToDate: (value: string) => string;
-export { DATE_FORMAT, DATE_MASK, isCompleteDateInput, parseDateString, isValidTimeFormat, isValid, format, parseTimestampToDate, getDateWithoutTime, getFullDateTime, setTimeToDate };
+declare const addTimeToDate: (value: string) => string;
+export { DATE_FORMAT, DATE_MASK, DATE_WITH_TIME_LENGTH, isCompleteDateInput, parseDateString, isValidTimeFormat, isValid, format, parseTimestampToDate, getDateWithoutTime, getFullDateTime, addTimeToDate };

package/cssm/utils/format.js

@@ -29,7 +29,8 @@ var DATE_MASK = [
     /\d/,
     /\d/,
 ];
-var isCompleteDateInput = function (input) { return input.length === DATE_MASK.length; };
+var DATE_WITH_TIME_LENGTH = DATE_MASK.length;
+var isCompleteDateInput = function (input) { return input.length === DATE_WITH_TIME_LENGTH; };
 var parseDateString = function (value, dateFormat) {
     if (dateFormat === void 0) { dateFormat = DATE_FORMAT; }
     return parse__default.default(value, dateFormat, new Date());
@@ -123,9 +124,11 @@ var getFullDateTime = function (value) {
     fullDate.setFullYear(Number(year), Number(month) - 1, Number(day));
     fullDate.setHours(Number(hours) || 0);
     fullDate.setMinutes(Number(mins) || 0);
+    fullDate.setSeconds(0);
+    fullDate.setMilliseconds(0);
     return fullDate;
 };
-var setTimeToDate = function (value) {
+var addTimeToDate = function (value) {
     if (value.length === 10 && dateFnsIsValid__default.default(parseDateString(value))) {
         return "".concat(value, ", 00:00");
     }
@@ -134,6 +137,8 @@ var setTimeToDate = function (value) {
 
 exports.DATE_FORMAT = DATE_FORMAT;
 exports.DATE_MASK = DATE_MASK;
+exports.DATE_WITH_TIME_LENGTH = DATE_WITH_TIME_LENGTH;
+exports.addTimeToDate = addTimeToDate;
 exports.format = format;
 exports.getDateWithoutTime = getDateWithoutTime;
 exports.getFullDateTime = getFullDateTime;
@@ -142,4 +147,3 @@ exports.isValid = isValid;
 exports.isValidTimeFormat = isValidTimeFormat;
 exports.parseDateString = parseDateString;
 exports.parseTimestampToDate = parseTimestampToDate;
-exports.setTimeToDate = setTimeToDate;

package/cssm/utils/index.js

@@ -8,6 +8,8 @@ require('date-fns/parse');
 
 exports.DATE_FORMAT = utils_format.DATE_FORMAT;
 exports.DATE_MASK = utils_format.DATE_MASK;
+exports.DATE_WITH_TIME_LENGTH = utils_format.DATE_WITH_TIME_LENGTH;
+exports.addTimeToDate = utils_format.addTimeToDate;
 exports.format = utils_format.format;
 exports.getDateWithoutTime = utils_format.getDateWithoutTime;
 exports.getFullDateTime = utils_format.getFullDateTime;
@@ -16,4 +18,3 @@ exports.isValid = utils_format.isValid;
 exports.isValidTimeFormat = utils_format.isValidTimeFormat;
 exports.parseDateString = utils_format.parseDateString;
 exports.parseTimestampToDate = utils_format.parseTimestampToDate;
-exports.setTimeToDate = utils_format.setTimeToDate;

package/desktop.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var Component_desktop = require('./Component.desktop.js');
-require('./Component-27749cf7.js');
+require('./Component-1ff76732.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
@@ -9,6 +9,7 @@ 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');

package/{cssm/Component-d6110aa7.d.ts → esm/Component-074b6874.d.ts}

@@ -57,14 +57,14 @@ type DateTimeInputProps = Omit<InputProps, 'onChange'> & {
     /**
      * Обработчик изменения значения
      */
-    onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
+    onChange?: (event: ChangeEvent<HTMLInputElement> | null, payload: {
         date: Date;
         value: string;
     }) => void;
     /**
      * Обработчик окончания ввода
      */
-    onComplete?: (event: ChangeEvent<HTMLInputElement>, payload: {
+    onComplete?: (event: ChangeEvent<HTMLInputElement> | null, payload: {
         date: Date;
         value: string;
     }) => void;
@@ -146,14 +146,14 @@ declare const DateTimeInput: React.ForwardRefExoticComponent<Omit<InputProps, "o
     /**
      * Обработчик изменения значения
      */
-    onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
+    onChange?: ((event: ChangeEvent<HTMLInputElement> | null, payload: {
         date: Date;
         value: string;
     }) => void) | undefined;
     /**
      * Обработчик окончания ввода
      */
-    onComplete?: ((event: ChangeEvent<HTMLInputElement>, payload: {
+    onComplete?: ((event: ChangeEvent<HTMLInputElement> | null, payload: {
         date: Date;
         value: string;
     }) => void) | undefined;
@@ -166,9 +166,6 @@ declare const DateTimeInput: React.ForwardRefExoticComponent<Omit<InputProps, "o
      */
     calendarProps?: (CalendarProps & Record<string, unknown>) | (CalendarProps & {
         open: boolean;
-        /**
-         * Дополнительный класс для поповера
-         */
         title?: string | undefined;
         onClose?: (() => void) | undefined;
         yearsAmount?: number | undefined;

package/esm/{Component-e82a534f.js → Component-074b6874.js}

@@ -5,8 +5,9 @@ import { Calendar, dateInLimits } from '@alfalab/core-components-calendar/esm';
 import { IconButton } from '@alfalab/core-components-icon-button/esm';
 import { Input } from '@alfalab/core-components-input/esm';
 import { Popover } from '@alfalab/core-components-popover/esm';
+import { useDidUpdateEffect } 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 { getDateWithoutTime, DATE_WITH_TIME_LENGTH, format, getFullDateTime, isCompleteDateInput, isValid, addTimeToDate, parseTimestampToDate } from './utils/format.js';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -47,7 +48,7 @@ function __rest(s, e) {
     return t;
 }
 
-var 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"};
+var styles = {"component":"date-time-input__component_wum5f","calendarContainer":"date-time-input__calendarContainer_wum5f","calendarResponsive":"date-time-input__calendarResponsive_wum5f","block":"date-time-input__block_wum5f"};
 require('./components/date-time-input/index.css')
 
 /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
@@ -65,6 +66,10 @@ var DateTimeInput = React.forwardRef(function (_a, ref) {
     useEffect(function () {
         setOpen(defaultOpen);
     }, [defaultOpen]);
+    useDidUpdateEffect(function () {
+        var newPropValue = propValue || '';
+        setValue(function (prevValue) { return (prevValue === propValue ? prevValue : newPropValue); });
+    }, [propValue]);
     var checkInputValueIsValid = function (newInputValue) {
         if (!newInputValue || error)
             return false;
@@ -73,8 +78,23 @@ var DateTimeInput = React.forwardRef(function (_a, ref) {
             dateInLimits(dateValue, minDate, maxDate) &&
             !offDays.includes(dateValue));
     };
+    var setTimeToDate = function () {
+        setValue(function (prevValue) {
+            var dateWithTime = addTimeToDate(prevValue);
+            if (dateWithTime !== prevValue && dateWithTime.length === DATE_WITH_TIME_LENGTH) {
+                onComplete === null || onComplete === void 0 ? void 0 : onComplete(null, {
+                    date: getFullDateTime(dateWithTime),
+                    value: dateWithTime,
+                });
+            }
+            return dateWithTime;
+        });
+    };
     var handleInputWrapperFocus = function (event) {
         if (view === 'desktop') {
+            if (picker) {
+                setOpen(true);
+            }
             if (!open && event.target.tagName !== 'INPUT' && calendarRef.current) {
                 calendarRef.current.focus();
             }
@@ -85,21 +105,21 @@ var DateTimeInput = React.forwardRef(function (_a, ref) {
             var target = (event.relatedTarget || document.activeElement);
             if (calendarRef.current && calendarRef.current.contains(target) === false) {
                 setOpen(false);
-                setValue(function (prevValue) { return setTimeToDate(prevValue); });
+                setTimeToDate();
             }
         }
     };
     var handleChange = function (event) {
         var newValue = event.target.value;
-        if (newValue.length > DATE_MASK.length)
+        if (newValue.length > DATE_WITH_TIME_LENGTH)
             return;
         // Позволяем вводить только цифры, точки, запятую, двоеточие и пробел
-        if (/[^\d., :\d.]/.test(newValue)) {
+        if (/[^\d., :]/.test(newValue)) {
             return;
         }
         var dots = newValue.match(/\./g);
-        var colon = newValue.match(/\:/g);
-        var comma = newValue.match(/\,/g);
+        var colon = newValue.match(/:/g);
+        var comma = newValue.match(/,/g);
         // Не даем вводить больше, чем 2 точки, 1 двоеточие и 1 запятую
         if ((dots && dots.length > 2) ||
             (colon && colon.length > 1) ||
@@ -120,37 +140,38 @@ var DateTimeInput = React.forwardRef(function (_a, ref) {
             }
         }
     };
-    var handleCalendarClose = function () {
+    var handleMobileCalendarClose = function () {
         setOpen(false);
+        setTimeToDate();
     };
     var handleClear = function () {
         setValue('');
     };
     var handleCalendarChange = function (date) {
         if (date) {
-            setValue(parseTimestampToDate(date));
+            var newValue = parseTimestampToDate(date);
+            setValue(newValue);
+            onChange === null || onChange === void 0 ? void 0 : onChange(null, { date: getFullDateTime(newValue), value: newValue });
         }
     };
     var handleCalendarWrapperMouseDown = function (event) {
         // Не дает инпуту терять фокус при выборе даты
         event.preventDefault();
     };
-    var handleInputWrapperClick = function () {
-        if (view === 'desktop' && !open) {
-            setOpen(true);
-        }
-    };
     var handleIconButtonClick = function () {
         if (!open)
             setOpen(true);
+        if (view === 'desktop' && inputRef.current) {
+            inputRef.current.focus();
+        }
     };
     var renderCalendar = function () { return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     React.createElement("div", { onMouseDown: handleCalendarWrapperMouseDown },
-        React.createElement(Calendar$1, __assign({}, 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, __assign({}, calendarProps, { responsive: calendarResponsive, open: open, onClose: handleMobileCalendarClose, 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, (_b = {},
             _b[styles.block] = block,
-            _b)), onClick: inputDisabled ? undefined : handleInputWrapperClick, onFocus: inputDisabled ? undefined : handleInputWrapperFocus, onBlur: handleBlur },
+            _b)), onFocus: inputDisabled ? undefined : handleInputWrapperFocus, onBlur: handleBlur },
         React.createElement(Input, __assign({}, restProps, { block: block, ref: mergeRefs([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, error: error, rightAddons: React.createElement(React.Fragment, null,
                 rightAddons,
                 picker && (React.createElement(IconButton, { onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon, size: 'xxs' }))) })),

package/esm/Component.desktop.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { DateTimeInputProps } from "./Component-e82a534f";
+import { DateTimeInputProps } from "./Component-074b6874";
 type DateTimeInputDesktopProps = Omit<DateTimeInputProps, 'view'>;
 declare const DateTimeInputDesktop: FC<DateTimeInputDesktopProps>;
 export { DateTimeInputDesktopProps, DateTimeInputDesktop };

package/esm/Component.desktop.js

@@ -1,4 +1,4 @@
-import { D as DateTimeInput, _ as __assign } from './Component-e82a534f.js';
+import { D as DateTimeInput, _ as __assign } from './Component-074b6874.js';
 import React from 'react';
 import 'react-merge-refs';
 import 'classnames';
@@ -6,6 +6,7 @@ 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';

package/esm/Component.mobile.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { DateTimeInputProps } from "./Component-e82a534f";
+import { DateTimeInputProps } from "./Component-074b6874";
 type DateTimeInputMobileProps = Omit<DateTimeInputProps, 'view'>;
 declare const DateTimeInputMobile: FC<DateTimeInputMobileProps>;
 export { DateTimeInputMobileProps, DateTimeInputMobile };

package/esm/Component.mobile.js

@@ -1,4 +1,4 @@
-import { D as DateTimeInput, _ as __assign } from './Component-e82a534f.js';
+import { D as DateTimeInput, _ as __assign } from './Component-074b6874.js';
 import React from 'react';
 import { CalendarMobile } from '@alfalab/core-components-calendar/esm';
 import 'react-merge-refs';
@@ -6,6 +6,7 @@ import 'classnames';
 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';

package/esm/Component.responsive.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { DateTimeInputProps } from "./Component-e82a534f";
+import { DateTimeInputProps } from "./Component-074b6874";
 type DateTimeInputResponsiveProps = Omit<DateTimeInputProps, 'view'> & {
     /**
      * Контрольная точка, с нее начинается desktop версия

package/esm/Component.responsive.js

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __assign } from './Component-e82a534f.js';
+import { a as __rest, _ as __assign } from './Component-074b6874.js';
 import React from 'react';
 import { useMedia } from '@alfalab/hooks';
 import { DateTimeInputDesktop } from './Component.desktop.js';

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

@@ -1,4 +1,4 @@
-export { D as DateTimeInput } from '../../Component-e82a534f.js';
+export { D as DateTimeInput } from '../../Component-074b6874.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
@@ -6,6 +6,7 @@ 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';

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

@@ -1,4 +1,4 @@
-/* hash: 1e3mm */
+/* hash: 9vegz */
 :root {
 
     /* Hard */
@@ -11,7 +11,7 @@
     --gap-m: 16px;
 }
 :root {
-    --border-radius-s: 4px;
+    --border-radius-m: 8px;
 }
 :root {
     --calendar-width: 344px;
@@ -37,28 +37,28 @@
     /* marker */
 }
 :root {
-    --calendar-popover-border-radius: 0 0 var(--border-radius-s) var(--border-radius-s);
+    --calendar-popover-border-radius: var(--border-radius-m);
 }
-.date-time-input__component_1u4x2 {
+.date-time-input__component_wum5f {
     display: inline-block;
     outline: none;
     position: relative;
 }
-.date-time-input__calendarContainer_1u4x2 {
+.date-time-input__calendarContainer_wum5f {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius)
 }
 @media (max-width: 374px) {
-.date-time-input__calendarContainer_1u4x2 {
+.date-time-input__calendarContainer_wum5f {
         width: 100%;
         min-width: 288px
 }
     }
-.date-time-input__calendarResponsive_1u4x2 {
+.date-time-input__calendarResponsive_wum5f {
     width: var(--calendar-width);
     padding: 0 var(--gap-m);
 }
-.date-time-input__block_1u4x2 {
+.date-time-input__block_wum5f {
     width: 100%;
 }

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

@@ -1 +1 @@
-export * from "../../Component-e82a534f";
+export * from "../../Component-074b6874";

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

@@ -1,4 +1,4 @@
-export { D as DateTimeInput } from '../../Component-e82a534f.js';
+export { D as DateTimeInput } from '../../Component-074b6874.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
@@ -6,6 +6,7 @@ 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';

package/esm/desktop.js

@@ -1,5 +1,5 @@
 export { DateTimeInputDesktop } from './Component.desktop.js';
-import './Component-e82a534f.js';
+import './Component-074b6874.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
@@ -7,6 +7,7 @@ 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';

package/esm/index.d.ts

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

package/esm/index.js

@@ -1,5 +1,5 @@
 export { DateTimeInputResponsive as DateTimeInput } from './Component.responsive.js';
-import './Component-e82a534f.js';
+import './Component-074b6874.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
@@ -7,10 +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 '@alfalab/hooks';
 import './Component.desktop.js';
 import './Component.mobile.js';

package/esm/mobile.js

@@ -1,5 +1,5 @@
 export { DateTimeInputMobile } from './Component.mobile.js';
-import './Component-e82a534f.js';
+import './Component-074b6874.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
@@ -7,6 +7,7 @@ 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';

package/esm/responsive.js

@@ -1,5 +1,5 @@
 export { DateTimeInputResponsive } from './Component.responsive.js';
-import './Component-e82a534f.js';
+import './Component-074b6874.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
@@ -7,10 +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 '@alfalab/hooks';
 import './Component.desktop.js';
 import './Component.mobile.js';

package/esm/utils/format.d.ts

@@ -1,5 +1,6 @@
 declare const DATE_FORMAT = "dd.MM.yyyy";
 declare const DATE_MASK: (string | RegExp)[];
+declare const DATE_WITH_TIME_LENGTH: number;
 declare const isCompleteDateInput: (input: string) => boolean;
 declare const parseDateString: (value: string, dateFormat?: string) => Date;
 declare const isValidTimeFormat: (value: string) => boolean;
@@ -8,5 +9,5 @@ declare const format: (value: string) => string;
 declare const parseTimestampToDate: (timestamp: number) => string;
 declare const getDateWithoutTime: (value: string) => Date;
 declare const getFullDateTime: (value: string) => Date;
-declare const setTimeToDate: (value: string) => string;
-export { DATE_FORMAT, DATE_MASK, isCompleteDateInput, parseDateString, isValidTimeFormat, isValid, format, parseTimestampToDate, getDateWithoutTime, getFullDateTime, setTimeToDate };
+declare const addTimeToDate: (value: string) => string;
+export { DATE_FORMAT, DATE_MASK, DATE_WITH_TIME_LENGTH, isCompleteDateInput, parseDateString, isValidTimeFormat, isValid, format, parseTimestampToDate, getDateWithoutTime, getFullDateTime, addTimeToDate };

package/esm/utils/format.js

@@ -22,7 +22,8 @@ var DATE_MASK = [
     /\d/,
     /\d/,
 ];
-var isCompleteDateInput = function (input) { return input.length === DATE_MASK.length; };
+var DATE_WITH_TIME_LENGTH = DATE_MASK.length;
+var isCompleteDateInput = function (input) { return input.length === DATE_WITH_TIME_LENGTH; };
 var parseDateString = function (value, dateFormat) {
     if (dateFormat === void 0) { dateFormat = DATE_FORMAT; }
     return parse(value, dateFormat, new Date());
@@ -116,13 +117,15 @@ var getFullDateTime = function (value) {
     fullDate.setFullYear(Number(year), Number(month) - 1, Number(day));
     fullDate.setHours(Number(hours) || 0);
     fullDate.setMinutes(Number(mins) || 0);
+    fullDate.setSeconds(0);
+    fullDate.setMilliseconds(0);
     return fullDate;
 };
-var setTimeToDate = function (value) {
+var addTimeToDate = function (value) {
     if (value.length === 10 && dateFnsIsValid(parseDateString(value))) {
         return "".concat(value, ", 00:00");
     }
     return value;
 };
 
-export { DATE_FORMAT, DATE_MASK, format, getDateWithoutTime, getFullDateTime, isCompleteDateInput, isValid, isValidTimeFormat, parseDateString, parseTimestampToDate, setTimeToDate };
+export { DATE_FORMAT, DATE_MASK, DATE_WITH_TIME_LENGTH, addTimeToDate, format, getDateWithoutTime, getFullDateTime, isCompleteDateInput, isValid, isValidTimeFormat, parseDateString, parseTimestampToDate };

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';
+export { DATE_FORMAT, DATE_MASK, DATE_WITH_TIME_LENGTH, addTimeToDate, format, getDateWithoutTime, getFullDateTime, isCompleteDateInput, isValid, isValidTimeFormat, parseDateString, parseTimestampToDate } from './format.js';
 import 'date-fns/isValid';
 import 'date-fns/parse';

package/index.d.ts

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

package/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var Component_responsive = require('./Component.responsive.js');
-require('./Component-27749cf7.js');
+require('./Component-1ff76732.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
@@ -9,11 +9,11 @@ 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('@alfalab/hooks');
 require('./Component.desktop.js');
 require('./Component.mobile.js');
 

package/mobile.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var Component_mobile = require('./Component.mobile.js');
-require('./Component-27749cf7.js');
+require('./Component-1ff76732.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
@@ -9,6 +9,7 @@ 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');