JSFiddle - React, Tailwind, and code Playground
by Mike Gifford
HTML
<div class="view view-calendar view-id-calendar view-display-id-page_1 view-dom-id-c76f52b3258e3e44b7ebacfeed81e1ac" id="calendar">
<div class="view-header">
<div class="date-nav-wrapper clearfix">
<div class="date-nav item-list">
<div class="date-heading"><h3>October 2012</h3></div>
<ul class="pager">
<li class="date-prev">
<a href="http://drupal7.oc/calendar-node-field-date/month/2012-09#calendar" title="Navigate to previous month" rel="nofollow">« Prev</a>
</li>
<li class="date-next">
<a href="http://drupal7.oc/calendar-node-field-date/month/2012-11#calendar" title="Navigate to next month" rel="nofollow">Next »</a>
</li>
</ul>
</div>
</div>
</div>
<div class="view-content">
<div class="calendar-calendar">
<div class="month-view">
<table class="full" summary="7 day calendar grid for October, starting with Sunday.">
<thead>
<tr>
<th class="days sun" id="Sunday" abbr="Sunday"> Sun </th>
<th class="days mon" id="Monday" abbr="Monday"> Mon </th>
<th class="days tue" id="Tuesday" abbr="Tuesday"> Tue </th>
<th class="days wed" id="Wednesday" abbr="Wednesday"> Wed </th>
<th class="days thu" id="Thursday" abbr="Thursday"> Thu </th>
<th class="days fri" id="Friday" abbr="Friday"> Fri </th>
<th class="days sat" id="Saturday" abbr="Saturday"> Sat </th>
</tr>
</thead>
<tbody>
<tr class="date-box">
<th id="calendar-2012-09-30-date-box" class="date-box past empty" data-date="2012-09-30" headers="Sunday" data-day-of-month="30" >
<div class="inner"> <div class="month day"> 30 </div> </div>
</th>
<th id="calendar-2012-10-01-date-box" class="date-box past" data-date="2012-10-01" headers="Monday" data-day-of-month="1" >
<div class="inner"> <div class="month day"> 1 </div> </div>
</th>
<th...