synthetic-datepicker
Version:
This is a fast, simple and beauty datepicker library
39 lines (38 loc) • 1.75 kB
text/typescript
export default `
<div class="synDatepicker__selector">
<button class="synDatepicker__control synDatepicker__control--previous">←</button>
<div class="synDatepicker__form">
<select class="synDatepicker__combo synDatepicker__combo--month">
<option value="0">January</option>
<option value="1">February</option>
<option value="2">March</option>
<option value="3">April</option>
<option value="4">May</option>
<option value="5">Juny</option>
<option value="6">July</option>
<option value="7">August</option>
<option value="8">September</option>
<option value="9">October</option>
<option value="10">November</option>
<option value="11">December</option>
</select>
<select class="synDatepicker__combo synDatepicker__combo--year"></select>
</div>
<button class="synDatepicker__control synDatepicker__control--next">→</button>
</div>
<table class="synDatepicker__table">
<thead class="synDatepicker__header">
<tr class="synDatepicker__row synDatepicker__row--header">
<td class="synDatepicker__cell synDatepicker__cell--header">sun</td>
<td class="synDatepicker__cell synDatepicker__cell--header">mon</td>
<td class="synDatepicker__cell synDatepicker__cell--header">tue</td>
<td class="synDatepicker__cell synDatepicker__cell--header">wed</td>
<td class="synDatepicker__cell synDatepicker__cell--header">thu</td>
<td class="synDatepicker__cell synDatepicker__cell--header">fri</td>
<td class="synDatepicker__cell synDatepicker__cell--header">sat</td>
</tr>
</thead>
<tbody class="synDatepicker__body">
</tbody>
</table>
`