Allow clearing of date values. Enable button bar.

uoe-eng · Sep 6, 2023 · 4a5191c · 4a5191c
1 parent 8d572c3
commit 4a5191c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@uoe-eng/tabularasa",
-  "version": "1.26.8",
+  "version": "1.26.9",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build --target lib --name tabularasa src/index.js",

diff --git a/src/components/fields/DateInput.vue b/src/components/fields/DateInput.vue
@@ -8,6 +8,7 @@
         :id="'input' + fieldValue"
         v-model="date"
         date-format="yy-mm-dd"
+        :show-button-bar="true"
         v-bind="properties"
         :class="{ 'p-invalid': errorMessage }"
         @update:model-value="onUpdate($event)"
@@ -61,6 +62,9 @@ export default {
         }
         // Send event as ISO8601 string,removing time part
         emit('update', event.toISOString())
+      } else {
+        // Date value cleared
+        emit('update', event)
       }
     }
     return { errorMessage, fieldValue, onUpdate }
@@ -77,10 +81,7 @@ export default {
         return date
       },
       set(newDate) {
-        // Ignore falsey values
-        if (newDate) {
-          this.fieldValue = newDate
-        }
+        this.fieldValue = newDate
       },
     },
   },