{"id":49208,"date":"2025-08-26T13:31:25","date_gmt":"2025-08-26T13:31:25","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=49208"},"modified":"2025-08-26T13:31:27","modified_gmt":"2025-08-26T13:31:27","slug":"how-to-filter-cct-items-by-date-of-creation-and-modification","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-filter-cct-items-by-date-of-creation-and-modification\/","title":{"rendered":"How to Filter CCT Items by Date of Creation and Modification"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"filter-by-creation-date\">Filter by Creation Date<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Initially, let\u2019s add a filter by the <strong>Custom Content Type <\/strong>items creation date.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"create-a-filter\">Create a filter<\/h3>\n\n\n\n<p>Head to <strong><em>WordPress Dashboard > Smart Filters > Add New <\/em><\/strong>to <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/filter-creation-settings-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">build a new filter<\/a>.<\/p>\n\n\n\n<p>Name a filter (in our case, \u201cDate Range\u201d <strong>Filter Name<\/strong>) and select the \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-the-date-range-filter-to-filter-the-publications-or-products\/\" target=\"_blank\" rel=\"noreferrer noopener\">Date Range<\/a>\u201d or \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-date-period-filter\/\" target=\"_blank\" rel=\"noreferrer noopener\">Date Period<\/a>\u201d <strong>Filter Type<\/strong>. Now, we pick \u201cDate Range.\u201d<\/p>\n\n\n\n<p>In the following <strong>Filter by <\/strong>selector, pick the \u201cMeta Date\u201d option.<\/p>\n\n\n\n<p>Work on the following settings if desired.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-settings-1024x640.webp\" alt=\"date range filter settings\" class=\"wp-image-49222\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-settings-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-settings-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-settings-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-settings-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-settings-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-settings.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Now, pay attention to the <strong>Query Variable <\/strong>field. In this field, paste the \u201ccct_created\u201d macro.<\/p>\n\n\n<div class=\"note-banner d-flex border-bold border-jetthemecore rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 21C9 21.5 9.4 22 10 22H14C14.6 22 15 21.5 15 21V20H9V21ZM12 2C8.1 2 5 5.1 5 9C5 11.4 6.2 13.5 8 14.7V17C8 17.5 8.4 18 9 18H15C15.6 18 16 17.5 16 17V14.7C17.8 13.4 19 11.3 19 9C19 5.1 15.9 2 12 2Z\" fill=\"#F2D23C\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Things to know<\/div><p class=\"m-0\">This value should be manually written and not selected from the \u201c<strong>Dynamic tag<\/strong>\u201d macros list.<\/p><\/div><\/div>\n\n\n\n<p>Also, complete the <strong>Filter Labels <\/strong>section and ultimately press the \u201c<strong>Update<\/strong>\u201d button to save the filter.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-query-variable-and-filter-labels.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-query-variable-and-filter-labels-1024x640.webp\" alt=\"date range filter query variable and filter labels\" class=\"wp-image-49224\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-query-variable-and-filter-labels-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-query-variable-and-filter-labels-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-query-variable-and-filter-labels-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-query-variable-and-filter-labels-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-query-variable-and-filter-labels-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-query-variable-and-filter-labels.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"build-a-listing-template\">Build a listing template<\/h3>\n\n\n\n<p>Next, we should build a <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-template-in-elementor-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Listing template<\/strong><\/a><strong> <\/strong>for the <strong>CCT <\/strong>we work with.<\/p>\n\n\n\n<p>To do this, we go to <strong><em>WordPress Dashboard &gt; JetEngine &gt; Listings\/Components<\/em><\/strong>. Here, press the \u201c<strong>Add New Item<\/strong>\u201d button.<\/p>\n\n\n\n<p>In the opened pop-up, select \u201cCustom Content Type\u201d as the <strong>Listing source<\/strong>, select the needed <strong>CCT <\/strong>in the <strong>From content type <\/strong>dropdown, name the listing in the <strong>Listing item name <\/strong>field (in our case, \u201cTour Location Listing\u201d), and pick the <strong>Listing view<\/strong> (now we select \u201cElementor.\u201d)<\/p>\n\n\n\n<p>Press the \u201c<strong>Create Listing Item<\/strong>\u201d button to proceed to the editor.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/set-up-listing-item-pop-up.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/set-up-listing-item-pop-up-1024x640.webp\" alt=\"set up listing item pop-up\" class=\"wp-image-49225\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/set-up-listing-item-pop-up-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/set-up-listing-item-pop-up-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/set-up-listing-item-pop-up-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/set-up-listing-item-pop-up-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/set-up-listing-item-pop-up-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/set-up-listing-item-pop-up.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>In this <strong>Listing template<\/strong>, we place the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/dynamic-field-widget-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Dynamic Field<\/strong><\/a><strong> <\/strong>widget with the <strong>CCT <\/strong>item\u2019s \u201cLocation Name\u201d (a \u201cText\u201d meta field) and the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-dynamic-image-widget-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Dynamic Image<\/strong><\/a><strong> <\/strong>widget with the \u201cLocation Image\u201d (a \u201cMedia\u201d meta field). Add the widgets you need.<\/p>\n\n\n\n<p>When all the needed widgets are added, publish the <strong>Listing template<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-image-widget-in-the-listing-item.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-image-widget-in-the-listing-item-1024x640.webp\" alt=\"dynamic image widget in the listing item\" class=\"wp-image-49226\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-image-widget-in-the-listing-item-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-image-widget-in-the-listing-item-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-image-widget-in-the-listing-item-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-image-widget-in-the-listing-item-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-image-widget-in-the-listing-item-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/dynamic-image-widget-in-the-listing-item.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"add-the-filter-and-the-listing-to-the-page\">Add the filter and the listing to the page<\/h3>\n\n\n\n<p>Now, proceed to the page\/template where you want to place a filter and a listing.<\/p>\n\n\n\n<p>Add a <strong>Date Range Filter<\/strong>\/<strong>Date Period Filter <\/strong>widget to the page. In the <strong>Select filter <\/strong>field, pick a filter you built earlier and the \u201cJetEngine\u201d option in the <strong>This filter for<\/strong> field.<\/p>\n\n\n\n<p>Make other changes to the widget if desired.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-in-elementor.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-in-elementor-1024x640.webp\" alt=\"date range filter in elementor\" class=\"wp-image-49227\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-in-elementor-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-in-elementor-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-in-elementor-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-in-elementor-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-in-elementor-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-in-elementor.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Now, add a <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-grid-widget-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Listing Grid<\/strong><\/a><strong> <\/strong>to the page. In the <strong>Listing <\/strong>field, select a <strong>Listing template <\/strong>you have built.\u00a0<\/p>\n\n\n\n<p>Work on the other <strong>Listing Grid <\/strong>settings and, when the page is ready, save it.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-grid-widget-with-the-date-range-filter.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-grid-widget-with-the-date-range-filter-1024x640.webp\" alt=\"listing grid widget with the date range filter\" class=\"wp-image-49228\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-grid-widget-with-the-date-range-filter-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-grid-widget-with-the-date-range-filter-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-grid-widget-with-the-date-range-filter-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-grid-widget-with-the-date-range-filter-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-grid-widget-with-the-date-range-filter-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-grid-widget-with-the-date-range-filter.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"check-the-result\">Check the result<\/h3>\n\n\n\n<p>Now, it\u2019s time to check the result. Proceed to the front-end page you have just edited.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-on-the-front-end.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-on-the-front-end-1024x640.webp\" alt=\"date range filter on the front end\" class=\"wp-image-49230\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-on-the-front-end-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-on-the-front-end-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-on-the-front-end-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-on-the-front-end-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-on-the-front-end-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-on-the-front-end.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Select the dates to check the <strong>CCT <\/strong>items that were created during this time period, and if everything works fine, you will see the filtered listing.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-grid-filtered-by-date-range.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-grid-filtered-by-date-range-1024x640.webp\" alt=\"listing grid filtered by date range\" class=\"wp-image-49231\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-grid-filtered-by-date-range-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-grid-filtered-by-date-range-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-grid-filtered-by-date-range-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-grid-filtered-by-date-range-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-grid-filtered-by-date-range-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-grid-filtered-by-date-range.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"filter-by-modification-date\">Filter by Modification Date<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Now, let\u2019s check how to build a filter by the <strong>CCT <\/strong>item modification date.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"create-a-filter\">Create a filter<\/h3>\n\n\n\n<p>Navigate to the <strong><em>WordPress Dashboard &gt; Smart Filters &gt; Add New <\/em><\/strong>dashboard.<\/p>\n\n\n\n<p>Complete the <strong>Filter Name <\/strong>(here, \u201cDate Period\u201d) and pick the <strong>Filter Type<\/strong>: \u201cDate Period\u201d or \u201cDate Range\u201d. Now, we select the \u201cDate Period\u201d option.<\/p>\n\n\n\n<p>In the <strong>Filter by <\/strong>dropdown, pick the \u201cMeta Data\u201d option and change the <strong>Period Type <\/strong>if needed.<\/p>\n\n\n\n<p>Work on other settings fields if desired as well.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-settings-1024x640.webp\" alt=\"date period filter settings\" class=\"wp-image-49233\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-settings-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-settings-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-settings-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-settings-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-settings-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-settings.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Then, scroll down to the <strong>Query Variable <\/strong>field and paste the \u201ccct_modified\u201d value in there manually.<\/p>\n\n\n\n<p>Ultimately, complete the <strong>Filter Labels <\/strong>in the same-named section and save the filter by pressing the \u201c<strong>Update<\/strong>\u201d button.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-query-variable-and-filter-labels.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-query-variable-and-filter-labels-1024x640.webp\" alt=\"date period filter query variable and filter labels\" class=\"wp-image-49234\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-query-variable-and-filter-labels-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-query-variable-and-filter-labels-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-query-variable-and-filter-labels-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-query-variable-and-filter-labels-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-query-variable-and-filter-labels-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-query-variable-and-filter-labels.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"build-a-listing-template\">Build a listing template<\/h3>\n\n\n\n<p>Now, build a listing for <strong>CCT <\/strong>items if you haven\u2019t done so. We have built one already; check the instructions in the <strong><a href=\"#building-a-listing-template\">Building a listing template<\/a> <\/strong>chapter of this guide.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"add-the-filter-and-the-listing-to-the-page\">Add the filter and the listing to the page<\/h3>\n\n\n\n<p>Navigate to the page\/template where you want to place the filter and the <strong>Listing Grid<\/strong>.<\/p>\n\n\n\n<p>Add a <strong>Date Period Filter<\/strong>\/<strong>Date Range Filter <\/strong>widget to the page.&nbsp;<\/p>\n\n\n\n<p>Pick the built filter in the <strong>Select filter <\/strong>field and the \u201cJetEngine\u201d provider in the <strong>This filter for <\/strong>selector. Work on other widget settings if needed.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-in-elementor.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-in-elementor-1024x640.webp\" alt=\"date period filter in elementor\" class=\"wp-image-49235\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-in-elementor-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-in-elementor-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-in-elementor-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-in-elementor-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-in-elementor-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-in-elementor.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Now, add a <strong>Listing Grid <\/strong>widget to the page.\u00a0<\/p>\n\n\n\n<p>Select the pre-built <strong>Listing <\/strong>and make the necessary changes to the <strong>ListingGrid<\/strong> and the page itself, then save the page.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-grid-widget-with-the-date-period-filter.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-grid-widget-with-the-date-period-filter-1024x640.webp\" alt=\"listing grid widget with the date period filter\" class=\"wp-image-49237\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-grid-widget-with-the-date-period-filter-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-grid-widget-with-the-date-period-filter-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-grid-widget-with-the-date-period-filter-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-grid-widget-with-the-date-period-filter-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-grid-widget-with-the-date-period-filter-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-grid-widget-with-the-date-period-filter.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"check-the-result\">Check the result<\/h3>\n\n\n\n<p>Now, proceed to the front-end page to check the result.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-on-front-end.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-on-front-end-1024x640.webp\" alt=\"date period filter on front end\" class=\"wp-image-49239\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-on-front-end-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-on-front-end-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-on-front-end-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-on-front-end-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-on-front-end-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-period-filter-on-front-end.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>When the needed dates are selected, the <strong>Listing Grid <\/strong>will be filtered.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-filtered-by-date-period-on-the-front-end.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-filtered-by-date-period-on-the-front-end-1024x640.webp\" alt=\"listing filtered by date period on the front end\" class=\"wp-image-49241\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-filtered-by-date-period-on-the-front-end-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-filtered-by-date-period-on-the-front-end-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-filtered-by-date-period-on-the-front-end-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-filtered-by-date-period-on-the-front-end-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-filtered-by-date-period-on-the-front-end-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/listing-filtered-by-date-period-on-the-front-end.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<p>That\u2019s it; now you know how to filter <em>JetEngine<\/em>\u2019s <strong>Custom Content Type <\/strong>items by date of creation and modification with the help of the <em>JetSmartFilters <\/em>plugin for WordPress.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this guide, you will find out how to create JetSmartFilters\u2019 \u201cDate Range\u201d and \u201cDate Period\u201d filters that will filter JetEngine\u2019s Custom Content Type items by date of creation or modification.<\/p>\n","protected":false},"author":9,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[535],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Filter CCT Items by Date of Creation and Modification \u2014 JetSmartFilters | Crocoblock<\/title>\n<meta name=\"description\" content=\"Discover how to filter JetEngine\u2019s CCT items by date of creation and modification with the help of the JetSmartFilters plugin for WordPress.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-filter-cct-items-by-date-of-creation-and-modification\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Filter CCT Items by Date of Creation and Modification \u2014 JetSmartFilters | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Discover how to filter JetEngine\u2019s CCT items by date of creation and modification with the help of the JetSmartFilters plugin for WordPress.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-filter-cct-items-by-date-of-creation-and-modification\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-26T13:31:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-settings-1024x640.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-filter-cct-items-by-date-of-creation-and-modification\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-filter-cct-items-by-date-of-creation-and-modification\/\",\"name\":\"How to Filter CCT Items by Date of Creation and Modification \u2014 JetSmartFilters | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2025-08-26T13:31:25+00:00\",\"dateModified\":\"2025-08-26T13:31:27+00:00\",\"description\":\"Discover how to filter JetEngine\u2019s CCT items by date of creation and modification with the help of the JetSmartFilters plugin for WordPress.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-filter-cct-items-by-date-of-creation-and-modification\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-filter-cct-items-by-date-of-creation-and-modification\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-filter-cct-items-by-date-of-creation-and-modification\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Filter CCT Items by Date of Creation and Modification\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Filter CCT Items by Date of Creation and Modification \u2014 JetSmartFilters | Crocoblock","description":"Discover how to filter JetEngine\u2019s CCT items by date of creation and modification with the help of the JetSmartFilters plugin for WordPress.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-filter-cct-items-by-date-of-creation-and-modification\/","og_locale":"en_US","og_type":"article","og_title":"How to Filter CCT Items by Date of Creation and Modification \u2014 JetSmartFilters | Crocoblock","og_description":"Discover how to filter JetEngine\u2019s CCT items by date of creation and modification with the help of the JetSmartFilters plugin for WordPress.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-filter-cct-items-by-date-of-creation-and-modification\/","og_site_name":"Help Center","article_modified_time":"2025-08-26T13:31:27+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/date-range-filter-settings-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-filter-cct-items-by-date-of-creation-and-modification\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-filter-cct-items-by-date-of-creation-and-modification\/","name":"How to Filter CCT Items by Date of Creation and Modification \u2014 JetSmartFilters | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2025-08-26T13:31:25+00:00","dateModified":"2025-08-26T13:31:27+00:00","description":"Discover how to filter JetEngine\u2019s CCT items by date of creation and modification with the help of the JetSmartFilters plugin for WordPress.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-filter-cct-items-by-date-of-creation-and-modification\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-filter-cct-items-by-date-of-creation-and-modification\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-filter-cct-items-by-date-of-creation-and-modification\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to Filter CCT Items by Date of Creation and Modification"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/49208"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/9"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=49208"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=49208"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=49208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}