A
Anonymous

Create a Dynamic Event Calendar with shadcn UI

Create a dynamic event calendar application using only shadcn ui for designing components. the calendar should display calendar grid of current month with all the dates properly aligned.users should be able to switch between previous and next months. the user can add,delete or update event after on clicking the selected date. the event should have event name, start and end date as well as optional description. display a list of all the events on selected date in a modal or side panel. the event should persist even after refreshing. there should also be automatic monthly transition(e.g from Jan 31st to Feb 1st). highlight the current date and selected date visually. there should be a clear grid seperation for weekdays and weekends. events should be filtered using keywords

Prompt
Component Preview

About

Build an interactive, persistent event calendar in React using Tailwind and shadcn UI. Easily navigate months, add, update, delete events, and view details with a sleek, user-friendly interface.

Share

Last updated 1 month ago