About

A clean, scrollable horizontal calendar that lets users scan days quickly while seeing a per-day progress bar at a glance. Perfect for availability, booking load, KPIs, or habit tracking—compact enough for headers and dashboards, yet flexible for full screens.

Functionality

  • Continuous horizontal day strip (month-spanning; not limited to weeks) with smooth swipe/scroll.

  • Per-day progress bar under each date to show capacity, completion, or occupancy.

  • Configurable value source: bind bars to %, counts, or scores from your data.

  • Color thresholds (e.g., green → yellow → red) for instant status reading.

  • Tap to select a day and trigger a details sheet/page (agenda, bookings, tasks).

  • Today highlight and optional disabled/out-of-range days.

  • Locale-aware labels: first day of week, short/long day names, i18n ready.

  • Theming controls: bar thickness, radius, colors, typography, spacing.

  • Optional tooltips/badges to display exact values on tap/hover.

  • Light/Dark support with high-contrast, accessible design.

  • Responsive layout for headers, cards, or full-width horizontal scrollers.

  • Data-ready: Firestore / Supabase / REST / local JSON with lightweight caching.

  • Performance-minded: virtualized rendering for long ranges.

Great for: booking/availability snapshots, workload/utilization monitors, habit/progress trackers, class capacity, production pipelines, and KPI strips across days.

Keywords: FlutterFlow calendar, horizontal calendar, progress bar, per-day progress, availability, capacity, occupancy, utilization, KPI strip, booking load, habit tracker, daily tracker, scrollable timeline, date strip, day scroller, today highlight, disabled dates, color thresholds, heat scale, responsive header, dashboard widget, agenda trigger, data binding, Firestore, Supabase, REST API, localization, i18n, dark mode, light mode, accessible UI, compact calendar, mobile widget, Flutter widget, FlutterFlow component, continuous days, month spanning, swipe navigation, bar thickness, progress indicator, header calendar, planner UI.

Horizontal Calendar with progressbar

We’ll build your app in 7 days
Features
Categories
Style
Support
Single Use Individual License

You may only use this template for one project. For more details, please read the Marketplace Terms of Service.