ant-design-vue/components/calendar/__tests__/__snapshots__/demo.test.js.snap

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`renders ./antdv-demo/calendar/demo/basic.md correctly 1`] = `
<div class=" ant-fullcalendar-fullscreen">
  <div class="ant-fullcalendar-header">
    <div tabindex="0" class="ant-select ant-select-enabled ant-fullcalendar-year-select">
      <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
        <div class="ant-select-selection__rendered">
          <div title="2016" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">2016</div>
        </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
      </div>
    </div>
    <div tabindex="0" class="ant-select ant-select-enabled ant-fullcalendar-month-select">
      <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
        <div class="ant-select-selection__rendered">
          <div title="Nov" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Nov</div>
        </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
      </div>
    </div>
    <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="month"><span class="ant-radio-button-inner"></span></span><span>Month</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="year"><span class="ant-radio-button-inner"></span></span><span>Year</span></label></div>
  </div>
  <div tabindex="0" class="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen">
    <div class="ant-fullcalendar-calendar-body">
      <table cellspacing="0" role="grid" class="ant-fullcalendar-table">
        <thead>
          <tr role="row">
            <th role="columnheader" title="Sun" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Su</span></th>
            <th role="columnheader" title="Mon" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Mo</span></th>
            <th role="columnheader" title="Tue" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Tu</span></th>
            <th role="columnheader" title="Wed" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">We</span></th>
            <th role="columnheader" title="Thu" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Th</span></th>
            <th role="columnheader" title="Fri" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Fr</span></th>
            <th role="columnheader" title="Sat" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Sa</span></th>
          </tr>
        </thead>
        <tbody class="ant-fullcalendar-tbody">
          <tr role="row" class="">
            <td role="gridcell" title="October 30, 2016" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">30</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="October 31, 2016" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell ant-fullcalendar-last-day-of-month">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">31</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="November 1, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">01</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="November 2, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">02</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="November 3, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">03</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="November 4, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">04</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="November 5, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">05</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
          </tr>
          <tr role="row" class="">
            <td role="gridcell" title="November 6, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">06</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="November 7, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">07</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="November 8, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">08</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="November 9, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">09</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="November 10, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">10</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="November 11, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">11</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="November 12, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">12</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
          </tr>
          <tr role="row" class="">
            <td role="gridcell" title="November 13, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">13</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="November 14, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">14</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="November 15, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">15</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="November 16, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">16</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="November 17, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">17</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="November 18, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">18</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="November 19, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">19</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
          </tr>
          <tr role="row" class="ant-fullcalendar-current-week ant-fullcalendar-active-week">
            <td role="gridcell" title="November 20, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">20</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="November 21, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">21</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="November 22, 2016" class="ant-fullcalendar-cell ant-fullcalendar-today ant-fullcalendar-selected-day">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">22</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="November 23, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">23</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="November 24, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">24</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="November 25, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">25</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="November 26, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">26</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
          </tr>
          <tr role="row" class="">
            <td role="gridcell" title="November 27, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">27</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="November 28, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">28</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="November 29, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">29</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="November 30, 2016" class="ant-fullcalendar-cell ant-fullcalendar-last-day-of-month">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">30</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="December 1, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">01</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="December 2, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">02</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="December 3, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">03</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
          </tr>
          <tr role="row" class="">
            <td role="gridcell" title="December 4, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">04</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="December 5, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">05</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="December 6, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">06</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="December 7, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">07</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="December 8, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">08</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="December 9, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">09</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
            <td role="gridcell" title="December 10, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">10</div>
                <div class="ant-fullcalendar-content"></div>
              </div>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>
`;

