From 9d5e5b7c65d1512a0c35b5de38ab7069d948c0eb Mon Sep 17 00:00:00 2001
From: Vladimir <ikuz58@gmail.com>
Date: Tue, 10 Oct 2023 16:17:22 +0700
Subject: [PATCH] fix(*): added autocomplete="off" attribute (#884)

---
 .changeset/eleven-ties-wash.md                            | 8 ++++++++
 .../src/__snapshots__/Component.test.tsx.snap             | 5 +++++
 .../src/components/calendar-input/Component.tsx           | 1 +
 .../src/components/date-range-input/Component.tsx         | 1 +
 .../src/components/date-time-input/Component.tsx          | 1 +
 .../components/base-universal-date-input/Component.tsx    | 1 +
 .../src/components/date-range-input/Component.tsx         | 1 -
 7 files changed, 17 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/eleven-ties-wash.md

diff --git a/.changeset/eleven-ties-wash.md b/.changeset/eleven-ties-wash.md
new file mode 100644
index 0000000000..1865250d2a
--- /dev/null
+++ b/.changeset/eleven-ties-wash.md
@@ -0,0 +1,8 @@
+---
+'@alfalab/core-components-calendar-input': patch
+'@alfalab/core-components-date-range-input': patch
+'@alfalab/core-components-date-time-input': patch
+'@alfalab/core-components-universal-date-input': patch
+---
+
+Добавлен атрибут autocomplete='off'
diff --git a/packages/calendar-input/src/__snapshots__/Component.test.tsx.snap b/packages/calendar-input/src/__snapshots__/Component.test.tsx.snap
index cd62875c16..a80fd4045a 100644
--- a/packages/calendar-input/src/__snapshots__/Component.test.tsx.snap
+++ b/packages/calendar-input/src/__snapshots__/Component.test.tsx.snap
@@ -19,6 +19,7 @@ exports[`CalendarInput Display tests should match snapshot 1`] = `
             class="input"
           >
             <input
+              autocomplete="off"
               class="input input input"
               inputmode="decimal"
               pattern="[0-9\\\\.]*"
@@ -88,6 +89,7 @@ Object {
                 class="input"
               >
                 <input
+                  autocomplete="off"
                   class="input input input"
                   inputmode="decimal"
                   pattern="[0-9\\\\.]*"
@@ -149,6 +151,7 @@ Object {
               class="input"
             >
               <input
+                autocomplete="off"
                 class="input input input"
                 inputmode="decimal"
                 pattern="[0-9\\\\.]*"
@@ -263,6 +266,7 @@ Object {
                 class="input"
               >
                 <input
+                  autocomplete="off"
                   class="input input input"
                   inputmode="decimal"
                   pattern="[0-9\\\\.]*"
@@ -320,6 +324,7 @@ Object {
               class="input"
             >
               <input
+                autocomplete="off"
                 class="input input input"
                 inputmode="decimal"
                 pattern="[0-9\\\\.]*"
diff --git a/packages/calendar-input/src/components/calendar-input/Component.tsx b/packages/calendar-input/src/components/calendar-input/Component.tsx
index f29e342b0e..1aaa262eba 100644
--- a/packages/calendar-input/src/components/calendar-input/Component.tsx
+++ b/packages/calendar-input/src/components/calendar-input/Component.tsx
@@ -406,6 +406,7 @@ export const CalendarInput = forwardRef<HTMLInputElement, CalendarInputProps>(
                 data-test-id={dataTestId}
             >
                 <DateInput
+                    autoComplete='off'
                     {...restProps}
                     ref={mergeRefs([inputRef, ref])}
                     wrapperRef={mergeRefs([wrapperRef, inputWrapperRef])}
diff --git a/packages/date-range-input/src/components/date-range-input/Component.tsx b/packages/date-range-input/src/components/date-range-input/Component.tsx
index 14d34faccc..40cca97983 100644
--- a/packages/date-range-input/src/components/date-range-input/Component.tsx
+++ b/packages/date-range-input/src/components/date-range-input/Component.tsx
@@ -458,6 +458,7 @@ export const DateRangeInput = React.forwardRef<HTMLInputElement, DateRangeInputP
             >
                 {InputComponent ? (
                     <InputComponent
+                        autoComplete={picker ? 'off' : undefined}
                         {...restProps}
                         block={block}
                         ref={mergeRefs([ref, inputRef])}
diff --git a/packages/date-time-input/src/components/date-time-input/Component.tsx b/packages/date-time-input/src/components/date-time-input/Component.tsx
index 28f2d3abce..666781c885 100644
--- a/packages/date-time-input/src/components/date-time-input/Component.tsx
+++ b/packages/date-time-input/src/components/date-time-input/Component.tsx
@@ -364,6 +364,7 @@ export const DateTimeInput = React.forwardRef<HTMLInputElement, DateTimeInputPro
             >
                 {InputComponent ? (
                     <InputComponent
+                        autoComplete={picker ? 'off' : undefined}
                         {...restProps}
                         block={block}
                         ref={mergeRefs([ref, inputRef])}
diff --git a/packages/universal-date-input/src/components/base-universal-date-input/Component.tsx b/packages/universal-date-input/src/components/base-universal-date-input/Component.tsx
index 31793d2be0..1af2061611 100644
--- a/packages/universal-date-input/src/components/base-universal-date-input/Component.tsx
+++ b/packages/universal-date-input/src/components/base-universal-date-input/Component.tsx
@@ -156,6 +156,7 @@ export const BaseUniversalDateInput = forwardRef<HTMLInputElement, BaseUniversal
         const inputDisabled = disabled || readOnly;
 
         const commonProps = {
+            autoComplete: picker ? 'off' : undefined,
             disableUserInput,
             autoCorrection,
             disabled,
diff --git a/packages/universal-date-input/src/components/date-range-input/Component.tsx b/packages/universal-date-input/src/components/date-range-input/Component.tsx
index f4625cd55e..fb308f14d2 100644
--- a/packages/universal-date-input/src/components/date-range-input/Component.tsx
+++ b/packages/universal-date-input/src/components/date-range-input/Component.tsx
@@ -191,7 +191,6 @@ export const DateRangeInput = forwardRef<HTMLInputElement, InnerDateRangeInputPr
                 data-test-id={getDataTestId(dataTestId, 'wrapper')}
             >
                 <Input
-                    placeholder={`ДД.ММ.ГГГГ${DATE_RANGE_SEPARATOR}ДД.ММ.ГГГГ`}
                     {...restProps}
                     dataTestId={dataTestId}
                     breakpoint={breakpoint}