Fix/date to string (#990)

* update drizzle-kit

* convert dateOfBirth to iso String

* update Date object to String

---------

Co-authored-by: Niall Maher <[email protected]>

Author: John-Paul-Larkin

app/(app)/alpha/additional-details/_client.tsx

@@ -12,7 +12,7 @@ import {
   slideThreeSchema,
 } from "@/schema/additionalUserDetails";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { useForm, useFormContext } from "react-hook-form";
+import { useForm } from "react-hook-form";
 
 import { toast } from "sonner";
 import {
@@ -33,7 +33,7 @@ type UserDetails = {
   firstName: string;
   surname: string;
   gender: string;
-  dateOfBirth: Date | undefined;
+  dateOfBirth: string;
   location: string;
   professionalOrStudent: string;
   course: string;
@@ -236,13 +236,16 @@ function SlideTwo({ details }: { details: UserDetails }) {
     defaultValues: { dateOfBirth, gender },
   });
 
+  const parsedDateOfBirth = dateOfBirth ? new Date(dateOfBirth) : null;
   const [year, setYear] = useState<number | undefined>(
-    dateOfBirth?.getFullYear(),
+    parsedDateOfBirth?.getFullYear(),
   );
   const [month, setMonth] = useState<number | undefined>(
-    dateOfBirth?.getMonth(),
+    parsedDateOfBirth?.getMonth(),
+  );
+  const [day, setDay] = useState<number | undefined>(
+    parsedDateOfBirth?.getDate(),
   );
-  const [day, setDay] = useState<number | undefined>(dateOfBirth?.getDate());
 
   const [listOfDaysInSelectedMonth, setListOfDaysInSelectedMonth] = useState([
     0,
@@ -271,7 +274,7 @@ function SlideTwo({ details }: { details: UserDetails }) {
       } else {
         selectedDate = new Date(year, month, day);
       }
-      setValue("dateOfBirth", selectedDate);
+      setValue("dateOfBirth", selectedDate.toISOString());
     }
   }, [year, month, day]);
 

app/(app)/alpha/additional-details/page.tsx

@@ -32,7 +32,7 @@ export default async function Page() {
     firstName: details?.firstName || "",
     surname: details?.surname || "",
     gender: details?.gender || "",
-    dateOfBirth: details?.dateOfBirth || undefined,
+    dateOfBirth: details?.dateOfBirth || "",
     location: details?.location || "",
     professionalOrStudent: details?.professionalOrStudent || "",
     course: details?.course || "",

package-lock.json

@@ -25,7 +25,7 @@ export const slideOneSchema = z.object({
 
 export const slideTwoSchema = z.object({
   gender: z.string().min(1, "Gender is required"),
-  dateOfBirth: z.date(),
+  dateOfBirth: z.string(),
 });
 
 export const slideThreeSchema = z