fix: invalid DOM property autocomplete

When using the DateTimeInput component, there is an error in the console stating that the autocomplete property is an invalid DOM property. Changed autocomplete to autoComplete conform HTML standards.
42BV · Apr 23, 2021 · 54c5dd5 · 54c5dd5
1 parent 5881031
commit 54c5dd5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/form/DateTimeInput/DateTimeInput.tsx b/src/form/DateTimeInput/DateTimeInput.tsx
@@ -193,7 +193,7 @@ export default function DateTimeInput(props: Props) {
           placeholder,
           invalid: valid === false || hasFormatError,
           id,
-          autocomplete: 'off'
+          autoComplete: 'off'
         }}
         open={mode === 'modal' ? false : undefined}
         renderInput={(props) =>

diff --git a/src/form/DateTimeInput/__snapshots__/DateTimeInput.test.tsx.snap b/src/form/DateTimeInput/__snapshots__/DateTimeInput.test.tsx.snap
@@ -66,7 +66,7 @@ exports[`Component: DateTimeInput ui with date picker in modal: Component: DateT
     input={true}
     inputProps={
       Object {
-        "autocomplete": "off",
+        "autoComplete": "off",
         "id": "dateOfBirth",
         "invalid": false,
         "mask": Array [
@@ -153,7 +153,7 @@ exports[`Component: DateTimeInput ui with date picker in modal: Component: DateT
     input={true}
     inputProps={
       Object {
-        "autocomplete": "off",
+        "autoComplete": "off",
         "id": "dateOfBirth",
         "invalid": false,
         "mask": Array [
@@ -250,7 +250,7 @@ exports[`Component: DateTimeInput ui with format error: Component: DateTimeInput
     input={true}
     inputProps={
       Object {
-        "autocomplete": "off",
+        "autoComplete": "off",
         "id": "dateOfBirth",
         "invalid": true,
         "mask": Array [
@@ -336,7 +336,7 @@ exports[`Component: DateTimeInput ui with label: Component: DateTimeInput => ui
     input={true}
     inputProps={
       Object {
-        "autocomplete": "off",
+        "autoComplete": "off",
         "id": "dateOfBirth",
         "invalid": false,
         "mask": Array [
@@ -399,7 +399,7 @@ exports[`Component: DateTimeInput ui without label: Component: DateTimeInput =>
     input={true}
     inputProps={
       Object {
-        "autocomplete": "off",
+        "autoComplete": "off",
         "id": "dateOfBirth",
         "invalid": false,
         "mask": Array [