📆 NEW COMPONENT: Pro Agenda Schedule — Native Weekly Agenda & Daily Timeline

Resources & Tutorials
, ,
1

AppKurepa
AppKurepa1942Ă—1069 35.6 KB

Video demo: https://youtu.be/-wCoQlpe6h0
More components: kurepadev

Hey Adalo Makers! :waving_hand:

If you need to turn any Adalo collection into a slick, native-feeling calendar view for bookings, appointments, tasks, or reservations, check out Pro Agenda Schedule.It brings a full weekly agenda with an hour-by-hour timeline directly into your app—no complex grouping logic or heavy setups required.

:sparkles: What’s Included

  • Weekly Date Strip: 7 tappable days with smooth week navigation, selected-day highlights, and a customizable “today” indicator (dot, border, or filled).

  • Smart Daily Timeline: Groups events automatically by hour, displaying only active time slots alongside a clean section header and a custom empty-state banner for quiet days.

  • Built-in Action Menus: Every event card includes a “•••” menu for View Details, Mark as Done, and Delete—complete with confirmation popups showing the exact item, day, and time to prevent accidental taps.

  • Automatic Status Sync: Optional Pending/Done status fields automatically update event accent colors and swap the action menu to a checkmark when completed.

  • Complete Design Control: Tweak every color, border radius, width, row height, and typography setting directly from the Adalo editor via full Text Styling Toolbar support.

  • Multilingual & Time Formats: Instant support for English, Spanish, French, Italian, and Portuguese via a single toggle, plus 12h/24h time format switches.

  • Production-Ready Performance: Built with 100% pure React Native (FlatList, Animated, memoized components) with zero external dependencies for smooth scrolling on Web, iOS, and Android.

    1
    11514Ă—591 53.1 KB

Video demo: https://youtu.be/-wCoQlpe6h0
More components: kurepadev