ayo/lion
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
lion/packages/calendar/test/utils/snapshots/monthTemplate_en-GB_Sunday_2018-12.js
Mikhail Bashkirov 9fc5488175 feat(calendar): add reusable calendar 
Co-authored-by: Erik Kroes <erik.kroes@ing.com>
Co-authored-by: Gerjan van Geest <gerjan.van.geest@ing.com>
Co-authored-by: Thijs Louisse <thijs.louisse@ing.com>
Co-authored-by: Thomas Allmer <thomas.allmer@ing.com>
2019-05-13 17:46:00 +02:00

488 lines
14 KiB
JavaScript
Raw Blame History

const html = strings => strings[0];
export default html`
<div id="js-content-wrapper">
<table
aria-labelledby="month_and_year"
aria-readonly="true"
class="calendar__grid"
data-wrap-cols=""
role="grid"
>
<thead>
<tr role="row">
<th class="calendar__weekday-header" aria-label="Sunday" scope="col" role="columnheader">
Sun
</th>
<th class="calendar__weekday-header" aria-label="Monday" scope="col" role="columnheader">
Mon
</th>
<th class="calendar__weekday-header" aria-label="Tuesday" scope="col" role="columnheader">
Tue
</th>
<th
class="calendar__weekday-header"
aria-label="Wednesday"
scope="col"
role="columnheader"
>
Wed
</th>
<th
class="calendar__weekday-header"
aria-label="Thursday"
scope="col"
role="columnheader"
>
Thu
</th>
<th class="calendar__weekday-header" aria-label="Friday" scope="col" role="columnheader">
Fri
</th>
<th
class="calendar__weekday-header"
aria-label="Saturday"
scope="col"
role="columnheader"
>
Sat
</th>
</tr>
</thead>
<tbody>
<tr role="row">
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="25 November 2018 Sunday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
25
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="26 November 2018 Monday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
26
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="27 November 2018 Tuesday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
27
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="28 November 2018 Wednesday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
28
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="29 November 2018 Thursday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
29
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="30 November 2018 Friday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
30
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="1 December 2018 Saturday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
1
</button>
</td>
</tr>
<tr role="row">
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="2 December 2018 Sunday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
2
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="3 December 2018 Monday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
3
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="4 December 2018 Tuesday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
4
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="5 December 2018 Wednesday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
5
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="6 December 2018 Thursday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
6
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="7 December 2018 Friday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
7
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="8 December 2018 Saturday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
8
</button>
</td>
</tr>
<tr role="row">
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="9 December 2018 Sunday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
9
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="10 December 2018 Monday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
10
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="11 December 2018 Tuesday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
11
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="12 December 2018 Wednesday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
12
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="13 December 2018 Thursday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
13
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="14 December 2018 Friday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
14
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="15 December 2018 Saturday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
15
</button>
</td>
</tr>
<tr role="row">
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="16 December 2018 Sunday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
16
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="17 December 2018 Monday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
17
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="18 December 2018 Tuesday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
18
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="19 December 2018 Wednesday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
19
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="20 December 2018 Thursday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
20
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="21 December 2018 Friday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
21
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="22 December 2018 Saturday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
22
</button>
</td>
</tr>
<tr role="row">
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="23 December 2018 Sunday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
23
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="24 December 2018 Monday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
24
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="25 December 2018 Tuesday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
25
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="26 December 2018 Wednesday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
26
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="27 December 2018 Thursday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
27
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="28 December 2018 Friday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
28
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="29 December 2018 Saturday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
29
</button>
</td>
</tr>
<tr role="row">
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="30 December 2018 Sunday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
30
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="31 December 2018 Monday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
31
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="1 January 2019 Tuesday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
1
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="2 January 2019 Wednesday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
2
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="3 January 2019 Thursday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
3
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="4 January 2019 Friday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
4
</button>
</td>
<td class="calendar__day-cell" role="gridcell">
<button
aria-label="5 January 2019 Saturday"
aria-selected="false"
class="calendar__day-button"
tabindex="-1"
>
5
</button>
</td>
</tr>
</tbody>
</table>
</div>
`;
Reference in a new issue View git blame Copy permalink