ayanova/src/components/tag-picker.vue

@@ -10,8 +10,10 @@
       :items="sourcetags"
       :loading="tagSearchUnderway"
       :placeholder="placeHolderText"
+      :prepend-inner-icon="prependInnerIcon"
       :no-data-text="$ay.t('NoData')"
       :search-input.sync="tagSearchEntry"
+      :clearable="clearable"
       hide-selected
       multiple
       chips
@@ -66,9 +68,16 @@ export default {
     errorMessages: { type: Array, default: null },
     selectOnly: { type: Boolean, default: false },
     noLabel: { type: Boolean, default: false },
+    clearable: { type: Boolean, default: false },
     placeHolder: {
       type: String,
       default: null
+    },
+    prependInnerIcon: {
+      type: String,
+      default() {
+        return null;
+      }
     }
   },
   watch: {

ayanova/src/views/svc-schedule.vue

@@ -30,7 +30,9 @@
         <template v-if="!$vuetify.breakpoint.xs">
           <gz-tag-picker
             class="mr-3"
-            place-holder="ph filter users"
+            :place-holder="$ay.t('FilterUsers')"
+            prepend-inner-icon="$ayiFilter"
+            clearable
             no-label
             select-only
             v-model="tags"
@@ -290,9 +292,9 @@
                 <template v-if="$vuetify.breakpoint.xs">
                   <v-col cols="12">
                     <gz-tag-picker
-                      place-holder="ph filter users"
-                      label="mylabel"
-                      hint="BLAH"
+                      :label="$ay.t('FilterUsers')"
+                      prepend-inner-icon="$ayiFilter"
+                      clearable
                       select-only
                       v-model="tags"
                       @input="refresh"
@@ -1099,6 +1101,7 @@ async function fetchTranslatedText() {
     "ScheduleWOColorFrom",
     "ScheduleOptions",
     "ScheduleShowTypes",
+    "FilterUsers",
     "NoColor",
     "WorkOrder",
     "WorkOrderList",