fix: mobile form ui and parse phone number bug

components/TempDesignSystem/Form/Date/index.tsx

@@ -61,7 +61,7 @@ export default function DateSelect({ name, registerOptions = {} }: DateProps) {
       isRequired={!!registerOptions.required}
       name={name}
       ref={field.ref}
-      value={parseDate(d)}
+      value={isNaN(d) ? undefined : parseDate(d)}
     >
       <Group>
         <DateInput className={styles.container}>

components/TempDesignSystem/Form/Phone/index.tsx

@@ -1,7 +1,7 @@
 "use client"
 import "react-international-phone/style.css"
 
-import { parsePhoneNumber } from "libphonenumber-js"
+import { isValidPhoneNumber, parsePhoneNumber } from "libphonenumber-js"
 import {
   Input as AriaInput,
   Label as AriaLabel,
@@ -50,10 +50,11 @@ export default function Phone({
 
   const { country, handlePhoneValueChange, inputValue, setCountry } =
     usePhoneInput({
-      defaultCountry:
-        parsePhoneNumber(
-          formState.defaultValues?.phoneNumber
-        ).country?.toLowerCase() ?? "sv",
+      defaultCountry: isValidPhoneNumber(formState.defaultValues?.phoneNumber)
+        ? parsePhoneNumber(
+            formState.defaultValues?.phoneNumber
+          ).country?.toLowerCase()
+        : "sv",
       disableCountryGuess: true,
       forceDialCode: true,
       value: phone,