Make button behavior the same as input field

If we have several Datepickers with button and click on both buttons sequentially then both Datepickers will appear and overlap one each other. This patch fixes such issue.
charliekassel · Jul 4, 2019 · 04a962c · 04a962c
1 parent de0fc75
commit 04a962c
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/DateInput.vue b/src/components/DateInput.vue
@@ -2,12 +2,12 @@
   <div :class="{'input-group' : bootstrapStyling}">
     <!-- Calendar Button -->
     <span v-if="calendarButton" class="vdp-datepicker__calendar-button" :class="{'input-group-prepend' : bootstrapStyling}" @click="showCalendar" v-bind:style="{'cursor:not-allowed;' : disabled}">
-      <span :class="{'input-group-text' : bootstrapStyling}">
+      <button type="button" :class="{'input-group-text' : bootstrapStyling}" @blur="inputBlurred">
         <i :class="calendarButtonIcon">
           {{ calendarButtonIconContent }}
           <span v-if="!calendarButtonIcon">&hellip;</span>
         </i>
-      </span>
+      </button>
     </span>
     <!-- Input -->
     <input