SW-65 Removed action used onSubmit and dt lib

components/BookingWidget/index.tsx

@@ -1,22 +1,15 @@
 "use client"
 import { zodResolver } from "@hookform/resolvers/zod"
-import { useFormState as useReactFormState } from "react-dom"
 import { FormProvider, useForm } from "react-hook-form"
 
-import { updateBookingWidget } from "@/actions/updateBookingWidget"
+import { dt } from "@/lib/dt"
 
 import Button from "../TempDesignSystem/Button"
 import { type BookingWidgetSchema, bookingWidgetSchema } from "./schema"
 
 import styles from "./bookingWidget.module.css"
 
-import { State } from "@/types/components/myPages/myProfile/edit"
-
 export function BookingWidget() {
-  const [state, formAction] = useReactFormState<State, FormData>(
-    updateBookingWidget,
-    null
-  )
   const methods = useForm<BookingWidgetSchema>({
     defaultValues: {
       search: {
@@ -24,12 +17,12 @@ export function BookingWidget() {
         stayValue: "",
       },
       nights: {
-        fromDate: new Date(),
-        toDate: new Date(new Date().setDate(+1)),
-      },
-      bookingCode: {
-        value: "",
+        // UTC is required to handle requests from far away timezones https://scandichotels.atlassian.net/browse/SWAP-6375 & PET-507
+        // This is specifically to handle timezones falling in different dates.
+        fromDate: dt().utc().format("DD/MM/YYYY"),
+        toDate: dt().utc().add(1, "day").format("DD/MM/YYYY"),
       },
+      bookingCode: "",
       redemption: false,
       voucher: false,
       rooms: [
@@ -44,9 +37,15 @@ export function BookingWidget() {
     reValidateMode: "onChange",
   })
 
+  function onSubmit(data: BookingWidgetSchema) {
+    console.log(data)
+    // Parse data and route accordignly to Select hotel or select room-rate page
+    console.log("to be routing")
+  }
+
   return (
     <div id="booking-widget" className={styles.container}>
-      <form action={formAction} className={styles.form}>
+      <form onSubmit={methods.handleSubmit(onSubmit)} className={styles.form}>
         <FormProvider {...methods}>
           <div>Search</div>
           <div>Nights</div>