Calendar View with Upcoming Events

This component displays a calendar view for the current month with upcoming events listed below. It includes: - A header with controls to navigate between months and the month name - A grid calendar view showing dates for the month - Styling to indicate today's date and selected/active dates - An "Add event" button - A list of upcoming events with avatar, name, date, location etc Some key features: - Uses Tailwind utilities like flex, grid, divide, space, justify, align etc to build the layout - Leverages hover, focus and active states for visual styling - Uses responsive modifiers like lg:grid, lg:col-span to adjust layout on larger screens - Rounded corners, shadows and dividing lines to visually separate elements - Accessible elements like sr-only for screen readers