exports[`renders ./antdv-demo/calendar/demo/card.md correctly 1`] = `
<div style="width: 300px; border: 1px solid #d9d9d9; border-radius: 4px;">
  <div class="">
    <div class="ant-fullcalendar-header">
      <div tabindex="0" class="ant-select ant-select-enabled ant-select-sm ant-fullcalendar-year-select">
        <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
          <div class="ant-select-selection__rendered">
            <div title="2016" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">2016</div>
          </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
        </div>
      </div>
      <div tabindex="0" class="ant-select ant-select-enabled ant-select-sm ant-fullcalendar-month-select">
        <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
          <div class="ant-select-selection__rendered">
            <div title="Nov" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Nov</div>
          </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
        </div>
      </div>
      <div class="ant-radio-group ant-radio-group-outline ant-radio-group-small"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="month"><span class="ant-radio-button-inner"></span></span><span>Month</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="year"><span class="ant-radio-button-inner"></span></span><span>Year</span></label></div>
    </div>
    <div tabindex="0" class="ant-fullcalendar ant-fullcalendar-full">
      <div class="ant-fullcalendar-calendar-body">
        <table cellspacing="0" role="grid" class="ant-fullcalendar-table">
          <thead>
            <tr role="row">
              <th role="columnheader" title="Sun" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Su</span></th>
              <th role="columnheader" title="Mon" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Mo</span></th>
              <th role="columnheader" title="Tue" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Tu</span></th>
              <th role="columnheader" title="Wed" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">We</span></th>
              <th role="columnheader" title="Thu" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Th</span></th>
              <th role="columnheader" title="Fri" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Fr</span></th>
              <th role="columnheader" title="Sat" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Sa</span></th>
            </tr>
          </thead>
          <tbody class="ant-fullcalendar-tbody">
            <tr role="row" class="">
              <td role="gridcell" title="October 30, 2016" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">30</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="October 31, 2016" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell ant-fullcalendar-last-day-of-month">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">31</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="November 1, 2016" class="ant-fullcalendar-cell">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">01</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="November 2, 2016" class="ant-fullcalendar-cell">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">02</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="November 3, 2016" class="ant-fullcalendar-cell">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">03</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="November 4, 2016" class="ant-fullcalendar-cell">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">04</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="November 5, 2016" class="ant-fullcalendar-cell">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">05</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
            </tr>
            <tr role="row" class="">
              <td role="gridcell" title="November 6, 2016" class="ant-fullcalendar-cell">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">06</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="November 7, 2016" class="ant-fullcalendar-cell">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">07</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="November 8, 2016" class="ant-fullcalendar-cell">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">08</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="November 9, 2016" class="ant-fullcalendar-cell">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">09</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="November 10, 2016" class="ant-fullcalendar-cell">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">10</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="November 11, 2016" class="ant-fullcalendar-cell">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">11</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="November 12, 2016" class="ant-fullcalendar-cell">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">12</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
            </tr>
            <tr role="row" class="">
              <td role="gridcell" title="November 13, 2016" class="ant-fullcalendar-cell">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">13</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="November 14, 2016" class="ant-fullcalendar-cell">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">14</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="November 15, 2016" class="ant-fullcalendar-cell">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">15</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="November 16, 2016" class="ant-fullcalendar-cell">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">16</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="November 17, 2016" class="ant-fullcalendar-cell">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">17</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="November 18, 2016" class="ant-fullcalendar-cell">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">18</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="November 19, 2016" class="ant-fullcalendar-cell">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">19</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
            </tr>
            <tr role="row" class="ant-fullcalendar-current-week ant-fullcalendar-active-week">
              <td role="gridcell" title="November 20, 2016" class="ant-fullcalendar-cell">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">20</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="November 21, 2016" class="ant-fullcalendar-cell">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">21</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="November 22, 2016" class="ant-fullcalendar-cell ant-fullcalendar-today ant-fullcalendar-selected-day">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">22</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="November 23, 2016" class="ant-fullcalendar-cell">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">23</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="November 24, 2016" class="ant-fullcalendar-cell">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">24</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="November 25, 2016" class="ant-fullcalendar-cell">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">25</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="November 26, 2016" class="ant-fullcalendar-cell">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">26</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
            </tr>
            <tr role="row" class="">
              <td role="gridcell" title="November 27, 2016" class="ant-fullcalendar-cell">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">27</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="November 28, 2016" class="ant-fullcalendar-cell">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">28</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="November 29, 2016" class="ant-fullcalendar-cell">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">29</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="November 30, 2016" class="ant-fullcalendar-cell ant-fullcalendar-last-day-of-month">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">30</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="December 1, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">01</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="December 2, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">02</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="December 3, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">03</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
            </tr>
            <tr role="row" class="">
              <td role="gridcell" title="December 4, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">04</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="December 5, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">05</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="December 6, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">06</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="December 7, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">07</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="December 8, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">08</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="December 9, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">09</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
              <td role="gridcell" title="December 10, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                <div class="ant-fullcalendar-date">
                  <div class="ant-fullcalendar-value">10</div>
                  <div class="ant-fullcalendar-content"></div>
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
`;

