Odyssey styleguide

<div class="odyssey-datepicker odyssey-datepicker--single-date">
	<div class="odyssey-datepicker__dates">
		<table class="odyssey-datepicker__selector">
			<thead class="odyssey-datepicker__selector__title">
				<tr>
					<th class="odyssey-datepicker__selector__title--prev">
						<a class="icon-button">
							<i class="odyssey-datepicker__arrow-left icon-button__icon"></i>
						</a>
					</th>
					<th class="odyssey-datepicker__selector__title--name" colspan="5">January 1998</th>
					<th class="odyssey-datepicker__selector__title--next">
						<a class="icon-button">
							<i class="odyssey-datepicker__arrow-right icon-button__icon"></i>
						</a>
					</th>
				</tr>
				<tr class="odyssey-datepicker__selector__picker__days--names">
					<th>Mo</th>
					<th>Tu</th>
					<th>We</th>
					<th>Th</th>
					<th>Fr</th>
					<th>Sa</th>
					<th>Su</th>
				</tr>
			</thead>
			<tbody class="odyssey-datepicker__selector__picker">
				<tr class="odyssey-datepicker__selector__picker__days--numbers">
					<td class="emptyDate unselectable"><div class="odyssey-datepicker__date"></div></td>
					<td class="emptyDate unselectable"><div class="odyssey-datepicker__date"></div></td>
					<td class="emptyDate unselectable"><div class="odyssey-datepicker__date"></div></td>
					<td class="emptyDate unselectable"><div class="odyssey-datepicker__date"></div></td>
					<td class="emptyDate unselectable"><div class="odyssey-datepicker__date"></div></td>
					<td class="emptyDate unselectable"><div class="odyssey-datepicker__date"></div></td>
					<td class="selected"><div class="odyssey-datepicker__date">1</div></td>
				</tr>
				<tr class="odyssey-datepicker__selector__picker__days--numbers">
					<td class="disabled"><div class="odyssey-datepicker__date">2</div></td>
					<td class="disabled"><div class="odyssey-datepicker__date">3</div></td>
					<td class="disabled"><div class="odyssey-datepicker__date">4</div></td>
					<td class="disabled"><div class="odyssey-datepicker__date">5</div></td>
					<td><div class="odyssey-datepicker__date">6</div></td>
					<td><div class="odyssey-datepicker__date">7</div></td>
					<td><div class="odyssey-datepicker__date">8</div></td>
				</tr>
				<tr class="odyssey-datepicker__selector__picker__days--numbers">
					<td><div class="odyssey-datepicker__date">9</div></td>
					<td><div class="odyssey-datepicker__date">10</div></td>
					<td><div class="odyssey-datepicker__date">11</div></td>
					<td><div class="odyssey-datepicker__date">12</div></td>
					<td><div class="odyssey-datepicker__date">13</div></td>
					<td><div class="odyssey-datepicker__date">14</div></td>
					<td><div class="odyssey-datepicker__date">15</div></td>
				</tr>
				<tr class="odyssey-datepicker__selector__picker__days--numbers">
					<td><div class="odyssey-datepicker__date">16</div></td>
					<td><div class="odyssey-datepicker__date">17</div></td>
					<td><div class="odyssey-datepicker__date">18</div></td>
					<td><div class="odyssey-datepicker__date">19</div></td>
					<td><div class="odyssey-datepicker__date">20</div></td>
					<td><div class="odyssey-datepicker__date">21</div></td>
					<td><div class="odyssey-datepicker__date">22</div></td>
				</tr>
				<tr class="odyssey-datepicker__selector__picker__days--numbers">
					<td><div class="odyssey-datepicker__date">23</div></td>
					<td><div class="odyssey-datepicker__date">24</div></td>
					<td><div class="odyssey-datepicker__date">25</div></td>
					<td><div class="odyssey-datepicker__date">26</div></td>
					<td><div class="odyssey-datepicker__date">27</div></td>
					<td><div class="odyssey-datepicker__date">28</div></td>
					<td><div class="odyssey-datepicker__date">29</div></td>
				</tr>
				<tr class="odyssey-datepicker__selector__picker__days--numbers">
					<td><div class="odyssey-datepicker__date">30</div></td>
					<td><div class="odyssey-datepicker__date">31</div></td>
					<td class="emptyDate unselectable"><div class="odyssey-datepicker__date"></div></td>
					<td class="emptyDate unselectable"><div class="odyssey-datepicker__date"></div></td>
					<td class="emptyDate unselectable"><div class="odyssey-datepicker__date"></div></td>
					<td class="emptyDate unselectable"><div class="odyssey-datepicker__date"></div></td>
					<td class="emptyDate unselectable"><div class="odyssey-datepicker__date"></div></td>
				</tr>
			</tbody>
		</table>
	</div>
</div>