fix: focus to input

fixes: #136
talkhabi · Jan 30, 2021 · 10bf5fd · 10bf5fd
1 parent de15814
commit 10bf5fd
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/src/picker/VuePersianDatetimePicker.vue b/src/picker/VuePersianDatetimePicker.vue
@@ -23,6 +23,7 @@
       </label>
       <input
         :id="id"
+        ref="input"
         type="text"
         :name="name"
         :class="[inputClass, { 'vpd-is-editable': editable }]"
@@ -1531,10 +1532,14 @@ export default {
       return d
     },
     focus(e) {
-      if (!this.editable) {
-        e.preventDefault()
-        e.stopPropagation()
-        e.target.blur()
+      if (this.editable) {
+        if (this.$refs.input) this.$refs.input.focus()
+      } else {
+        if (e) {
+          e.preventDefault()
+          e.stopPropagation()
+          e.target.blur()
+        }
         this.visible = true
         return false
       }