exports[`renders ./antdv-demo/calendar/demo/notice-calendar.md correctly 1`] = `
<div class=" ant-fullcalendar-fullscreen">
  <div class="ant-fullcalendar-header">
    <div tabindex="0" class="ant-select ant-select-enabled ant-fullcalendar-year-select">
      <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
        <div class="ant-select-selection__rendered">
          <div title="2016" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">2016</div>
        </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
      </div>
    </div>
    <div tabindex="0" class="ant-select ant-select-enabled ant-fullcalendar-month-select">
      <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
        <div class="ant-select-selection__rendered">
          <div title="Nov" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Nov</div>
        </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
      </div>
    </div>
    <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="month"><span class="ant-radio-button-inner"></span></span><span>Month</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="year"><span class="ant-radio-button-inner"></span></span><span>Year</span></label></div>
  </div>
  <div tabindex="0" class="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen">
    <div class="ant-fullcalendar-calendar-body">
      <table cellspacing="0" role="grid" class="ant-fullcalendar-table">
        <thead>
          <tr role="row">
            <th role="columnheader" title="Sun" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Su</span></th>
            <th role="columnheader" title="Mon" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Mo</span></th>
            <th role="columnheader" title="Tue" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Tu</span></th>
            <th role="columnheader" title="Wed" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">We</span></th>
            <th role="columnheader" title="Thu" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Th</span></th>
            <th role="columnheader" title="Fri" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Fr</span></th>
            <th role="columnheader" title="Sat" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Sa</span></th>
          </tr>
        </thead>
        <tbody class="ant-fullcalendar-tbody">
          <tr role="row" class="">
            <td role="gridcell" title="October 30, 2016" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">30</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="October 31, 2016" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell ant-fullcalendar-last-day-of-month">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">31</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="November 1, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">01</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="November 2, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">02</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="November 3, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">03</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="November 4, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">04</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="November 5, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">05</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
          </tr>
          <tr role="row" class="">
            <td role="gridcell" title="November 6, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">06</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="November 7, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">07</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="November 8, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">08</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events">
                    <li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-warning"></span><span class="ant-badge-status-text">This is warning event.</span></span></li>
                    <li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text">This is usual event.</span></span></li>
                  </ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="November 9, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">09</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="November 10, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">10</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events">
                    <li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-warning"></span><span class="ant-badge-status-text">This is warning event.</span></span></li>
                    <li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text">This is usual event.</span></span></li>
                    <li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-error"></span><span class="ant-badge-status-text">This is error event.</span></span></li>
                  </ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="November 11, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">11</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="November 12, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">12</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
          </tr>
          <tr role="row" class="">
            <td role="gridcell" title="November 13, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">13</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="November 14, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">14</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="November 15, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">15</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events">
                    <li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-warning"></span><span class="ant-badge-status-text">This is warning event</span></span></li>
                    <li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text">This is very long usual event。。....</span></span></li>
                    <li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-error"></span><span class="ant-badge-status-text">This is error event 1.</span></span></li>
                    <li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-error"></span><span class="ant-badge-status-text">This is error event 2.</span></span></li>
                    <li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-error"></span><span class="ant-badge-status-text">This is error event 3.</span></span></li>
                    <li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-error"></span><span class="ant-badge-status-text">This is error event 4.</span></span></li>
                  </ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="November 16, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">16</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="November 17, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">17</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="November 18, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">18</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="November 19, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">19</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
          </tr>
          <tr role="row" class="ant-fullcalendar-current-week ant-fullcalendar-active-week">
            <td role="gridcell" title="November 20, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">20</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="November 21, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">21</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="November 22, 2016" class="ant-fullcalendar-cell ant-fullcalendar-today ant-fullcalendar-selected-day">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">22</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="November 23, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">23</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="November 24, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">24</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="November 25, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">25</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="November 26, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">26</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
          </tr>
          <tr role="row" class="">
            <td role="gridcell" title="November 27, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">27</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="November 28, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">28</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="November 29, 2016" class="ant-fullcalendar-cell">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">29</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="November 30, 2016" class="ant-fullcalendar-cell ant-fullcalendar-last-day-of-month">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">30</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="December 1, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">01</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="December 2, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">02</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="December 3, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">03</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
          </tr>
          <tr role="row" class="">
            <td role="gridcell" title="December 4, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">04</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="December 5, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">05</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="December 6, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">06</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="December 7, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">07</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="December 8, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">08</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events">
                    <li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-warning"></span><span class="ant-badge-status-text">This is warning event.</span></span></li>
                    <li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text">This is usual event.</span></span></li>
                  </ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="December 9, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">09</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events"></ul>
                </div>
              </div>
            </td>
            <td role="gridcell" title="December 10, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
              <div class="ant-fullcalendar-date">
                <div class="ant-fullcalendar-value">10</div>
                <div class="ant-fullcalendar-content">
                  <ul class="events">
                    <li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-warning"></span><span class="ant-badge-status-text">This is warning event.</span></span></li>
                    <li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text">This is usual event.</span></span></li>
                    <li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-error"></span><span class="ant-badge-status-text">This is error event.</span></span></li>
                  </ul>
                </div>
              </div>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>
`;

