@alfalab/core-components-date-time-input 4.0.5 → 4.0.7

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

@@ -144,13 +144,8 @@ declare const DateTimeInput: React.ForwardRefExoticComponent<Omit<InputProps, "o
         open: boolean;
         title?: string | undefined;
         onClose?: (() => void) | undefined;
-        /**
-         * Обработчик изменения значения
-         */
         onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, globalThis.MouseEvent>) => void) | undefined;
-        yearsAmount?: number | undefined; /**
-         * Обработчик окончания ввода
-         */
+        yearsAmount?: number | undefined;
         hasHeader?: boolean | undefined;
         allowSelectionFromEmptyRange?: boolean | undefined;
     } & Record<string, unknown>) | undefined;

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_1h41f","calendarContainer":"date-time-input__calendarContainer_1h41f","calendarResponsive":"date-time-input__calendarResponsive_1h41f","block":"date-time-input__block_1h41f","calendarIcon":"date-time-input__calendarIcon_1h41f"};
+var styles = {"component":"date-time-input__component_1kw0i","calendarContainer":"date-time-input__calendarContainer_1kw0i","calendarResponsive":"date-time-input__calendarResponsive_1kw0i","block":"date-time-input__block_1kw0i","calendarIcon":"date-time-input__calendarIcon_1kw0i"};
 require('./index.css')
 
 /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
