Merge pull request #1033 from Georglider/main

feat: alwaysClearable prop
Vuepic · Dec 28, 2024 · 7ed96fd · 7ed96fd
2 parents 3fcd0ae + 94ff47d
commit 7ed96fd
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/VueDatePicker/components/DatepickerInput.vue b/src/VueDatePicker/components/DatepickerInput.vue
@@ -58,11 +58,11 @@
                     @click="emit('toggle')"
                 />
             </div>
-            <span v-if="$slots['clear-icon'] && inputValue && clearable && !disabled && !readonly" class="dp--clear-btn"
+            <span v-if="$slots['clear-icon'] && (alwaysClearable || 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"
+                v-if="!$slots['clear-icon'] && (alwaysClearable || clearable && inputValue && !disabled && !readonly)"
                 :aria-label="defaultedAriaLabels?.clearInput"
                 class="dp--clear-btn"
                 type="button"

diff --git a/src/VueDatePicker/props.ts b/src/VueDatePicker/props.ts
@@ -120,6 +120,7 @@ export const AllProps = {
     placeholder: { type: String as PropType<string>, default: '' },
     hideInputIcon: { type: Boolean as PropType<boolean>, default: false },
     clearable: { type: Boolean as PropType<boolean>, default: true },
+    alwaysClearable: { type: Boolean as PropType<boolean>, default: false },
     state: { type: Boolean as PropType<boolean | null>, default: null },
     required: { type: Boolean as PropType<boolean>, default: false },
     autocomplete: { type: String as PropType<string>, default: 'off' },