```typescript import React from "react"; interface Event { id: number; title: string; date: string; time: string; } export default function App() { const [events, setEvents] = React.useState(() => { const storedEvents = localStorage.getItem("events"); return storedEvents ? JSON.parse(storedEvents) : []; }); const [title, setTitle] = React.useState(""); const [date, setDate] = React.useState(""); const [time, setTime] = React.useState(""); React.useEffect(() => { localStorage.setItem("events", JSON.stringify(events)); }, [events]); const addEvent = () => { if (title && date && time) { const newEvent = { id: Date.now(), title, date, time }; setEvents([...events, newEvent]); setTitle(""); setDate(""); setTime(""); } }; const removeEvent = (id: number) => { setEvents(events.filter(event => event.id !== id)); }; return (

Schedule Management

setTitle(e.target.value)} className="border p-2 mr-2" /> setDate(e.target.value)} className="border p-2 mr-2" /> setTime(e.target.value)} className="border p-2 mr-2" />

{events.map((event) => ( ))}

Title	Date	Time	Action
{event.title}	{event.date}	{event.time}

); } ```