Skip to content

Instantly share code, notes, and snippets.

@juanfra

juanfra/vr-month.html

Created May 22, 2019 20:43
Show Gist options
  • Save juanfra/5eb0a87363a43a87bd3fa4de11b55a54 to your computer and use it in GitHub Desktop.
Save juanfra/5eb0a87363a43a87bd3fa4de11b55a54 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
vr-month.html
<h2 class="tribe-common-a11y-hidden" id="calendar-header"><?php printf( esc_html__( 'Calendar of %s', 'the-events-calendar' ), tribe_get_event_label_plural() ); ?></h2>
<div class="tribe-events-calendar-month__grid" role="grid" aria-labelledby="calendar-header" aria-readonly="true">
<header class="tribe-events-calendar-month__header" role="row">
<div class="tribe-events-calendar-month__header-column" role="columnheader" aria-label="Monday">M</div>
<div class="tribe-events-calendar-month__header-column" role="columnheader" aria-label="Tuesday">T</div>
<div class="tribe-events-calendar-month__header-column" role="columnheader" aria-label="Wednesday">W</div>
<div class="tribe-events-calendar-month__header-column" role="columnheader" aria-label="Thursday">T</div>
<div class="tribe-events-calendar-month__header-column" role="columnheader" aria-label="Friday">F</div>
<div class="tribe-events-calendar-month__header-column" role="columnheader" aria-label="Saturday">T</div>
<div class="tribe-events-calendar-month__header-column" role="columnheader" aria-label="Sunday">S</div>
</header>
<div class="tribe-events-calendar-month__week" role="row">
<div class="tribe-events-calendar-month__day" role="gridcell">29</div>
<div class="tribe-events-calendar-month__day" role="gridcell">30</div>
<div class="tribe-events-calendar-month__day" role="gridcell">31</div>
<div class="tribe-events-calendar-month__day" role="gridcell" tabindex="0">1</div>
<div class="tribe-events-calendar-month__day" role="gridcell" tabindex="0">2</div>
<div class="tribe-events-calendar-month__day" role="gridcell" tabindex="0">3</div>
<div class="tribe-events-calendar-month__day" role="gridcell" tabindex="-1">4</div>
</div>
<div class="tribe-events-calendar-month__week" role="row">
<div class="tribe-events-calendar-month__day" role="gridcell" tabindex="-1">5</div>
<div class="tribe-events-calendar-month__day" role="gridcell" tabindex="-1">6</div>
<div class="tribe-events-calendar-month__day" role="gridcell" tabindex="-1">7</div>
<div class="tribe-events-calendar-month__day" role="gridcell" tabindex="-1">8</div>
<div class="tribe-events-calendar-month__day" role="gridcell" tabindex="-1">9</div>
<div class="tribe-events-calendar-month__day" role="gridcell" tabindex="-1">10</div>
<div class="tribe-events-calendar-month__day" role="gridcell" tabindex="-1">11</div>
</div>
<div class="tribe-events-calendar-month__week" role="row">
<div class="tribe-events-calendar-month__day" role="gridcell" tabindex="-1">12</div>
<div class="tribe-events-calendar-month__day" role="gridcell" tabindex="-1">13</div>
<div class="tribe-events-calendar-month__day" role="gridcell" tabindex="-1">14</div>
<div class="tribe-events-calendar-month__day" role="gridcell" tabindex="-1">15</div>
<div class="tribe-events-calendar-month__day" role="gridcell" tabindex="-1">16</div>
<div class="tribe-events-calendar-month__day" role="gridcell" tabindex="-1">17</div>
<div class="tribe-events-calendar-month__day" role="gridcell" tabindex="-1">18</div>
</div>
<div class="tribe-events-calendar-month__week" role="row">
<div class="tribe-events-calendar-month__day" role="gridcell" tabindex="-1">19</div>
<div class="tribe-events-calendar-month__day" role="gridcell" tabindex="-1">20</div>
<div class="tribe-events-calendar-month__day" role="gridcell" tabindex="-1">21</div>
<div class="tribe-events-calendar-month__day" role="gridcell" tabindex="-1">22</div>
<div class="tribe-events-calendar-month__day" role="gridcell" tabindex="-1">23</div>
<div class="tribe-events-calendar-month__day" role="gridcell" tabindex="-1">24</div>
<div class="tribe-events-calendar-month__day" role="gridcell" tabindex="-1">25</div>
</div>
<div class="tribe-events-calendar-month__week" role="row">
<div class="tribe-events-calendar-month__day" role="gridcell" tabindex="-1">26</div>
<div class="tribe-events-calendar-month__day" role="gridcell" tabindex="-1">27</div>
<div class="tribe-events-calendar-month__day" role="gridcell" tabindex="-1">28</div>
<div class="tribe-events-calendar-month__day" role="gridcell" tabindex="-1">29</div>
<div class="tribe-events-calendar-month__day" role="gridcell" tabindex="-1">30</div>
<div class="tribe-events-calendar-month__day" role="gridcell" tabindex="-1">31</div>
<div class="tribe-events-calendar-month__day" role="gridcell">1</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment