CMS Date Range Toggle

Filter date-based CMS collections between all, upcoming, and previous items with a simple toggle control.

Optional Component: Insert via plugin or copy from dashboard → Connect to your CMS collection in the property panel.

How It Works

CMS Date Range Toggle is built for event lists, schedules, launches, availability pages, and any collection where date status matters.

It lets users switch between all items, future items, and past items while staying connected to the same CMS Collection filtering system.

What It Does

  • Filters by date status
  • Supports All, Upcoming, and Previous modes
  • Works well for event and schedule collections
  • Button or dropdown style options
  • Syncs with CMS Collection and other filters

Setup Steps

  1. Copy from dashboard: Find "CMS Date Range Toggle" and click copy
  2. Paste in Framer: Position near your filter controls or collection toolbar
  3. Select the CMS date field in the property panel
  4. Customize labels for All, Upcoming, and Previous if needed

Property Panel Settings

Configure date filtering in the property panel:

  • Date Field: The CMS date field to compare against today
  • Labels: Customize All, Upcoming, and Previous text
  • Style: Choose buttons or dropdown presentation
  • Collection: Connect to the same CMS Collection store