hooked up the date input
This commit is contained in:
@@ -76,7 +76,7 @@ onMounted(() => {
|
|||||||
<Form v-if="initialValues" :validation-schema="formSchema" :initial-values="initialValues" @submit="onSubmit"
|
<Form v-if="initialValues" :validation-schema="formSchema" :initial-values="initialValues" @submit="onSubmit"
|
||||||
class="space-y-6">
|
class="space-y-6">
|
||||||
<!-- Age -->
|
<!-- Age -->
|
||||||
<FormField name="age" v-slot="{ value, handleChange }">
|
<FormField name="dob" v-slot="{ value, handleChange }">
|
||||||
<FormItem>
|
<FormItem>
|
||||||
<FormLabel>What is your date of birth?</FormLabel>
|
<FormLabel>What is your date of birth?</FormLabel>
|
||||||
<FormControl>
|
<FormControl>
|
||||||
|
|||||||
@@ -86,7 +86,7 @@ function onPaste(e: ClipboardEvent) {
|
|||||||
focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]
|
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
|
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
|
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"
|
<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)"
|
class="focus:outline-0 w-[3ch] bg-transparent:" :value="mm" @input="onInput('mm', $event)"
|
||||||
@keydown="onKeydown('mm', $event)" maxlength="2" @paste="onPaste" />
|
@keydown="onKeydown('mm', $event)" maxlength="2" @paste="onPaste" />
|
||||||
|
|||||||
Reference in New Issue
Block a user