---
title: "How to Create Date Picker Filter for Custom Posts with Custom Fields in Elementor? (ACF, Pods, Metabox)"
url: https://theplusaddons.com/docs/create-date-picker-filter-for-custom-posts-with-custom-fields-in-elementor/
date: 2023-09-14
modified: 2026-09-28
lang: en
author: "Aditya Sharma"
description: "A date filter is the right control when the values to filter by are dates - an event date, a publish window, an availability period. The WP Filters widget's Date..."
image: https://theplusaddons.com/wp-content/uploads/2023/09/How-to-Create-Date-Picker-Filter-for-Custom-Posts-with-Custom-Fields-in-Elementor_-ACF-Pods-Metabox-1024x536.jpg
word_count: 244
---

# How to Create Date Picker Filter for Custom Posts with Custom Fields in Elementor? (ACF, Pods, Metabox)

## 

- The WP Filters widget adds a Date Picker sub-type with a calendar control, a separate Date Layout choice, and optional custom date-range presets.
- The Plus Addons for Elementor Pro is required for WP Search Filters, and the widget is enabled under The Plus Addons > Widgets by searching for WP Filters and turning its toggle on.
- Date filtering targets custom post types with a date value stored in a taxonomy-backed field or an ACF, Pods, Toolset, or Metabox date field.

A date filter is the right control when the values to filter by are dates - an event date, a publish window, an availability period.

The WP Filters widget's **Date Picker** sub-type adds a calendar control, with a separate **Date Layout** choice and optional custom date-range presets.

For the full settings tour of the **WP Search Filters** widget, see [WP Search Filters Widget Settings Overview](https://theplusaddons.com/docs/wp-search-filters-widget-settings-overview/).

***Requirement - This widget is a part of The Plus Addons for Elementor Pro, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/grid-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text#Ajaxfilters)

## Before You Start

- **Prerequisite:** [Elementor](https://wordpress.org/plugins/elementor/) (free) installed and active.- **Edition:** WP Search Filters is a **Pro** widget - it requires The Plus Addons for Elementor Pro to be installed and active.- **Widget to enable:** go to **The Plus Addons > Widgets**, search for **WP Filters** and turn its toggle on.- A custom post type with a date value stored in a taxonomy-backed field or an ACF/Pods/Toolset/Metabox date field.

## Steps

Add the WP Filters widget, set **Filter Type** to **WP Filter**, then set **Select Source** to **Date Picker**.

![WP Filter Type set to Date Picker](https://theplusaddons.com/wp-content/uploads/2026/09/wp-search-filters-filter-type-date.webp)

Choose the **Date Layout** - single date or a from/to date range - and label the range with **First Label** / **Second Label**.

![Date Layout control for single date vs. date range](https://theplusaddons.com/wp-content/uploads/2026/09/wp-search-filters-date-layout.webp)

## Settings Overview

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| WP Filter Type | Set to Date Picker to enable date filtering. | - |
| Date Layout | Single date, or a from/to date range. | - |
| Date Option (custom) | Custom Filters popover for predefined date-range presets. | Off |

## Related Docs

- [How to Create Range Filter for Custom Posts with Custom Fields in Elementor?](https://theplusaddons.com/docs/create-range-filter-for-custom-posts-with-custom-fields-in-elementor/)

## Frequently Asked Questions

**Q: What do I need before creating a date picker filter for custom posts in Elementor?**
A: A working setup needs Elementor installed and active, plus The Plus Addons for Elementor Pro installed and active because WP Search Filters is a Pro widget. The page also calls for a custom post type with a date value stored in a taxonomy-backed field or in an ACF, Pods, Toolset, or Metabox date field. That matters because the filter is built around real date data, not plain text.

**Q: Why isn't the date picker filter showing up in WP Filters?**
A: The usual blocker is that WP Search Filters has not been enabled yet. The widget has to be turned on under The Plus Addons > Widgets by searching for WP Filters and switching the toggle on. If it still feels missing after that, the page’s setup depends on The Plus Addons for Elementor Pro being installed and active, since this is a Pro widget.

**Q: Can I use this date picker filter with ACF, Pods, Toolset, or Metabox fields?**
A: The page explicitly says the filter works with a custom post type that has a date value stored in an ACF, Pods, Toolset, or Metabox date field. It also mentions taxonomy-backed fields as another valid source. That makes it useful when your content dates live in custom field systems instead of the default WordPress publish date.

**Q: Should I use a single date or a from/to range for this filter?**
A: The choice depends on how people search your content. Single date works when users care about one exact day, while a from/to range fits event windows, availability periods, or publish spans. The Date Layout setting supports both, and the range option can be labeled with First Label and Second Label so the UI matches how users think about the dates.

**Q: How do custom date-range presets work in the date picker filter?**
A: The Date Option setting adds Custom Filters as predefined date-range presets, and it starts off disabled. That is useful when you want quick shortcuts instead of making users pick every date manually. For broader context on how this widget is configured, the page points to [WP Search Filters Widget Settings Overview](https://theplusaddons.com/docs/wp-search-filters-widget-settings-overview/).

**Q: What should I read if I also need a range filter for custom fields?**
A: The related doc is [How to Create Range Filter for Custom Posts with Custom Fields in Elementor?](https://theplusaddons.com/docs/create-range-filter-for-custom-posts-with-custom-fields-in-elementor/). That pairing makes sense because both tutorials deal with filtering custom posts by field values inside Elementor. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides these filtering workflows through the WP Filters widget.