The example below uses a date picker to select a date range and returns events active within the range.
Note: The Date Picker field type works for dates stored as custom field values only.
Test the date range functionality by selection a range between February 14, 2021 and March 31st, 2021.
The following shortcodes were used in the above example.
Filters Shortcode[ajax_load_more_filters id="datepicker" target="alm_datepicker"]
Ajax Load More Shortcode[ajax_load_more id="alm_datepicker" filters="true" target="datepicker" post_type="events" posts_per_page="3" meta_key="event_date" orderby="meta_value_num" order="ASC" button_label="Load More" no_results_text="Sorry, no events found between those dates."]
The screenshot below illustrates how to set up a date picker calendar in the Ajax Load More Filters admin.