fix(*): added autocomplete="off" attribute (#884)

core-ds · Oct 10, 2023 · 9d5e5b7 · 9d5e5b7
1 parent 76b5779
commit 9d5e5b7
Show file tree

Hide file tree

Showing 7 changed files with 17 additions and 1 deletion.
diff --git a/.changeset/eleven-ties-wash.md 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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}