@@ -120,12 +120,6 @@ var DateTimeInput = React__default.default.forwardRef(function (_a, ref) {
     var handleClear = function () {
         setValue('');
     };
-    var handleInputKeyDown = function (event) {
-        var isCopy = (event.metaKey || event.ctrlKey) && event.key === 'c';
-        if (disableUserInput && !isCopy && event.key !== 'Tab') {
-            event.preventDefault();
-        }
-    };
     var handleCalendarChange = function (date) {
         if (date) {
             var newValue = utils_format.parseTimestampToDate(date);
@@ -153,7 +147,7 @@ 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, onKeyDown: handleInputKeyDown, error: error, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
+        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,
                 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 = {},

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

@@ -1,4 +1,4 @@
-/* hash: 1gl8s */
+/* hash: 96023 */
 :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_1h41f {
+} .date-time-input__component_1kw0i {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-time-input__calendarContainer_1h41f {
+} .date-time-input__calendarContainer_1kw0i {
     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_1h41f {
+} @media (max-width: 374px) { .date-time-input__calendarContainer_1kw0i {
         width: 100%;
         min-width: 288px
 }
-    } .date-time-input__calendarResponsive_1h41f {
+    } .date-time-input__calendarResponsive_1kw0i {
     width: var(--calendar-width);
-} .date-time-input__block_1h41f {
+} .date-time-input__block_1kw0i {
     width: 100%;
-} .date-time-input__calendarIcon_1h41f {
+} .date-time-input__calendarIcon_1kw0i {
     margin-right: var(--gap-s-neg);
     height: 100%;
 }

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

@@ -144,13 +144,8 @@ declare const DateTimeInput: React.ForwardRefExoticComponent<Omit<InputProps, "o
         open: boolean;
         title?: string | undefined;
         onClose?: (() => void) | undefined;
-        /**
-         * Обработчик изменения значения
-         */
         onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, globalThis.MouseEvent>) => void) | undefined;
-        yearsAmount?: number | undefined; /**
-         * Обработчик окончания ввода
-         */
+        yearsAmount?: number | undefined;
         hasHeader?: boolean | undefined;
         allowSelectionFromEmptyRange?: boolean | undefined;
     } & Record<string, unknown>) | undefined;

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

@@ -119,12 +119,6 @@ var DateTimeInput = React__default.default.forwardRef(function (_a, ref) {
     var handleClear = function () {
         setValue('');
     };
-    var handleInputKeyDown = function (event) {
-        var isCopy = (event.metaKey || event.ctrlKey) && event.key === 'c';
-        if (disableUserInput && !isCopy && event.key !== 'Tab') {
-            event.preventDefault();
-        }
-    };
     var handleCalendarChange = function (date) {
         if (date) {
             var newValue = utils_format.parseTimestampToDate(date);
@@ -152,7 +146,7 @@ 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, onKeyDown: handleInputKeyDown, error: error, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
+        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,
                 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 = {},

package/{esm/index-2abb571d.d.ts → cssm/index-1a4fbd11.d.ts}

@@ -12,4 +12,11 @@ declare function disableUserInput<T>(disabled: boolean | undefined, event: React
 declare const inputUtils: {
     disableUserInput: typeof disableUserInput;
 };
-export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils };
+/**
+ * Возвращает true, если значение равно null или undefined
+ */
+declare function isNil(value: unknown): boolean;
+declare const fnUtils: {
+    isNil: typeof isNil;
+};
+export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils };

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

@@ -144,13 +144,8 @@ declare const DateTimeInput: React.ForwardRefExoticComponent<Omit<InputProps, "o
         open: boolean;
         title?: string | undefined;
         onClose?: (() => void) | undefined;
-        /**
-         * Обработчик изменения значения
-         */
         onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, globalThis.MouseEvent>) => void) | undefined;
-        yearsAmount?: number | undefined; /**
-         * Обработчик окончания ввода
-         */
+        yearsAmount?: number | undefined;
         hasHeader?: boolean | undefined;
         allowSelectionFromEmptyRange?: boolean | undefined;
     } & Record<string, unknown>) | undefined;

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_1h41f","calendarContainer":"date-time-input__calendarContainer_1h41f","calendarResponsive":"date-time-input__calendarResponsive_1h41f","block":"date-time-input__block_1h41f","calendarIcon":"date-time-input__calendarIcon_1h41f"};
+var styles = {"component":"date-time-input__component_1kw0i","calendarContainer":"date-time-input__calendarContainer_1kw0i","calendarResponsive":"date-time-input__calendarResponsive_1kw0i","block":"date-time-input__block_1kw0i","calendarIcon":"date-time-input__calendarIcon_1kw0i"};
 require('./index.css')
 
 /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
@@ -110,12 +110,6 @@ var DateTimeInput = React.forwardRef(function (_a, ref) {
     var handleClear = function () {
         setValue('');
     };
-    var handleInputKeyDown = function (event) {
-        var isCopy = (event.metaKey || event.ctrlKey) && event.key === 'c';
-        if (disableUserInput && !isCopy && event.key !== 'Tab') {
-            event.preventDefault();
-        }
-    };
     var handleCalendarChange = function (date) {
         if (date) {
             var newValue = parseTimestampToDate(date);
@@ -143,7 +137,7 @@ 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, onKeyDown: handleInputKeyDown, error: error, rightAddons: React.createElement(React.Fragment, null,
+        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,
                 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 = {},

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

@@ -1,4 +1,4 @@
-/* hash: 1gl8s */
+/* hash: 96023 */
 :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_1h41f {
+} .date-time-input__component_1kw0i {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-time-input__calendarContainer_1h41f {
+} .date-time-input__calendarContainer_1kw0i {
     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_1h41f {
+} @media (max-width: 374px) { .date-time-input__calendarContainer_1kw0i {
         width: 100%;
         min-width: 288px
 }
-    } .date-time-input__calendarResponsive_1h41f {
+    } .date-time-input__calendarResponsive_1kw0i {
     width: var(--calendar-width);
-} .date-time-input__block_1h41f {
+} .date-time-input__block_1kw0i {
     width: 100%;
-} .date-time-input__calendarIcon_1h41f {
+} .date-time-input__calendarIcon_1kw0i {
     margin-right: var(--gap-s-neg);
     height: 100%;
 }

package/{index-2abb571d.d.ts → esm/index-1a4fbd11.d.ts}

@@ -12,4 +12,11 @@ declare function disableUserInput<T>(disabled: boolean | undefined, event: React
 declare const inputUtils: {
     disableUserInput: typeof disableUserInput;
 };
-export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils };
+/**
+ * Возвращает true, если значение равно null или undefined
+ */
+declare function isNil(value: unknown): boolean;
+declare const fnUtils: {
+    isNil: typeof isNil;
+};
+export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils };

package/{cssm/index-2abb571d.d.ts → index-1a4fbd11.d.ts}

@@ -12,4 +12,11 @@ declare function disableUserInput<T>(disabled: boolean | undefined, event: React
 declare const inputUtils: {
     disableUserInput: typeof disableUserInput;
 };
-export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils };
+/**
+ * Возвращает true, если значение равно null или undefined
+ */
+declare function isNil(value: unknown): boolean;
+declare const fnUtils: {
+    isNil: typeof isNil;
+};
+export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils };

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

@@ -144,13 +144,8 @@ declare const DateTimeInput: React.ForwardRefExoticComponent<Omit<InputProps, "o
         open: boolean;
         title?: string | undefined;
         onClose?: (() => void) | undefined;
-        /**
-         * Обработчик изменения значения
-         */
         onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, globalThis.MouseEvent>) => void) | undefined;
-        yearsAmount?: number | undefined; /**
-         * Обработчик окончания ввода
-         */
+        yearsAmount?: number | undefined;
         hasHeader?: boolean | undefined;
         allowSelectionFromEmptyRange?: boolean | undefined;
     } & Record<string, unknown>) | undefined;

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_1h41f","calendarContainer":"date-time-input__calendarContainer_1h41f","calendarResponsive":"date-time-input__calendarResponsive_1h41f","block":"date-time-input__block_1h41f","calendarIcon":"date-time-input__calendarIcon_1h41f"};
+const styles = {"component":"date-time-input__component_1kw0i","calendarContainer":"date-time-input__calendarContainer_1kw0i","calendarResponsive":"date-time-input__calendarResponsive_1kw0i","block":"date-time-input__block_1kw0i","calendarIcon":"date-time-input__calendarIcon_1kw0i"};
 require('./index.css')
 
 /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
@@ -106,12 +106,6 @@ const DateTimeInput = React.forwardRef(({ className, inputClassName, popoverClas
     const handleClear = () => {
         setValue('');
     };
-    const handleInputKeyDown = (event) => {
-        const isCopy = (event.metaKey || event.ctrlKey) && event.key === 'c';
-        if (disableUserInput && !isCopy && event.key !== 'Tab') {
-            event.preventDefault();
-        }
-    };
     const handleCalendarChange = (date) => {
         if (date) {
             const newValue = parseTimestampToDate(date);
@@ -137,7 +131,7 @@ 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, onKeyDown: handleInputKeyDown, error: error, rightAddons: React.createElement(React.Fragment, null,
+        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,
                 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, {

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

@@ -1,4 +1,4 @@
-/* hash: 1gl8s */
+/* hash: 96023 */
 :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_1h41f {
+} .date-time-input__component_1kw0i {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-time-input__calendarContainer_1h41f {
+} .date-time-input__calendarContainer_1kw0i {
     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_1h41f {
+} @media (max-width: 374px) { .date-time-input__calendarContainer_1kw0i {
         width: 100%;
         min-width: 288px
 }
-    } .date-time-input__calendarResponsive_1h41f {
+    } .date-time-input__calendarResponsive_1kw0i {
     width: var(--calendar-width);
-} .date-time-input__block_1h41f {
+} .date-time-input__block_1kw0i {
     width: 100%;
-} .date-time-input__calendarIcon_1h41f {
+} .date-time-input__calendarIcon_1kw0i {
     margin-right: var(--gap-s-neg);
     height: 100%;
 }

package/modern/{index-2abb571d.d.ts → index-1a4fbd11.d.ts}

@@ -12,4 +12,11 @@ declare function disableUserInput<T>(disabled: boolean | undefined, event: React
 declare const inputUtils: {
     disableUserInput: typeof disableUserInput;
 };
-export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils };
+/**
+ * Возвращает true, если значение равно null или undefined
+ */
+declare function isNil(value: unknown): boolean;
+declare const fnUtils: {
+    isNil: typeof isNil;
+};
+export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-date-time-input",
-    "version": "4.0.5",
+    "version": "4.0.7",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -35,9 +35,9 @@
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-calendar": "^7.0.4",
-        "@alfalab/core-components-input": "^12.1.0",
-        "@alfalab/core-components-icon-button": "^6.2.3",
+        "@alfalab/core-components-calendar": "^7.0.5",
+        "@alfalab/core-components-input": "^12.1.2",
+        "@alfalab/core-components-icon-button": "^6.2.4",
         "@alfalab/core-components-popover": "^6.1.0",
         "@alfalab/hooks": "^1.13.0",
         "@alfalab/icons-glyph": "^2.108.0",

package/src/components/date-time-input/Component.tsx

@@ -4,7 +4,6 @@ import React, {
     ChangeEvent,
     ElementType,
     FocusEvent,
-    KeyboardEvent,
     MouseEvent,
     useEffect,
     useRef,
@@ -312,14 +311,6 @@ export const DateTimeInput = React.forwardRef<HTMLInputElement, DateTimeInputPro
             setValue('');
         };
 
-        const handleInputKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {
-            const isCopy = (event.metaKey || event.ctrlKey) && event.key === 'c';
-
-            if (disableUserInput && !isCopy && event.key !== 'Tab') {
-                event.preventDefault();
-            }
-        };
-
         const handleCalendarChange = (date?: number) => {
             if (date) {
                 const newValue = parseTimestampToDate(date);
@@ -382,7 +373,7 @@ export const DateTimeInput = React.forwardRef<HTMLInputElement, DateTimeInputPro
                         readOnly={readOnly}
                         className={inputClassName}
                         onClear={handleClear}
-                        onKeyDown={handleInputKeyDown}
+                        disableUserInput={disableUserInput}
                         error={error}
                         rightAddons={
                             <React.Fragment>