import { useRouter } from "next/router"; import { useState } from "react"; import { useForm } from "react-hook-form"; import { Toaster } from "react-hot-toast"; import { useLocale } from "@calcom/lib/hooks/useLocale"; import { Alert, Button, Form, TextField } from "@calcom/ui"; export default function CalDavCalendarSetup() { const { t } = useLocale(); const router = useRouter(); const form = useForm({ defaultValues: { url: "", username: "", password: "", }, }); const [errorMessage, setErrorMessage] = useState(""); const [errorActionUrl, setErrorActionUrl] = useState(""); return (