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">&laquo; Prev</a>&nbsp;
                </li>
        <li class="date-next">&nbsp;
          <a href="http://drupal7.oc/calendar-node-field-date/month/2012-11#calendar" title="Navigate to next month" rel="nofollow">Next &raquo;</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." role="grid" tabindex="0">
  <thead>
    <tr role="row">
      <th role="columnheader" class="days sun" id="Sunday" abbr="Sunday">  Sun  </th>
      <th role="columnheader" class="days mon" id="Monday" abbr="Monday">  Mon  </th>
      <th role="columnheader" class="days tue" id="Tuesday" abbr="Tuesday">  Tue  </th>
      <th role="columnheader" class="days wed" id="Wednesday" abbr="Wednesday">  Wed  </th>
      <th role="columnheader" class="days thu" id="Thursday" abbr="Thursday">  Thu  </th>
      <th role="columnheader" class="days fri" id="Friday" abbr="Friday">  Fri  </th>
      <th role="columnheader" class="days sat" id="Saturday" abbr="Saturday">  Sat </th>
      </tr>
  </thead>
  <tbody role="rowgroup">
    <tr role="row" class="date-box">
      <th role="gridcell" tabindex="-1" 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>
     ...