From 524ed9b677b65e480c7803873f50c151ed1ff709 Mon Sep 17 00:00:00 2001
From: Nicholas Wallace <nicholaslwallace@gmail.com>
Date: Fri, 24 May 2024 23:47:38 +0000
Subject: [PATCH 1/4] Tab removes focus from TimePicker

---
 client/components/ui/TimePicker.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/components/ui/TimePicker.vue b/client/components/ui/TimePicker.vue
index 9b34a6e8..4196fa12 100644
--- a/client/components/ui/TimePicker.vue
+++ b/client/components/ui/TimePicker.vue
@@ -174,7 +174,7 @@ export default {
         return this.increaseFocused()
       } else if (evt.key === 'ArrowDown') {
         return this.decreaseFocused()
-      } else if (evt.key === 'Enter' || evt.key === 'Escape') {
+      } else if (evt.key === 'Enter' || evt.key === 'Escape' || evt.key === 'Tab') {
         return this.removeFocus()
       }
 
@@ -209,4 +209,4 @@ export default {
 .digit-focused {
   background-color: #555;
 }
-</style>
\ No newline at end of file
+</style>

From ba6a4f1224a7af370b57d387eaca30d17c61af94 Mon Sep 17 00:00:00 2001
From: Nicholas Wallace <nicholaslwallace@gmail.com>
Date: Fri, 24 May 2024 23:49:07 +0000
Subject: [PATCH 2/4] Add: TimePicker focusable by tab

---
 client/components/ui/TimePicker.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/components/ui/TimePicker.vue b/client/components/ui/TimePicker.vue
index 4196fa12..f944ef5d 100644
--- a/client/components/ui/TimePicker.vue
+++ b/client/components/ui/TimePicker.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="relative">
+  <div tabindex="0" @focus="focusDigit('second0')" class="relative">
     <div class="rounded text-gray-200 border w-full px-3 py-2" :class="focusedDigit ? 'bg-primary bg-opacity-50 border-gray-300' : 'bg-primary border-gray-600'" @click="clickInput" v-click-outside="clickOutsideObj">
       <div class="flex items-center">
         <template v-for="(digit, index) in digitDisplay">

From b9cb54db71af3480e299f25819ab83a972906bfa Mon Sep 17 00:00:00 2001
From: Nicholas Wallace <nicholaslwallace@gmail.com>
Date: Sat, 25 May 2024 19:27:23 +0000
Subject: [PATCH 3/4] Onscreen keyboard to appear with `TimePicker`

---
 client/components/ui/TimePicker.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/components/ui/TimePicker.vue b/client/components/ui/TimePicker.vue
index f944ef5d..bb9b4991 100644
--- a/client/components/ui/TimePicker.vue
+++ b/client/components/ui/TimePicker.vue
@@ -1,5 +1,5 @@
 <template>
-  <div tabindex="0" @focus="focusDigit('second0')" class="relative">
+  <div type="text" readonly tabindex="0" @focus="focusDigit('second0')" class="relative">
     <div class="rounded text-gray-200 border w-full px-3 py-2" :class="focusedDigit ? 'bg-primary bg-opacity-50 border-gray-300' : 'bg-primary border-gray-600'" @click="clickInput" v-click-outside="clickOutsideObj">
       <div class="flex items-center">
         <template v-for="(digit, index) in digitDisplay">

From c58d613949ac5c81c2b86d70b215ebd557102826 Mon Sep 17 00:00:00 2001
From: advplyr <dev@advplyr.com>
Date: Sat, 25 May 2024 14:58:46 -0500
Subject: [PATCH 4/4] Update client/components/ui/TimePicker.vue

---
 client/components/ui/TimePicker.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/components/ui/TimePicker.vue b/client/components/ui/TimePicker.vue
index bb9b4991..f944ef5d 100644
--- a/client/components/ui/TimePicker.vue
+++ b/client/components/ui/TimePicker.vue
@@ -1,5 +1,5 @@
 <template>
-  <div type="text" readonly tabindex="0" @focus="focusDigit('second0')" class="relative">
+  <div tabindex="0" @focus="focusDigit('second0')" class="relative">
     <div class="rounded text-gray-200 border w-full px-3 py-2" :class="focusedDigit ? 'bg-primary bg-opacity-50 border-gray-300' : 'bg-primary border-gray-600'" @click="clickInput" v-click-outside="clickOutsideObj">
       <div class="flex items-center">
         <template v-for="(digit, index) in digitDisplay">