Devlog #5 — Calendar event control complete

I focused on finishing the calendar management system for StudyOS. My goal was to make it possible to fully manage Google Calendar events without leaving the app.

Building the Event Modal

The first major feature I completed was the New Event Modal. Users can now enter:

Event title
Description
Location
Start date and time
End date and time

I originally built the modal using a standard HTML form, but I ran into issues where React would disconnect the form before it could submit. Instead of continuing to fight that problem, I redesigned the modal to use React state and button click handlers. This made creating events much more reliable.

Editing and Deleting Events

After creating events worked, I added the ability to edit them.

Clicking an event now opens the same modal with all of the event information already filled in. Users can:

Update event information
Delete the event
Cancel without making changes

This required connecting the app to the Google Calendar Update and Delete API endpoints and refreshing the calendar after every change so the UI always stays up to date.

Multiple Calendar Support

One feature I really wanted was support for multiple calendars.

Instead of always saving events in the primary calendar, the app now retrieves every calendar connected to the user’s Google account. A dropdown menu allows users to choose exactly where a new event should be saved.

Bug Fixes

Along the way I fixed several issues:

Fixed React form submission problems by replacing the form with state-based inputs.
Fixed the event modal not updating correctly when switching between events.
Fixed the calendar not refreshing after creating, editing, or deleting events.
Fixed event selection in the Today, Week, and Month views.
Fixed creating events in calendars other than the primary calendar.

Current Features

The calendar now supports:

Today, Week, and Month views
Searching events
Creating new events
Editing existing events
Deleting events
Selecting which Google Calendar an event belongs to
Automatic refresh after every change

Next Steps

Add recurring event support
Add event color customization
Add reminders and notifications
Improve the calendar interface
Add drag-and-drop scheduling

I’m really happy with how this update turned out because the calendar has gone from being a read-only viewer to a fully functional event manager.