schulze/bam
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

set date of birth to undefined to avoid hydration errors
All checks were successful
Lint / Lint (push) Successful in 32s
Details

Browse Source
This commit is contained in:
Felix Schulze 2024-10-29 21:19:58 +01:00
parent cc7d97e961
commit 908f4491d4
1 changed files with 4 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
app/sign-up/sign-up-form.tsx
View File

@ -5,15 +5,7 @@ import { useForm } from "react-hook-form";
import { z } from "zod";
import { Button } from "@/components/ui/button";
import {
Form,
FormControl,
FormDescription,
FormField,
FormItem,
FormLabel,
FormMessage,
} from "@/components/ui/form";
import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from "@/components/ui/form";
import { format } from "date-fns";
import { CalendarIcon } from "lucide-react";
import { Input } from "@/components/ui/input";
@ -39,7 +31,7 @@ export default function SignUp() {
defaultValues: {
name: "",
email: "",
dob: youngestDate,
dob: undefined,
},
});
async function onSubmit(values: z.infer<typeof signupFormSchema>) {
@ -59,9 +51,7 @@ export default function SignUp() {
<FormControl>
<Input placeholder="name@example.com" {...field} />
</FormControl>
<FormDescription>
We will contact you here with information about events.
</FormDescription>
<FormDescription>We will contact you here with information about events.</FormDescription>
<FormMessage />
</FormItem>
)}
@ -91,10 +81,7 @@ export default function SignUp() {
<FormControl>
<Button
variant={"outline"}
className={cn(
"w-[240px] pl-3 text-left font-normal",
!field.value && "text-muted-foreground"
)}
className={cn("w-[240px] pl-3 text-left font-normal", !field.value && "text-muted-foreground")}
>
{field.value ? format(field.value, "PPP") : <span>Pick a date</span>}
<CalendarIcon className="ml-auto h-4 w-4 opacity-50" />