hooked up the date input

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>

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" />