From b8b270d3b507c4753280eeb138cf3aa4b3f3e610 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Mon, 27 Nov 2023 16:21:36 +0530
Subject: [PATCH] chore: date placeholder color

---
 frontend/src/components/SectionFields.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/SectionFields.vue b/frontend/src/components/SectionFields.vue
index 12d6dbd0..3aae41c7 100644
--- a/frontend/src/components/SectionFields.vue
+++ b/frontend/src/components/SectionFields.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex flex-col gap-1.5 max-h-[300px] overflow-y-auto">
+  <div class="flex max-h-[300px] flex-col gap-1.5 overflow-y-auto">
     <div
       v-for="field in fields"
       :key="field.label"
@@ -8,7 +8,7 @@
       <div class="w-[106px] shrink-0 text-gray-600">
         {{ field.label }}
       </div>
-      <div class="grid flex-1 items-center overflow-hidden min-h-[28px]">
+      <div class="grid min-h-[28px] flex-1 items-center overflow-hidden">
         <FormControl
           v-if="
             [
@@ -21,6 +21,7 @@
             ].includes(field.type)
           "
           class="form-control"
+          :class="{ '[&_input]:text-gray-500': field.type === 'date' && !data[field.name] }"
           :type="field.type"
           :value="data[field.name]"
           :placeholder="field.placeholder"