import React, { useState } from 'react'; const CalendarApp = () => { const [currentDate, setCurrentDate] = useState(new Date()); const [events, setEvents] = useState({}); // Function to generate the days of the month const getDaysInMonth = (date) => { const year = date.getFullYear(); const month = date.getMonth(); return new Array(new Date(year, month + 1, 0).getDate()).fill(null).map((_, index) => new Date(year, month, index + 1)); }; // Function to handle adding an event const addEvent = (day) => { const eventName = prompt('Enter event name:'); if (eventName) { setEvents((prevEvents) => ({ ...prevEvents, [day]: [...(prevEvents[day] || []), eventName], })); } }; // Function to render the calendar const renderCalendar = () => { const daysInMonth = getDaysInMonth(currentDate); return (

{daysInMonth.map((day) => (

addEvent(day.toISOString().split('T')[0])}>

{day.getDate()}

{events[day.toISOString().split('T')[0]] && (

{event}

)}

))}

); }; return (

Simple Calendar App

{renderCalendar()}

); }; export default CalendarApp;

⌘Langbase

arre-ankit76795Free

arre-ankit76795

/

/

/

/

/

Langbase