From 6d50bba76b02e016b500208eef8d6924f995d9ce Mon Sep 17 00:00:00 2001
From: Favour Olayinka <csskfaves@gmail.com>
Date: Mon, 6 May 2024 11:42:21 +0100
Subject: [PATCH] fix date input (#399)

Co-authored-by: Julien Nahum <julien@nahum.net>
---
 client/components/forms/DateInput.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/components/forms/DateInput.vue b/client/components/forms/DateInput.vue
index 4dd7dd66..977e2d5e 100644
--- a/client/components/forms/DateInput.vue
+++ b/client/components/forms/DateInput.vue
@@ -13,6 +13,7 @@
         class="cursor-pointer overflow-hidden"
         :class="inputClasses"
         :disabled="props.disabled"
+        ref="datepicker"
       >
         <div class="flex items-center min-w-0">
           <div
@@ -168,8 +169,7 @@ const handleCompValChange = () => {
 
 const setInputColor = () => {
   if (datepicker.value) {
-    const dateInput = datepicker.value.$el.getElementsByTagName('input')[0]
-    dateInput.style.setProperty('--tw-ring-color', props.color)
+    datepicker.value.style.setProperty('--tw-ring-color', props.color)
   }
 }