Aisol Event List

Aisol Event List turns a list of events into a grouped schedule that handles the past for you.

What makes it different

• Grouping: month, week, or none. Today is highlighted; items with an unreadable date go to a "Date needed" group instead of breaking the list.

• - Past handling: dim, hide, or move past events to the bottom - judged by the visitor's clock in the time zone you choose.

• - Locale and time zone: display and grouping use the same Intl time zone, so switching zones never splits a day across two groups.

• - Add to calendar: an optional .ics button per event (all-day and timed), generated by the component itself.

• - Accessibility: semantic list, heading level control, <time datetime> on every date, separate tab stops for link and .ics.

• - Slots: pair any event with a custom card via the Event Cards slot.

Controls: Events, Event Cards slots, Group by, Past mode, Locale, Time zone, Heading level, .ics button, colors, typography, radius, spacing.

Touches only its own DOM: no document queries, nothing written to your page.

• Part of the Aisol Course Site Kit -

• Get this plus the curriculum accordion, tuition plan table, hotspots and the free FAQ Fold for $19 instead of $31: https://payhip.com/b/W2hRH

More components at Aisol Studio - https://www.framer.com/@ulz-song/