<div class="events-grid" data-module="eventsGrid" data-filter-api-endpoint="" data-datasource="">
<div class="events-filter filter-standard js-events-filter">
<div class="filter-standard__background">
<div class="filter-standard__background-image">
<figure class="image js-image " data-module="imagelazy" data-is-small-image="">
<img class="image__lowres js-image-lazyload" data-object-fit data-src="" alt="">
<picture class="image__container">
<img class="js-image-lazyload js-fallback-image" data-object-fit data-src="" alt="">
</picture>
</figure>
<div class="filter-standard__background-fade"></div>
</div>
<div class="filter-standard__content">
<div class="grid-container">
<div class="filter-standard__main-title">
</div>
<div class="filter-standard__subtitle">
</div>
<div class="filter-standard__controls js-filter-controls">
<a href="#" class="filter-standard__toggle js-filter-standard-toggle">
<span></span>
<span></span>
</a>
<div class="filter-standard__results js-total-results"></div>
<div class="filter-standard__tags-wrapper js-filter-standard-tags">
<template class="js-tag-template">
<div class="filter-standard__tag js-filter-standard-tag">
<a href='#' class="filter-standard__close-icon js-remove-filter-tag"></a>
</div>
</template>
</div>
</div>
</div>
<div class="filter-standard__wrapper js-filters-container">
<div class="grid-container">
<div class="filter-standard__container">
<div class="grid-x grid-margin-x">
<div class="cell medium-4 large-4">
<div class="filter-standard__group">
<div class="js-location-filter" data-city-param-name="" data-county-param-name="">
<div class="filter-standard__title"></div>
<div class="filter-standard__option active js-reset-location">
<div class="filter-standard__option-title">
</div>
</div>
<div class="js-city-filter">
<div class="checkbox-list js-checkbox-list">
<div class="checkbox-list__toggle js-toggle">
</div>
<div class="checkbox-list__list js-list-container">
</div>
</div>
</div>
<div class="js-county-filter">
<div class="checkbox-list js-checkbox-list">
<div class="checkbox-list__toggle js-toggle">
</div>
<div class="checkbox-list__list js-list-container">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cell medium-4 large-4">
<div class="filter-standard__group">
<div class="js-months-filter" data-months-param-name="">
<div class="filter-standard__title"></div>
<div class="grid-x grid-margin-x">
<div class="cell medium-6 large-6">
<div class="filter-standard__option active js-filter-option" data-type="" data-value="">
<div class="filter-standard__option-title">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cell medium-4 large-4">
<div class="filter-standard__group">
<div class="date-filter js-date-filter" data-start-date-param-name="" data-end-date-param-name="">
<div class="filter-standard__title"></div>
<div class="date-filter__date-picker js-filter-start-datepicker">
<div class='datepicker' data-offset='' data-max-day='' data-max-month='' data-max-year='' data-monday='' data-tuesday='' data-wednesday='' data-thursday='' data-friday='' data-saturday='' data-sunday='' data-january='' data-february='' data-march='' data-april='' data-may='' data-june='' data-july='' data-august='' data-september='' data-october='' data-november='' data-december='' data-short-january='' data-short-february='' data-short-march='' data-short-april='' data-short-may='' data-short-june='' data-short-july='' data-short-august='' data-short-september='' data-short-october='' data-short-november='' data-short-december=''>
<label class="label" for=""></label>
<input type="text" class="input-date" readonly max="--" placeholder="" id="" />
</div>
</div>
<div class="date-filter__date-picker js-filter-end-datepicker">
<div class='datepicker' data-offset='' data-max-day='' data-max-month='' data-max-year='' data-monday='' data-tuesday='' data-wednesday='' data-thursday='' data-friday='' data-saturday='' data-sunday='' data-january='' data-february='' data-march='' data-april='' data-may='' data-june='' data-july='' data-august='' data-september='' data-october='' data-november='' data-december='' data-short-january='' data-short-february='' data-short-march='' data-short-april='' data-short-may='' data-short-june='' data-short-july='' data-short-august='' data-short-september='' data-short-october='' data-short-november='' data-short-december=''>
<label class="label" for=""></label>
<input type="text" class="input-date" readonly max="--" placeholder="" id="" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<p class="trip-ideas-grid__message trip-ideas-grid__message--error js-results-error"></p>
<div class="trip-ideas-grid__loader js-loader">
<div class="loader">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="js-api-results-container" data-module="card"></div>
<div class="trip-ideas-grid__button js-load-more">
</div>
</div>
{{{customeditframe.editframeStart}}}
<div class="events-grid" data-module="eventsGrid" data-filter-api-endpoint="{{filterApiEndpoint}}"
data-datasource="{{dataSource}}">
{{> @cp-events-filter filter}}
<p class="trip-ideas-grid__message trip-ideas-grid__message--error js-results-error">{{errorMessage}}</p>
<div class="trip-ideas-grid__loader js-loader">{{> @loader }}</div>
<div class="js-api-results-container" data-module="card"></div>
<div class="trip-ideas-grid__button js-load-more">
{{> @cp-button-secondary target=button.target url="#" text=button.text cssClasses="js-load-more"}}
</div>
</div>
{{{customeditframe.editframeStop}}}
/* No context defined for this component. */
There are no notes for this item.