From 68da5085561c2668ef4984f30f5716957105a13d Mon Sep 17 00:00:00 2001
From: Jason Wheeler <jason.wheeler@safelite.com>
Date: Tue, 30 May 2023 12:30:14 -0400
Subject: [PATCH] refactored prevent input on datetime and fixed spacebar not
 closing model when tabbing to X button

---
 src/digital-components/modal/modal.vue           |  1 +
 .../textbox-question/textbox-question.vue        | 16 ++++++++++------
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/digital-components/modal/modal.vue b/src/digital-components/modal/modal.vue
index f5c9a221..20c202bb 100644
--- a/src/digital-components/modal/modal.vue
+++ b/src/digital-components/modal/modal.vue
@@ -20,6 +20,7 @@
                         type="button"
                         class="btn-close"
                         @mousedown="closeModal"
+                        @keypress.space="closeModal"
                         aria-label="Close"></button>
                 </div>
                 <div class="modal-body ps-5 pe-5 pb-4 pt-0">
diff --git a/src/digital-components/textbox-question/textbox-question.vue b/src/digital-components/textbox-question/textbox-question.vue
index 774d0025..e13f5c4b 100644
--- a/src/digital-components/textbox-question/textbox-question.vue
+++ b/src/digital-components/textbox-question/textbox-question.vue
@@ -16,7 +16,7 @@
                 class="form-control"
                 v-model.trim="value"
                 v-maska="mask"
-                v-on:focus="blurInput"
+                @keydown="preventDateInput"
                 :type="type"
                 :ref="inputId"
                 :id="inputId"
@@ -139,11 +139,15 @@ export default {
 
         },
 
-    blurInput() {
-    if (this.$refs.dateOfLossField) {
-        this.$refs.dateOfLossField.blur();
-      }
-    }
+        preventDateInput(evt) {
+            if (this.type === "date") {
+                if (/\d/.test(evt.key)) {
+                    evt.stopPropagation();
+                    evt.preventDefault();
+                    return false;
+                }
+            }
+        }
 
     },
     computed: {