{"id":32677,"date":"2024-11-29T14:46:29","date_gmt":"2024-11-29T14:46:29","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=features&#038;p=32677"},"modified":"2026-04-07T13:03:56","modified_gmt":"2026-04-07T13:03:56","slug":"dynamic-listing-calendar-widget-overview","status":"publish","type":"features","link":"https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-listing-calendar-widget-overview\/","title":{"rendered":"Dynamic Listing Calendar"},"content":{"rendered":"\n<p>The <strong>Dynamic Calendar<\/strong> widget allows for the display of posts, users, comments, terms, and <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/custom-content-type\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Custom Content Type (CCT)<\/strong><\/a><strong> <\/strong>items, which are represented as clickable listing items in the calendar. The display depends on the item creation date or date from the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/meta-field-types-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">custom fields<\/a>.<\/p>\n\n\n\n<p>It is available if the <a inert=\"true\" href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/jetengine-dashboard-settings-overview\/#calendar\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Dynamic Calendar<\/strong><\/a><strong inert=\"true\"> <\/strong>module is activated in the <strong inert=\"true\"><em>WordPress Dashboard > JetEngine > <\/em><\/strong><a inert=\"true\" href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/jetengine-dashboard-settings-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><em>JetEngine dashboard<\/em><\/strong><\/a><strong inert=\"true\"><em> > Modules > Default Modules <\/em><\/strong>tab.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/jetengine-dynamic-calendar-module-activated.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/jetengine-dynamic-calendar-module-activated.webp\" alt=\"jetengine dynamic calendar module activated\" class=\"wp-image-46215\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/jetengine-dynamic-calendar-module-activated.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/jetengine-dynamic-calendar-module-activated-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/jetengine-dynamic-calendar-module-activated-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/jetengine-dynamic-calendar-module-activated-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/jetengine-dynamic-calendar-module-activated-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/jetengine-dynamic-calendar-module-activated-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>The widget can be placed on the page or template edited in the Elementor editor.<\/p>\n\n\n\n<figure class=\"wp-block-image text-center size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"383\" height=\"308\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-widget.webp\" alt=\"dynamic calendar widget\" class=\"wp-image-46213\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-widget.webp 383w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-widget-300x241.webp 300w\" sizes=\"(max-width: 383px) 100vw, 383px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"general-settings\">General Settings<\/h2>\n\n\n\n<p>The <strong>General <\/strong>settings tab of the widget contains such settings:<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-listing-item-template.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-listing-item-template.webp\" alt=\"dynamic calendar listing item template\" class=\"wp-image-46208\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-listing-item-template.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-listing-item-template-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-listing-item-template-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-listing-item-template-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-listing-item-template-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-listing-item-template-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Listing<\/strong> \u2014 a dropdown menu from which the needed <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-template-in-elementor-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Listing item<\/strong> <strong>template<\/strong><\/a> can be selected to be displayed in the calendar. The \u201c<strong>Edit Listing<\/strong>\u201d button opens the <strong>Listing <\/strong>editing page in a new tab where it can be customized;<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/group-posts-by-date-from-custom-field.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/group-posts-by-date-from-custom-field.webp\" alt=\"group posts by date from custom field\" class=\"wp-image-46214\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/group-posts-by-date-from-custom-field.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/group-posts-by-date-from-custom-field-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/group-posts-by-date-from-custom-field-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/group-posts-by-date-from-custom-field-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/group-posts-by-date-from-custom-field-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/group-posts-by-date-from-custom-field-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Group posts by<\/strong> \u2014 a dropdown menu where such query parameters for the calendar can be chosen:\n<ul>\n<li><strong>Post publication date<\/strong> \u2014 posts will appear according to the date when they were created;<\/li>\n\n\n\n<li><strong>Post modification date<\/strong> \u2014&nbsp; posts will be displayed according to the date when they were modified last time;<\/li>\n\n\n\n<li><strong>Date from custom field<\/strong> \u2014 queries posts, users, comments, terms, and <strong>CCT <\/strong>items by the custom \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/meta-field-types-overview\/#date\" target=\"_blank\" rel=\"noreferrer noopener\">Date<\/a>\u201d meta field. It activates the <strong>Meta field name <\/strong>text field, where the custom field name should be inserted;<\/li>\n\n\n\n<li><strong>Query Item creation date (depends on used query) <\/strong>\u2014 queries users, comments, and <strong>CCT <\/strong>items according to the creation date;<\/li>\n\n\n\n<li><strong>Appointment date<\/strong> \u2014 this option is created for the <a href=\"https:\/\/crocoblock.com\/plugins\/jetappointment\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetAppointment<\/em><\/a> plugin from Crocoblock. It allows displaying appointment dates for services;<\/li>\n\n\n\n<li><strong>Booking date <\/strong>\u2014 available if the <a href=\"https:\/\/crocoblock.com\/plugins\/jetbooking\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetBooking<\/em><\/a><em> <\/em>plugin is installed and activated, allows displaying booking instance dates.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/allow-multi-day-events-for-dynamic-calendar.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/allow-multi-day-events-for-dynamic-calendar.webp\" alt=\"allow multi-day events for dynamic calendar\" class=\"wp-image-46206\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/allow-multi-day-events-for-dynamic-calendar.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/allow-multi-day-events-for-dynamic-calendar-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/allow-multi-day-events-for-dynamic-calendar-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/allow-multi-day-events-for-dynamic-calendar-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/allow-multi-day-events-for-dynamic-calendar-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/allow-multi-day-events-for-dynamic-calendar-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Allow multi-day events<\/strong> \u2014 available if the \u201cDate from custom field\u201d is picked from the <strong>Group posts by <\/strong>dropdown menu. If this toggle is enabled, it activates the <strong>End Date Field Name <\/strong>field. It allows the calendar to display the event&#8217;s date range, using the start date from the custom field specified in the <strong>Meta Field Name<\/strong> and the end date from the custom field specified in the <strong>End Date Field Name<\/strong>;<\/li>\n<\/ul>\n\n\n<div class=\"note-banner d-flex border-bold border-jetsmartfilters 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=\"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z\" fill=\"#FA5450\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Warning<\/div><p class=\"m-0\">The <strong>Save as timestamp <\/strong>option should be activated for the \u201cDate\u201d meta fields that are used for the <strong>Dynamic Calendar<\/strong>.<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/save-as-timestamp-for-the-date-meta-field.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/save-as-timestamp-for-the-date-meta-field.webp\" alt=\"save as timestamp for the date meta field\" class=\"wp-image-46216\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/save-as-timestamp-for-the-date-meta-field.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/save-as-timestamp-for-the-date-meta-field-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/save-as-timestamp-for-the-date-meta-field-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/save-as-timestamp-for-the-date-meta-field-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/save-as-timestamp-for-the-date-meta-field-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/save-as-timestamp-for-the-date-meta-field-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Use Custom Post Types<\/strong> \u2014 a toggle that, if enabled, activates the <strong>Post Types <\/strong>dropdown menu. It allows the display of posts from several post types;<\/li>\n<\/ul>\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\">To show the meta fields of different <strong>CPT<\/strong>s in the <strong>Listing<\/strong>, their names have to be the same. The best solution will be to create a <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-add-the-custom-meta-fields-to-the-posts\/\"><strong>Meta Box<\/strong><\/a> and assign it to both <strong>CPT<\/strong>s.<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-widget-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-widget-settings.webp\" alt=\"dynamic calendar widget settings\" class=\"wp-image-46210\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-widget-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-widget-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-widget-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-widget-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-widget-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-widget-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Week days format<\/strong> \u2014 defines how to display day names:\n<ul>\n<li>Full \u2014 by full format (e.g., \u201cMonday\u201d);<\/li>\n\n\n\n<li>Short \u2014 short format (e.g., \u201cMon\u201d);<\/li>\n\n\n\n<li>Initial letter \u2014 initial letter only (e.g., \u201cM\u201d).<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Start from custom month<\/strong> \u2014 if activated, it allows selecting a specific month and year that the calendar will show by default after uploading the page;<\/li>\n\n\n\n<li><strong>Show posts from nearby month<\/strong> \u2014&nbsp; if enabled, this option displays posts from overlapping weeks. When a specific month is shown, it includes part of the last week of the previous month and the first week of the following month;<\/li>\n\n\n\n<li><strong>Hide past events<\/strong> \u2014 if activated, it shows only events that will happen in the future;<\/li>\n\n\n\n<li><strong>Allow date select<\/strong> \u2014 if turned on, it activates the selector by months and years. Also, it enables the <strong>Min select year<\/strong> and <strong>Max select year <\/strong>fields, where such values can be used: static years (e.g., \u201c1970\u201d and \u201c2038\u201d), strings (e.g., \u201c+3years\u201d, \u201c-1year\u201d, \u201cthis year\u201d), and <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/macros-guide\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetEngine <\/em>macros<\/a>;<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/allow-date-select-for-dynamic-calendar.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1297\" height=\"612\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/allow-date-select-for-dynamic-calendar.webp\" alt=\"allow date select for dynamic calendar\" class=\"wp-image-46205\" style=\"width:840px;height:auto\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/allow-date-select-for-dynamic-calendar.webp 1297w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/allow-date-select-for-dynamic-calendar-300x142.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/allow-date-select-for-dynamic-calendar-1024x483.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/allow-date-select-for-dynamic-calendar-768x362.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/allow-date-select-for-dynamic-calendar-600x283.webp 600w\" sizes=\"(max-width: 1297px) 100vw, 1297px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Cache Calendar<\/strong> \u2014 if activated, enables such options:\n<ul>\n<li><strong>Cache Timeout <\/strong>\u2014 a field where the cache timeout in seconds can be set (e.g., \u201c60\u201d). \u201c-1\u201d value can be inserted for unlimited;<\/li>\n\n\n\n<li><strong>Maximum Cache Size<\/strong> \u2014 a field where the maximum cache size in the number of months can be set (e.g., \u201c12\u201d). If the number of cached months exceeds this limit, the oldest month will be removed from the cache.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"custom-query\"><strong>Custom Query<\/strong><\/h2>\n\n\n\n<p>This tab includes such options:<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-custom-query-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"618\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-custom-query-settings-1024x618.webp\" alt=\"dynamic calendar custom query settings\" class=\"wp-image-46207\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-custom-query-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-custom-query-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-custom-query-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-custom-query-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-custom-query-settings-600x362.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-custom-query-settings.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Use Custom Query<\/strong> \u2014 a toggle that enables the query feature for the calendar. This query should be created via the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/query-builder-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>JetEngine Query Builder<\/strong><\/a>;<\/li>\n\n\n\n<li><strong>Custom Query<\/strong> \u2014 a dropdown menu in which all the queries are listed. The chosen query will be applied to the calendar.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"posts-query-legacy\"><strong>Posts Query (Legacy)<\/strong><\/h2>\n\n\n\n<p>This tab supports the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/listing-grid-posts-query-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">posts query functionality<\/a> the same way as the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-grid-widget-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Listing Grid<\/strong><\/a> widget.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-posts-query-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-posts-query-settings.webp\" alt=\"dynamic calendar posts query settings\" class=\"wp-image-46209\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-posts-query-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-posts-query-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-posts-query-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-posts-query-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-posts-query-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-posts-query-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\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\">The <strong>Posts Query<\/strong> is a legacy feature. We recommend creating a \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetengine-query-builder-posts-query-type\/\">Post Query<\/a>\u201d with the <strong>Query Builder<\/strong> feature and applying it in the <strong>Custom Query <\/strong>tab of the <strong>Dynamic Calendar <\/strong>widget.<\/p><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"widget-visibility\"><strong>Widget Visibility<\/strong><\/h2>\n\n\n\n<p>The <strong>Widget Visibility<\/strong> section contains the <strong>Hide widget if <\/strong>dropdown menu with the \u201cAlways show\u201d and \u201cQuery is empty\u201d options.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-widget-visibility.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-widget-visibility.webp\" alt=\"dynamic calendar widget visibility\" class=\"wp-image-46212\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-widget-visibility.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-widget-visibility-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-widget-visibility-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-widget-visibility-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-widget-visibility-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-widget-visibility-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"style-settings\"><strong>Style Settings<\/strong><\/h2>\n\n\n\n<p>The <strong>Style<\/strong> settings tab of the <strong>Dynamic Calendar<\/strong> widget allows customizing the caption, navigation arrows, weekday names, day items, and mobile view.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-widget-style-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-widget-style-settings.webp\" alt=\"dynamic calendar widget style settings\" class=\"wp-image-46211\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-widget-style-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-widget-style-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-widget-style-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-widget-style-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-widget-style-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-calendar-widget-style-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>That\u2019s all; now you know how to build different calendars on your WordPress website with the help of <em>JetEngine <\/em>and its <strong>Dynamic Calendar <\/strong>widget.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial, we will show you how to create a dynamic calendar with the JetEngine plugin and what content can be used there.<\/p>\n","protected":false},"author":8,"template":"","format":"standard","builder-category":[],"feature-category":[534],"article-category":[397],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Dynamic Calendar Listing Widget Overview \u2014 JetEngine | Crocoblock<\/title>\n<meta name=\"description\" content=\"Discover the Dynamic Calendar widget settings. Apply a listing template, group posts by date, enable multi-day events, show nearby months, hide past events, allow date selection, and adjust settings.\" \/>\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\/features\/dynamic-listing-calendar-widget-overview\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dynamic Calendar Listing Widget Overview \u2014 JetEngine | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Discover the Dynamic Calendar widget settings. Apply a listing template, group posts by date, enable multi-day events, show nearby months, hide past events, allow date selection, and adjust settings.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-listing-calendar-widget-overview\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-07T13:03:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/jetengine-dynamic-calendar-module-activated.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\/features\/dynamic-listing-calendar-widget-overview\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-listing-calendar-widget-overview\/\",\"name\":\"Dynamic Calendar Listing Widget Overview \u2014 JetEngine | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2024-11-29T14:46:29+00:00\",\"dateModified\":\"2026-04-07T13:03:56+00:00\",\"description\":\"Discover the Dynamic Calendar widget settings. Apply a listing template, group posts by date, enable multi-day events, show nearby months, hide past events, allow date selection, and adjust settings.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-listing-calendar-widget-overview\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-listing-calendar-widget-overview\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-listing-calendar-widget-overview\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Features\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Dynamic Listing Calendar\"}]},{\"@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":"Dynamic Calendar Listing Widget Overview \u2014 JetEngine | Crocoblock","description":"Discover the Dynamic Calendar widget settings. Apply a listing template, group posts by date, enable multi-day events, show nearby months, hide past events, allow date selection, and adjust settings.","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\/features\/dynamic-listing-calendar-widget-overview\/","og_locale":"en_US","og_type":"article","og_title":"Dynamic Calendar Listing Widget Overview \u2014 JetEngine | Crocoblock","og_description":"Discover the Dynamic Calendar widget settings. Apply a listing template, group posts by date, enable multi-day events, show nearby months, hide past events, allow date selection, and adjust settings.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-listing-calendar-widget-overview\/","og_site_name":"Help Center","article_modified_time":"2026-04-07T13:03:56+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/jetengine-dynamic-calendar-module-activated.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\/features\/dynamic-listing-calendar-widget-overview\/","url":"https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-listing-calendar-widget-overview\/","name":"Dynamic Calendar Listing Widget Overview \u2014 JetEngine | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2024-11-29T14:46:29+00:00","dateModified":"2026-04-07T13:03:56+00:00","description":"Discover the Dynamic Calendar widget settings. Apply a listing template, group posts by date, enable multi-day events, show nearby months, hide past events, allow date selection, and adjust settings.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-listing-calendar-widget-overview\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-listing-calendar-widget-overview\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-listing-calendar-widget-overview\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Features","item":"https:\/\/crocoblock.com\/knowledge-base\/features\/"},{"@type":"ListItem","position":3,"name":"Dynamic Listing Calendar"}]},{"@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\/features\/32677"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/features"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/features"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/8"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=32677"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=32677"},{"taxonomy":"feature-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/feature-category?post=32677"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=32677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}