From 9b3495d04690cbc96ad58844f50023fc9d8dc8d3 Mon Sep 17 00:00:00 2001
From: ajdj100 <ajairplane@gmail.com>
Date: Sat, 23 Aug 2025 11:24:53 -0400
Subject: [PATCH] hooked up the date input

---
 ui/src/components/application/ApplicationForm.vue | 2 +-
 ui/src/components/form/DateInput.vue              | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/application/ApplicationForm.vue b/ui/src/components/application/ApplicationForm.vue
index fce49d3..18996be 100644
--- a/ui/src/components/application/ApplicationForm.vue
+++ b/ui/src/components/application/ApplicationForm.vue
@@ -76,7 +76,7 @@ onMounted(() => {
   <Form v-if="initialValues" :validation-schema="formSchema" :initial-values="initialValues" @submit="onSubmit"
     class="space-y-6">
     <!-- Age -->
-    <FormField name="age" v-slot="{ value, handleChange }">
+    <FormField name="dob" v-slot="{ value, handleChange }">
       <FormItem>
         <FormLabel>What is your date of birth?</FormLabel>
         <FormControl>
diff --git a/ui/src/components/form/DateInput.vue b/ui/src/components/form/DateInput.vue
index 4cc5ccc..cde00bd 100644
--- a/ui/src/components/form/DateInput.vue
+++ b/ui/src/components/form/DateInput.vue
@@ -86,7 +86,7 @@ function onPaste(e: ClipboardEvent) {
       focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]
       aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive
       disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50
-    ">
+    " :class="disabled ? 'opacity-50' : ''">
         <input ref="mmRef" :disabled="disabled" inputmode="numeric" autocomplete="bday-month" placeholder="MM"
             class="focus:outline-0 w-[3ch] bg-transparent:" :value="mm" @input="onInput('mm', $event)"
             @keydown="onKeydown('mm', $event)" maxlength="2" @paste="onPaste" />