feat: Add autocomplete prop (#83)

Vuepic · Jan 21, 2022 · 5000604 · 5000604
1 parent 79cfb89
commit 5000604
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 0 deletions.
diff --git a/index.d.ts b/index.d.ts
@@ -178,6 +178,7 @@ interface Vue3DatePicker {
     spaceConfirm?: boolean;
     monthChangeOnArrows?: boolean;
     formatLocale?: Locale;
+    autocomplete?: string;
 }
 
 interface PublicMethods extends MethodOptions {

diff --git a/src/Vue3DatePicker/Vue3DatePicker.vue b/src/Vue3DatePicker/Vue3DatePicker.vue
@@ -22,6 +22,7 @@
                 openMenuOnFocus,
                 required,
                 name,
+                autocomplete,
             }"
             v-model:input-value="inputValue"
             @clear="clearValue"
@@ -262,6 +263,7 @@
         spaceConfirm: { type: Boolean as PropType<boolean>, default: true },
         monthChangeOnArrows: { type: Boolean as PropType<boolean>, default: true },
         formatLocale: { type: Object as PropType<Locale>, default: null },
+        autocomplete: { type: String as PropType<string>, default: null },
     });
     const slots = useSlots();
     const isOpen = ref(false);

diff --git a/src/Vue3DatePicker/components/DatepickerInput.vue b/src/Vue3DatePicker/components/DatepickerInput.vue
@@ -27,6 +27,7 @@
                 :readonly="readonly"
                 :required="required"
                 :value="inputValue"
+                :autocomplete="autocomplete"
                 @input="handleInput"
                 @keydown.enter="handleEnter"
                 @keydown.tab="handleTab"
@@ -91,6 +92,7 @@
         uid: { type: String as PropType<string>, default: null },
         openMenuOnFocus: { type: Boolean as PropType<boolean>, default: true },
         required: { type: Boolean as PropType<boolean>, default: false },
+        autocomplete: { type: String as PropType<string>, default: 'off' },
     });
     const parsedDate = ref();
     const inputRef = ref(null);