fix: clearInput aria-label set on wrong element (fixes #942)

Vuepic · Jul 18, 2024 · 47d9485 · 47d9485
1 parent f436174
commit 47d9485
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/src/VueDatePicker/components/DatepickerInput.vue b/src/VueDatePicker/components/DatepickerInput.vue
@@ -46,7 +46,7 @@
                 @keydown="handleKeyPress($event, true)"
                 @paste="handlePaste"
             />
-            <div :aria-label="defaultedAriaLabels?.clearInput" @click="emit('toggle')">
+            <div @click="emit('toggle')">
                 <span v-if="$slots['input-icon'] && !hideInputIcon" class="dp__input_icon" @click="emit('toggle')"
                     ><slot name="input-icon"
                 /></span>
@@ -57,14 +57,13 @@
                     @click="emit('toggle')"
                 />
             </div>
-            <span
-                v-if="$slots['clear-icon'] && inputValue && clearable && !disabled && !readonly"
-                class="dp--clear-btn"
+            <span v-if="$slots['clear-icon'] && inputValue && clearable && !disabled && !readonly" class="dp--clear-btn"
                 ><slot name="clear-icon" :clear="onClear"
             /></span>
             <button
                 v-if="clearable && !$slots['clear-icon'] && inputValue && !disabled && !readonly"
                 ref="clearBtnRef"
+                :aria-label="defaultedAriaLabels?.clearInput"
                 class="dp--clear-btn"
                 type="button"
                 @blur="clearBtnFocused = false"