feat(dateinput): Remove deprecated icon props

mst101 · Aug 7, 2022 · 19f3dda · 19f3dda
1 parent 1046cb7
commit 19f3dda
Show file tree

Hide file tree

Showing 5 changed files with 3 additions and 29 deletions.
diff --git a/docs/guide/Migration/README.md b/docs/guide/Migration/README.md
@@ -7,6 +7,7 @@
 - a new `changed` event is emitted whenever the selected date deviates from its previous value.
 - the `focus` and `blur` events now refer to the whole datepicker, not just the input field.
 - the `disabled-dates` prop is now watched for changes with the value of any selected date being nullified if that date is disabled.
+- the previously deprecated `calendar-button-icon`, `calendar-button-icon-content` and `clear-button-icon` props have been removed. Use [slots](../Slots/README.md) instead.
 
 ## 3.x.x to 4.x.x
 

diff --git a/docs/guide/Props/README.md b/docs/guide/Props/README.md
@@ -6,11 +6,8 @@
 | autofocus                     | Boolean                       | false       | Sets html `autofocus` attribute on input                                                                                         |
 | bootstrap-styling             | Boolean                       | false       | Use bootstrap v4 styling classes.                                                                                                |
 | calendar-button               | Boolean                       | false       | Show an button that opens/closes the datepicker. Customisable via [slots](../Slots/README.md)                                    |
-| calendar-button-icon          | String                        |             | (Deprecated for slot) Use icon for button (ex: fa fa-calendar)                                                                   |
-| calendar-button-icon-content  | String                        |             | (Deprecated for slot) Use for material-icons (ex: event)                                                                         |
 | calendar-class                | String&#124;Object            |             | CSS class applied to the calendar el                                                                                             |
 | clear-button                  | Boolean                       | false       | Show a button for clearing the date. Customisable via [slots](../Slots/README.md)                                                |
-| clear-button-icon             | String                        |             | (Deprecated for slot) Use icon for button (ex: fa fa-times)                                                                      |
 | day-cell-content              | Function                      |             | Use to render custom content in day cell                                                                                         |
 | disabled                      | Boolean                       | false       | If `true`, disable datepicker on screen                                                                                          |
 | disabled-dates                | Object                        |             | See [Disabled Dates](../DisabledDates/README.md) for configuration                                                               |

diff --git a/src/components/DateInput.vue b/src/components/DateInput.vue
@@ -14,12 +14,7 @@
       @focus="handleButtonFocus"
     >
       <span :class="{ 'input-group-text': bootstrapStyling }">
-        <slot name="calendarBtn">
-          <i :class="calendarButtonIcon">
-            {{ calendarButtonIconContent }}
-            <span v-if="!calendarButtonIcon">&hellip;</span>
-          </i>
-        </slot>
+        <slot name="calendarBtn">&hellip;</slot>
       </span>
     </button>
     <!-- Input -->
@@ -65,11 +60,7 @@
       @click="clearDate"
     >
       <span :class="{ 'input-group-text': bootstrapStyling }">
-        <slot name="clearBtn">
-          <i :class="clearButtonIcon">
-            <span v-if="!clearButtonIcon">&times;</span>
-          </i>
-        </slot>
+        <slot name="clearBtn">&times;</slot>
       </span>
     </button>
     <slot name="afterDateInput" />

diff --git a/src/components/Datepicker.vue b/src/components/Datepicker.vue
@@ -14,10 +14,7 @@
       :autofocus="autofocus"
       :bootstrap-styling="bootstrapStyling"
       :calendar-button="calendarButton"
-      :calendar-button-icon="calendarButtonIcon"
-      :calendar-button-icon-content="calendarButtonIconContent"
       :clear-button="clearButton"
-      :clear-button-icon="clearButtonIcon"
       :disabled="disabled"
       :format="format"
       :inline="inline"

diff --git a/src/mixins/inputProps.vue b/src/mixins/inputProps.vue
@@ -13,22 +13,10 @@ export default {
       type: Boolean,
       default: false,
     },
-    clearButtonIcon: {
-      type: String,
-      default: '',
-    },
     calendarButton: {
       type: Boolean,
       default: false,
     },
-    calendarButtonIcon: {
-      type: String,
-      default: '',
-    },
-    calendarButtonIconContent: {
-      type: String,
-      default: '',
-    },
     disabled: {
       type: Boolean,
       default: false,