Filters

Filter Search

Event type All Concerts & Gig Guide Exhibitions Festivals & Lifestyle Performing Arts Sports & Outdoors Workshops, Conferences & Classes

Featured events All

When All Today This Week August September October November December

HTML

<fieldset class="event-query-fields d-flex flex-wrap flex-lg-nowrap mt-0 mb-xs"> <legend class="sr-only">Filter Search</legend> <div class="events__facet"> <label for="CategoryDropDownList" class="block mbxs">Event type</label> <select name="content_1$CategoryDropDownList" id="CategoryDropDownList" class="eventtype-picker mb-0"> <option selected="selected" value="0">All</option> <option value="6">Concerts &Gig Guide</option> <option value="11">Exhibitions</option> <option value="190">Festivals &Lifestyle</option> <option value="1">Performing Arts</option> <option value="7">Sports &Outdoors</option> <option value="3">Workshops, Conferences &Classes</option> </select> </div> <div class="events__facet flex-grow-1" id="content_1_pnlType"> <label for="FeaturedEventsDropDownList" class="block mbxs text-nowrap">Featured events</label> <select name="content_1$FeaturedEventsDropDownList" id="FeaturedEventsDropDownList" class="featuredeventtype-picker mb-0"> <option selected="selected" value="">All</option> </select> </div> <div class="events__facet"> <label for="TimeFrameDropDownList" class="block mbxs">When</label> <select name="content_1$TimeFrameDropDownList" id="TimeFrameDropDownList" class="eventwhen-picker mb-0"> <option selected="selected" value="-10">All</option> <option value="-5">Today</option> <option value="-7">This Week</option> <option value="8">August</option> <option value="9">September</option> <option value="10">October</option> <option value="11">November</option> <option value="12">December</option> </select> </div> <div class="scfSubmitButtonBorder sr-only"> <input type="submit" name="content_1$ctl00" value="Go" onclick="return EventActionClick();"> </div> </fieldset>

CodeSandBox ↗︎