From a6f6752ee9de8a944ba1f9d0ea05d23f766ab178 Mon Sep 17 00:00:00 2001
From: duvetshawn <diteaphore@ntu.im>
Date: Sat, 21 Mar 2026 17:12:41 +0800
Subject: [PATCH] feat: add create meeting form component

---
 components/create-meeting-form.tsx | 45 ++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 components/create-meeting-form.tsx

diff --git a/components/create-meeting-form.tsx b/components/create-meeting-form.tsx
new file mode 100644
index 0000000..2cdc80b
--- /dev/null
+++ b/components/create-meeting-form.tsx
@@ -0,0 +1,45 @@
+"use client";
+
+import * as React from "react";
+import { Button } from "./ui/button";
+import { Input } from "./ui/input";
+import { Card, CardHeader, CardTitle, CardContent, CardFooter } from "./ui/card";
+
+export function CreateMeetingForm() {
+  const [title, setTitle] = React.useState("");
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    console.log("Meeting Created:", { title });
+    // TODO: Connect to backend API
+  };
+
+  return (
+    <Card className="w-[350px]">
+      <CardHeader>
+        <CardTitle>Schedule a Meeting</CardTitle>
+      </CardHeader>
+      <form onSubmit={handleSubmit}>
+        <CardContent>
+          <div className="grid w-full items-center gap-4">
+            <div className="flex flex-col space-y-1.5">
+              <label htmlFor="title" className="text-sm font-medium leading-none">
+                Meeting Title
+              </label>
+              <Input 
+                id="title" 
+                placeholder="Discuss project roadmap" 
+                value={title}
+                onChange={(e) => setTitle(e.target.value)}
+              />
+            </div>
+          </div>
+        </CardContent>
+        <CardFooter className="flex justify-between">
+          <Button variant="outline" type="button">Cancel</Button>
+          <Button type="submit">Schedule</Button>
+        </CardFooter>
+      </form>
+    </Card>
+  );
+}