Events Top Bar HTML

events-top-bar-html.html

<div class="tribe-events-calendar-top-bar">

	<div class="tribe-events-calendar-top-bar--nav">
		<nav>
			<a href="#" class="tribe-common-c-btn-icon tribe-common-c-btn-icon--caret-left tribe-common-b3"></a>
			<a href="#" class="tribe-common-c-btn-icon tribe-common-c-btn-icon--caret-right tribe-common-b3"></a>
		</nav>
	</div>
	<div class="tribe-events-calendar-top-bar--today">
		<a href="#" class="tribe-events-calendar-top-bar--today--button">Today</a>

		<span class="tribe-common-h3 tribe-common-h3--alt">
			Now &mdash; May 10th, 2019	</span>
	</div>
	<div class="tribe-events-calendar-top-bar--actions">
		<div class="tribe-common-form-control-toggle">
			<input id="toggleHorizontal" name="toggleGroup" type="checkbox" value="toggleHorizontal" />
			<label for="toggleHorizontal">Hide Recurring Events</label>
		</div>
	</div>
</div>