Source

django-jquery / jquery / templates / jqui / datepicker.html

Full commit
<div id="datepicker-container" style="display:none">
<div class="jqui datepicker widget">
  <header>
    <button class="prev-month" data-bind="click: prevMonth"></button>
    <h1>
    <select data-bind="options: monthChoices, 
                       optionsText: 'name',
                       optionsValue: 'value',
                       value: visibleMonth"></select>
    <select data-bind="options: yearChoices, value: visibleYear"></select>
    </h1>
    <button class="next-month" data-bind="click: nextMonth"></button>
  </header>
  
  <table>
    <thead>
      <tr>
        <!-- ko if: showWeekNumbers -->
          <th>#</th>
        <!-- /ko -->
        <!-- ko foreach: weekdays -->
          <th data-bind="text: $data"></th>
        <!-- /ko -->
      </tr>
    </thead>
    <tbody data-bind="foreach: visibleWeeks">
      <tr>
        <!-- ko if: $root.showWeekNumbers -->
          <td data-bind="text: weekNumber"></td>
        <!-- /ko -->
        <!-- ko foreach: days -->
          <td data-bind="text: day, 
                         click: $root.selectDate, 
                         attr: {'data-date': iso},
                         css: {
                            'prev-month': date.getMonth() < $root.visibleMonth(),
                            'next-month': date.getMonth() > $root.visibleMonth(),
                            'selected': iso === $root.selectedDate(),
                            'today': iso === $root.today
                          }"></td>
        <!-- /ko -->
      </tr>
    </tbody>
  </table>
  
  <footer>
    <button data-bind="click: selectToday, text: strings.today"></button>
    <button class="done" data-bind="click: hide, text: strings.done"></button>
  </footer>
</div>
</div>