exports[`renders ./antdv-demo/calendar/demo/select.md correctly 1`] = `
<div>
  <div data-show="true" class="ant-alert ant-alert-info ant-alert-no-icon"><span class="ant-alert-message">You selected date: 2017-01-25</span><span class="ant-alert-description"></span></div>
  <div style="display: inline-block; width: 500px; border: 1px solid #d9d9d9; border-radius: 4px;">
    <div class=" ant-fullcalendar-fullscreen">
      <div class="ant-fullcalendar-header">
        <div tabindex="0" class="ant-select ant-select-enabled ant-fullcalendar-year-select">
          <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
            <div class="ant-select-selection__rendered">
              <div title="2017" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">2017</div>
            </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
          </div>
        </div>
        <div tabindex="0" class="ant-select ant-select-enabled ant-fullcalendar-month-select">
          <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
            <div class="ant-select-selection__rendered">
              <div title="Jan" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Jan</div>
            </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
          </div>
        </div>
        <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="month"><span class="ant-radio-button-inner"></span></span><span>Month</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="year"><span class="ant-radio-button-inner"></span></span><span>Year</span></label></div>
      </div>
      <div tabindex="0" class="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen">
        <div class="ant-fullcalendar-calendar-body">
          <table cellspacing="0" role="grid" class="ant-fullcalendar-table">
            <thead>
              <tr role="row">
                <th role="columnheader" title="Sun" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Su</span></th>
                <th role="columnheader" title="Mon" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Mo</span></th>
                <th role="columnheader" title="Tue" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Tu</span></th>
                <th role="columnheader" title="Wed" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">We</span></th>
                <th role="columnheader" title="Thu" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Th</span></th>
                <th role="columnheader" title="Fri" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Fr</span></th>
                <th role="columnheader" title="Sat" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Sa</span></th>
              </tr>
            </thead>
            <tbody class="ant-fullcalendar-tbody">
              <tr role="row" class="">
                <td role="gridcell" title="January 1, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">01</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 2, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">02</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 3, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">03</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 4, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">04</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 5, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">05</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 6, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">06</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 7, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">07</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
              </tr>
              <tr role="row" class="">
                <td role="gridcell" title="January 8, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">08</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 9, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">09</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 10, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">10</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 11, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">11</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 12, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">12</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 13, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">13</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 14, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">14</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
              </tr>
              <tr role="row" class="">
                <td role="gridcell" title="January 15, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">15</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 16, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">16</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 17, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">17</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 18, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">18</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 19, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">19</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 20, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">20</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 21, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">21</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
              </tr>
              <tr role="row" class="ant-fullcalendar-active-week">
                <td role="gridcell" title="January 22, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">22</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 23, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">23</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 24, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">24</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 25, 2017" class="ant-fullcalendar-cell ant-fullcalendar-selected-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">25</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 26, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">26</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 27, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">27</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 28, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">28</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
              </tr>
              <tr role="row" class="">
                <td role="gridcell" title="January 29, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">29</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 30, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">30</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 31, 2017" class="ant-fullcalendar-cell ant-fullcalendar-last-day-of-month">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">31</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="February 1, 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">01</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="February 2, 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">02</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="February 3, 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">03</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="February 4, 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">04</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
              </tr>
              <tr role="row" class="">
                <td role="gridcell" title="February 5, 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">05</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="February 6, 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">06</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="February 7, 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">07</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="February 8, 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">08</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="February 9, 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">09</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="February 10, 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">10</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="February 11, 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">11</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
  <div style="display: inline-block; width: 500px; margin-left: 20px; border: 1px solid #d9d9d9; border-radius: 4px;">
    <div class=" ant-fullcalendar-fullscreen">
      <div class="ant-fullcalendar-header">
        <div tabindex="0" class="ant-select ant-select-enabled ant-fullcalendar-year-select">
          <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
            <div class="ant-select-selection__rendered">
              <div title="2017" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">2017</div>
            </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
          </div>
        </div>
        <div tabindex="0" class="ant-select ant-select-enabled ant-fullcalendar-month-select">
          <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
            <div class="ant-select-selection__rendered">
              <div title="Jan" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Jan</div>
            </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
          </div>
        </div>
        <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="month"><span class="ant-radio-button-inner"></span></span><span>Month</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="year"><span class="ant-radio-button-inner"></span></span><span>Year</span></label></div>
      </div>
      <div tabindex="0" class="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen">
        <div class="ant-fullcalendar-calendar-body">
          <table cellspacing="0" role="grid" class="ant-fullcalendar-table">
            <thead>
              <tr role="row">
                <th role="columnheader" title="Sun" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Su</span></th>
                <th role="columnheader" title="Mon" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Mo</span></th>
                <th role="columnheader" title="Tue" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Tu</span></th>
                <th role="columnheader" title="Wed" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">We</span></th>
                <th role="columnheader" title="Thu" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Th</span></th>
                <th role="columnheader" title="Fri" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Fr</span></th>
                <th role="columnheader" title="Sat" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Sa</span></th>
              </tr>
            </thead>
            <tbody class="ant-fullcalendar-tbody">
              <tr role="row" class="">
                <td role="gridcell" title="January 1, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">01</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 2, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">02</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 3, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">03</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 4, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">04</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 5, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">05</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 6, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">06</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 7, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">07</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
              </tr>
              <tr role="row" class="">
                <td role="gridcell" title="January 8, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">08</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 9, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">09</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 10, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">10</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 11, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">11</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 12, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">12</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 13, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">13</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 14, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">14</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
              </tr>
              <tr role="row" class="">
                <td role="gridcell" title="January 15, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">15</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 16, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">16</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 17, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">17</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 18, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">18</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 19, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">19</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 20, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">20</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 21, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">21</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
              </tr>
              <tr role="row" class="ant-fullcalendar-active-week">
                <td role="gridcell" title="January 22, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">22</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 23, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">23</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 24, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">24</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 25, 2017" class="ant-fullcalendar-cell ant-fullcalendar-selected-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">25</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 26, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">26</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 27, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">27</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 28, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">28</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
              </tr>
              <tr role="row" class="">
                <td role="gridcell" title="January 29, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">29</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 30, 2017" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">30</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="January 31, 2017" class="ant-fullcalendar-cell ant-fullcalendar-last-day-of-month">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">31</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="February 1, 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">01</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="February 2, 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">02</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="February 3, 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">03</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="February 4, 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">04</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
              </tr>
              <tr role="row" class="">
                <td role="gridcell" title="February 5, 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">05</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="February 6, 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">06</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="February 7, 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">07</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="February 8, 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">08</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="February 9, 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">09</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="February 10, 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">10</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="February 11, 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">11</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
`;