Filter Date Picker filters a date CMS field using a familiar calendar input - great for events, availability or publish dates.

Before you start: every input works together with the Superfields Collection - the main component that connects your CMS and renders the results. Add and connect that first (see Getting Started with Superfields), then give this input the same ID Filter Group as your collection.

Where to use it

• Airbnb-style rentals: check-in or check-out availability.

• Events listing: show events on or after a chosen date.

• Blog or news: published since a given date.

Best for any date-type CMS field where visitors pick a day.

Add Filter Date Picker

1. Open the Superfields plugin and go to Components, then the Filters tab.

2. Drag Filter Date Picker onto your page, inside your filters layout.

3. Open the component's Setup from the ... menu.

Setup

• ID Filter Group - must match your Superfields Collection and other filter controls.

• Field Name - the exact name of the date-type CMS field.

• Apply Filters - update Immediately, or wait for an Apply Button Click.

Options

• Min Date / Max Date - the selectable range bounds.

• Mode - From (on/after), To (on/before) or Exact.

• Initial Value - a starting date.

Styling

Style the input field (Padding, Border and so on); it opens a month-grid calendar with Clear and Today shortcuts.

And that's it - date filtering made simple.