exports[`dateFormat set to false 1`] = `
|
<div
|
className="rdt">
|
<input
|
className="form-control"
|
onChange={[Function]}
|
onClick={[Function]}
|
onFocus={[Function]}
|
onKeyDown={[Function]}
|
type="text"
|
value="" />
|
<div
|
className="rdtPicker">
|
<div
|
className="rdtTime">
|
<table>
|
<tbody>
|
<tr>
|
<td>
|
<div
|
className="rdtCounters">
|
<div
|
className="rdtCounter">
|
<span
|
className="rdtBtn"
|
onContextMenu={[Function]}
|
onMouseDown={[Function]}>
|
▲
|
</span>
|
<div
|
className="rdtCount">
|
12
|
</div>
|
<span
|
className="rdtBtn"
|
onContextMenu={[Function]}
|
onMouseDown={[Function]}>
|
▼
|
</span>
|
</div>
|
<div
|
className="rdtCounterSeparator">
|
:
|
</div>
|
<div
|
className="rdtCounter">
|
<span
|
className="rdtBtn"
|
onContextMenu={[Function]}
|
onMouseDown={[Function]}>
|
▲
|
</span>
|
<div
|
className="rdtCount">
|
00
|
</div>
|
<span
|
className="rdtBtn"
|
onContextMenu={[Function]}
|
onMouseDown={[Function]}>
|
▼
|
</span>
|
</div>
|
<div
|
className="rdtCounter">
|
<span
|
className="rdtBtn"
|
onContextMenu={[Function]}
|
onMouseDown={[Function]}>
|
▲
|
</span>
|
<div
|
className="rdtCount">
|
AM
|
</div>
|
<span
|
className="rdtBtn"
|
onContextMenu={[Function]}
|
onMouseDown={[Function]}>
|
▼
|
</span>
|
</div>
|
</div>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
`;
|
|
exports[`dateFormat set to true 1`] = `
|
<div
|
className="rdt">
|
<input
|
className="form-control"
|
onChange={[Function]}
|
onClick={[Function]}
|
onFocus={[Function]}
|
onKeyDown={[Function]}
|
type="text"
|
value="" />
|
<div
|
className="rdtPicker">
|
<div
|
className="rdtDays">
|
<table>
|
<thead>
|
<tr>
|
<th
|
className="rdtPrev"
|
onClick={[Function]}>
|
<span>
|
‹
|
</span>
|
</th>
|
<th
|
className="rdtSwitch"
|
colspan={5}
|
data-value={11}
|
onClick={[Function]}>
|
December 2016
|
</th>
|
<th
|
className="rdtNext"
|
onClick={[Function]}>
|
<span>
|
›
|
</span>
|
</th>
|
</tr>
|
<tr>
|
<th
|
className="dow">
|
Su
|
</th>
|
<th
|
className="dow">
|
Mo
|
</th>
|
<th
|
className="dow">
|
Tu
|
</th>
|
<th
|
className="dow">
|
We
|
</th>
|
<th
|
className="dow">
|
Th
|
</th>
|
<th
|
className="dow">
|
Fr
|
</th>
|
<th
|
className="dow">
|
Sa
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td
|
className="rdtDay rdtOld"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
<td
|
className="rdtDay"
|
data-value={8}
|
onClick={[Function]}>
|
8
|
</td>
|
<td
|
className="rdtDay"
|
data-value={9}
|
onClick={[Function]}>
|
9
|
</td>
|
<td
|
className="rdtDay"
|
data-value={10}
|
onClick={[Function]}>
|
10
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={11}
|
onClick={[Function]}>
|
11
|
</td>
|
<td
|
className="rdtDay"
|
data-value={12}
|
onClick={[Function]}>
|
12
|
</td>
|
<td
|
className="rdtDay"
|
data-value={13}
|
onClick={[Function]}>
|
13
|
</td>
|
<td
|
className="rdtDay"
|
data-value={14}
|
onClick={[Function]}>
|
14
|
</td>
|
<td
|
className="rdtDay"
|
data-value={15}
|
onClick={[Function]}>
|
15
|
</td>
|
<td
|
className="rdtDay"
|
data-value={16}
|
onClick={[Function]}>
|
16
|
</td>
|
<td
|
className="rdtDay"
|
data-value={17}
|
onClick={[Function]}>
|
17
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={18}
|
onClick={[Function]}>
|
18
|
</td>
|
<td
|
className="rdtDay"
|
data-value={19}
|
onClick={[Function]}>
|
19
|
</td>
|
<td
|
className="rdtDay"
|
data-value={20}
|
onClick={[Function]}>
|
20
|
</td>
|
<td
|
className="rdtDay"
|
data-value={21}
|
onClick={[Function]}>
|
21
|
</td>
|
<td
|
className="rdtDay rdtToday"
|
data-value={22}
|
onClick={[Function]}>
|
22
|
</td>
|
<td
|
className="rdtDay"
|
data-value={23}
|
onClick={[Function]}>
|
23
|
</td>
|
<td
|
className="rdtDay"
|
data-value={24}
|
onClick={[Function]}>
|
24
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={25}
|
onClick={[Function]}>
|
25
|
</td>
|
<td
|
className="rdtDay"
|
data-value={26}
|
onClick={[Function]}>
|
26
|
</td>
|
<td
|
className="rdtDay"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={31}
|
onClick={[Function]}>
|
31
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay rdtNew"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
</tr>
|
</tbody>
|
<tfoot>
|
<tr>
|
<td
|
className="rdtTimeToggle"
|
colspan={7}
|
onClick={[Function]}>
|
12:00 AM
|
</td>
|
</tr>
|
</tfoot>
|
</table>
|
</div>
|
</div>
|
</div>
|
`;
|
|
exports[`input input: set to false 1`] = `
|
<div
|
className="rdt rdtStatic rdtOpen">
|
<div
|
className="rdtPicker">
|
<div
|
className="rdtDays">
|
<table>
|
<thead>
|
<tr>
|
<th
|
className="rdtPrev"
|
onClick={[Function]}>
|
<span>
|
‹
|
</span>
|
</th>
|
<th
|
className="rdtSwitch"
|
colspan={5}
|
data-value={11}
|
onClick={[Function]}>
|
December 2016
|
</th>
|
<th
|
className="rdtNext"
|
onClick={[Function]}>
|
<span>
|
›
|
</span>
|
</th>
|
</tr>
|
<tr>
|
<th
|
className="dow">
|
Su
|
</th>
|
<th
|
className="dow">
|
Mo
|
</th>
|
<th
|
className="dow">
|
Tu
|
</th>
|
<th
|
className="dow">
|
We
|
</th>
|
<th
|
className="dow">
|
Th
|
</th>
|
<th
|
className="dow">
|
Fr
|
</th>
|
<th
|
className="dow">
|
Sa
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td
|
className="rdtDay rdtOld"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
<td
|
className="rdtDay"
|
data-value={8}
|
onClick={[Function]}>
|
8
|
</td>
|
<td
|
className="rdtDay"
|
data-value={9}
|
onClick={[Function]}>
|
9
|
</td>
|
<td
|
className="rdtDay"
|
data-value={10}
|
onClick={[Function]}>
|
10
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={11}
|
onClick={[Function]}>
|
11
|
</td>
|
<td
|
className="rdtDay"
|
data-value={12}
|
onClick={[Function]}>
|
12
|
</td>
|
<td
|
className="rdtDay"
|
data-value={13}
|
onClick={[Function]}>
|
13
|
</td>
|
<td
|
className="rdtDay"
|
data-value={14}
|
onClick={[Function]}>
|
14
|
</td>
|
<td
|
className="rdtDay"
|
data-value={15}
|
onClick={[Function]}>
|
15
|
</td>
|
<td
|
className="rdtDay"
|
data-value={16}
|
onClick={[Function]}>
|
16
|
</td>
|
<td
|
className="rdtDay"
|
data-value={17}
|
onClick={[Function]}>
|
17
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={18}
|
onClick={[Function]}>
|
18
|
</td>
|
<td
|
className="rdtDay"
|
data-value={19}
|
onClick={[Function]}>
|
19
|
</td>
|
<td
|
className="rdtDay"
|
data-value={20}
|
onClick={[Function]}>
|
20
|
</td>
|
<td
|
className="rdtDay"
|
data-value={21}
|
onClick={[Function]}>
|
21
|
</td>
|
<td
|
className="rdtDay rdtToday"
|
data-value={22}
|
onClick={[Function]}>
|
22
|
</td>
|
<td
|
className="rdtDay"
|
data-value={23}
|
onClick={[Function]}>
|
23
|
</td>
|
<td
|
className="rdtDay"
|
data-value={24}
|
onClick={[Function]}>
|
24
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={25}
|
onClick={[Function]}>
|
25
|
</td>
|
<td
|
className="rdtDay"
|
data-value={26}
|
onClick={[Function]}>
|
26
|
</td>
|
<td
|
className="rdtDay"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={31}
|
onClick={[Function]}>
|
31
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay rdtNew"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
</tr>
|
</tbody>
|
<tfoot>
|
<tr>
|
<td
|
className="rdtTimeToggle"
|
colspan={7}
|
onClick={[Function]}>
|
12:00 AM
|
</td>
|
</tr>
|
</tfoot>
|
</table>
|
</div>
|
</div>
|
</div>
|
`;
|
|
exports[`input input: set to true 1`] = `
|
<div
|
className="rdt">
|
<input
|
className="form-control"
|
onChange={[Function]}
|
onClick={[Function]}
|
onFocus={[Function]}
|
onKeyDown={[Function]}
|
type="text"
|
value="" />
|
<div
|
className="rdtPicker">
|
<div
|
className="rdtDays">
|
<table>
|
<thead>
|
<tr>
|
<th
|
className="rdtPrev"
|
onClick={[Function]}>
|
<span>
|
‹
|
</span>
|
</th>
|
<th
|
className="rdtSwitch"
|
colspan={5}
|
data-value={11}
|
onClick={[Function]}>
|
December 2016
|
</th>
|
<th
|
className="rdtNext"
|
onClick={[Function]}>
|
<span>
|
›
|
</span>
|
</th>
|
</tr>
|
<tr>
|
<th
|
className="dow">
|
Su
|
</th>
|
<th
|
className="dow">
|
Mo
|
</th>
|
<th
|
className="dow">
|
Tu
|
</th>
|
<th
|
className="dow">
|
We
|
</th>
|
<th
|
className="dow">
|
Th
|
</th>
|
<th
|
className="dow">
|
Fr
|
</th>
|
<th
|
className="dow">
|
Sa
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td
|
className="rdtDay rdtOld"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
<td
|
className="rdtDay"
|
data-value={8}
|
onClick={[Function]}>
|
8
|
</td>
|
<td
|
className="rdtDay"
|
data-value={9}
|
onClick={[Function]}>
|
9
|
</td>
|
<td
|
className="rdtDay"
|
data-value={10}
|
onClick={[Function]}>
|
10
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={11}
|
onClick={[Function]}>
|
11
|
</td>
|
<td
|
className="rdtDay"
|
data-value={12}
|
onClick={[Function]}>
|
12
|
</td>
|
<td
|
className="rdtDay"
|
data-value={13}
|
onClick={[Function]}>
|
13
|
</td>
|
<td
|
className="rdtDay"
|
data-value={14}
|
onClick={[Function]}>
|
14
|
</td>
|
<td
|
className="rdtDay"
|
data-value={15}
|
onClick={[Function]}>
|
15
|
</td>
|
<td
|
className="rdtDay"
|
data-value={16}
|
onClick={[Function]}>
|
16
|
</td>
|
<td
|
className="rdtDay"
|
data-value={17}
|
onClick={[Function]}>
|
17
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={18}
|
onClick={[Function]}>
|
18
|
</td>
|
<td
|
className="rdtDay"
|
data-value={19}
|
onClick={[Function]}>
|
19
|
</td>
|
<td
|
className="rdtDay"
|
data-value={20}
|
onClick={[Function]}>
|
20
|
</td>
|
<td
|
className="rdtDay"
|
data-value={21}
|
onClick={[Function]}>
|
21
|
</td>
|
<td
|
className="rdtDay rdtToday"
|
data-value={22}
|
onClick={[Function]}>
|
22
|
</td>
|
<td
|
className="rdtDay"
|
data-value={23}
|
onClick={[Function]}>
|
23
|
</td>
|
<td
|
className="rdtDay"
|
data-value={24}
|
onClick={[Function]}>
|
24
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={25}
|
onClick={[Function]}>
|
25
|
</td>
|
<td
|
className="rdtDay"
|
data-value={26}
|
onClick={[Function]}>
|
26
|
</td>
|
<td
|
className="rdtDay"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={31}
|
onClick={[Function]}>
|
31
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay rdtNew"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
</tr>
|
</tbody>
|
<tfoot>
|
<tr>
|
<td
|
className="rdtTimeToggle"
|
colspan={7}
|
onClick={[Function]}>
|
12:00 AM
|
</td>
|
</tr>
|
</tfoot>
|
</table>
|
</div>
|
</div>
|
</div>
|
`;
|
|
exports[`inputProps with className specified 1`] = `
|
<div
|
className="rdt">
|
<input
|
className="arbitrary-className"
|
onChange={[Function]}
|
onClick={[Function]}
|
onFocus={[Function]}
|
onKeyDown={[Function]}
|
type="text"
|
value="" />
|
<div
|
className="rdtPicker">
|
<div
|
className="rdtDays">
|
<table>
|
<thead>
|
<tr>
|
<th
|
className="rdtPrev"
|
onClick={[Function]}>
|
<span>
|
‹
|
</span>
|
</th>
|
<th
|
className="rdtSwitch"
|
colspan={5}
|
data-value={11}
|
onClick={[Function]}>
|
December 2016
|
</th>
|
<th
|
className="rdtNext"
|
onClick={[Function]}>
|
<span>
|
›
|
</span>
|
</th>
|
</tr>
|
<tr>
|
<th
|
className="dow">
|
Su
|
</th>
|
<th
|
className="dow">
|
Mo
|
</th>
|
<th
|
className="dow">
|
Tu
|
</th>
|
<th
|
className="dow">
|
We
|
</th>
|
<th
|
className="dow">
|
Th
|
</th>
|
<th
|
className="dow">
|
Fr
|
</th>
|
<th
|
className="dow">
|
Sa
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td
|
className="rdtDay rdtOld"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
<td
|
className="rdtDay"
|
data-value={8}
|
onClick={[Function]}>
|
8
|
</td>
|
<td
|
className="rdtDay"
|
data-value={9}
|
onClick={[Function]}>
|
9
|
</td>
|
<td
|
className="rdtDay"
|
data-value={10}
|
onClick={[Function]}>
|
10
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={11}
|
onClick={[Function]}>
|
11
|
</td>
|
<td
|
className="rdtDay"
|
data-value={12}
|
onClick={[Function]}>
|
12
|
</td>
|
<td
|
className="rdtDay"
|
data-value={13}
|
onClick={[Function]}>
|
13
|
</td>
|
<td
|
className="rdtDay"
|
data-value={14}
|
onClick={[Function]}>
|
14
|
</td>
|
<td
|
className="rdtDay"
|
data-value={15}
|
onClick={[Function]}>
|
15
|
</td>
|
<td
|
className="rdtDay"
|
data-value={16}
|
onClick={[Function]}>
|
16
|
</td>
|
<td
|
className="rdtDay"
|
data-value={17}
|
onClick={[Function]}>
|
17
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={18}
|
onClick={[Function]}>
|
18
|
</td>
|
<td
|
className="rdtDay"
|
data-value={19}
|
onClick={[Function]}>
|
19
|
</td>
|
<td
|
className="rdtDay"
|
data-value={20}
|
onClick={[Function]}>
|
20
|
</td>
|
<td
|
className="rdtDay"
|
data-value={21}
|
onClick={[Function]}>
|
21
|
</td>
|
<td
|
className="rdtDay rdtToday"
|
data-value={22}
|
onClick={[Function]}>
|
22
|
</td>
|
<td
|
className="rdtDay"
|
data-value={23}
|
onClick={[Function]}>
|
23
|
</td>
|
<td
|
className="rdtDay"
|
data-value={24}
|
onClick={[Function]}>
|
24
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={25}
|
onClick={[Function]}>
|
25
|
</td>
|
<td
|
className="rdtDay"
|
data-value={26}
|
onClick={[Function]}>
|
26
|
</td>
|
<td
|
className="rdtDay"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={31}
|
onClick={[Function]}>
|
31
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay rdtNew"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
</tr>
|
</tbody>
|
<tfoot>
|
<tr>
|
<td
|
className="rdtTimeToggle"
|
colspan={7}
|
onClick={[Function]}>
|
12:00 AM
|
</td>
|
</tr>
|
</tfoot>
|
</table>
|
</div>
|
</div>
|
</div>
|
`;
|
|
exports[`inputProps with disabled specified 1`] = `
|
<div
|
className="rdt">
|
<input
|
className="form-control"
|
disabled={true}
|
onChange={[Function]}
|
onClick={[Function]}
|
onFocus={[Function]}
|
onKeyDown={[Function]}
|
type="text"
|
value="" />
|
<div
|
className="rdtPicker">
|
<div
|
className="rdtDays">
|
<table>
|
<thead>
|
<tr>
|
<th
|
className="rdtPrev"
|
onClick={[Function]}>
|
<span>
|
‹
|
</span>
|
</th>
|
<th
|
className="rdtSwitch"
|
colspan={5}
|
data-value={11}
|
onClick={[Function]}>
|
December 2016
|
</th>
|
<th
|
className="rdtNext"
|
onClick={[Function]}>
|
<span>
|
›
|
</span>
|
</th>
|
</tr>
|
<tr>
|
<th
|
className="dow">
|
Su
|
</th>
|
<th
|
className="dow">
|
Mo
|
</th>
|
<th
|
className="dow">
|
Tu
|
</th>
|
<th
|
className="dow">
|
We
|
</th>
|
<th
|
className="dow">
|
Th
|
</th>
|
<th
|
className="dow">
|
Fr
|
</th>
|
<th
|
className="dow">
|
Sa
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td
|
className="rdtDay rdtOld"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
<td
|
className="rdtDay"
|
data-value={8}
|
onClick={[Function]}>
|
8
|
</td>
|
<td
|
className="rdtDay"
|
data-value={9}
|
onClick={[Function]}>
|
9
|
</td>
|
<td
|
className="rdtDay"
|
data-value={10}
|
onClick={[Function]}>
|
10
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={11}
|
onClick={[Function]}>
|
11
|
</td>
|
<td
|
className="rdtDay"
|
data-value={12}
|
onClick={[Function]}>
|
12
|
</td>
|
<td
|
className="rdtDay"
|
data-value={13}
|
onClick={[Function]}>
|
13
|
</td>
|
<td
|
className="rdtDay"
|
data-value={14}
|
onClick={[Function]}>
|
14
|
</td>
|
<td
|
className="rdtDay"
|
data-value={15}
|
onClick={[Function]}>
|
15
|
</td>
|
<td
|
className="rdtDay"
|
data-value={16}
|
onClick={[Function]}>
|
16
|
</td>
|
<td
|
className="rdtDay"
|
data-value={17}
|
onClick={[Function]}>
|
17
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={18}
|
onClick={[Function]}>
|
18
|
</td>
|
<td
|
className="rdtDay"
|
data-value={19}
|
onClick={[Function]}>
|
19
|
</td>
|
<td
|
className="rdtDay"
|
data-value={20}
|
onClick={[Function]}>
|
20
|
</td>
|
<td
|
className="rdtDay"
|
data-value={21}
|
onClick={[Function]}>
|
21
|
</td>
|
<td
|
className="rdtDay rdtToday"
|
data-value={22}
|
onClick={[Function]}>
|
22
|
</td>
|
<td
|
className="rdtDay"
|
data-value={23}
|
onClick={[Function]}>
|
23
|
</td>
|
<td
|
className="rdtDay"
|
data-value={24}
|
onClick={[Function]}>
|
24
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={25}
|
onClick={[Function]}>
|
25
|
</td>
|
<td
|
className="rdtDay"
|
data-value={26}
|
onClick={[Function]}>
|
26
|
</td>
|
<td
|
className="rdtDay"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={31}
|
onClick={[Function]}>
|
31
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay rdtNew"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
</tr>
|
</tbody>
|
<tfoot>
|
<tr>
|
<td
|
className="rdtTimeToggle"
|
colspan={7}
|
onClick={[Function]}>
|
12:00 AM
|
</td>
|
</tr>
|
</tfoot>
|
</table>
|
</div>
|
</div>
|
</div>
|
`;
|
|
exports[`inputProps with name specified 1`] = `
|
<div
|
className="rdt">
|
<input
|
className="form-control"
|
name="arbitrary-name"
|
onChange={[Function]}
|
onClick={[Function]}
|
onFocus={[Function]}
|
onKeyDown={[Function]}
|
type="text"
|
value="" />
|
<div
|
className="rdtPicker">
|
<div
|
className="rdtDays">
|
<table>
|
<thead>
|
<tr>
|
<th
|
className="rdtPrev"
|
onClick={[Function]}>
|
<span>
|
‹
|
</span>
|
</th>
|
<th
|
className="rdtSwitch"
|
colspan={5}
|
data-value={11}
|
onClick={[Function]}>
|
December 2016
|
</th>
|
<th
|
className="rdtNext"
|
onClick={[Function]}>
|
<span>
|
›
|
</span>
|
</th>
|
</tr>
|
<tr>
|
<th
|
className="dow">
|
Su
|
</th>
|
<th
|
className="dow">
|
Mo
|
</th>
|
<th
|
className="dow">
|
Tu
|
</th>
|
<th
|
className="dow">
|
We
|
</th>
|
<th
|
className="dow">
|
Th
|
</th>
|
<th
|
className="dow">
|
Fr
|
</th>
|
<th
|
className="dow">
|
Sa
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td
|
className="rdtDay rdtOld"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
<td
|
className="rdtDay"
|
data-value={8}
|
onClick={[Function]}>
|
8
|
</td>
|
<td
|
className="rdtDay"
|
data-value={9}
|
onClick={[Function]}>
|
9
|
</td>
|
<td
|
className="rdtDay"
|
data-value={10}
|
onClick={[Function]}>
|
10
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={11}
|
onClick={[Function]}>
|
11
|
</td>
|
<td
|
className="rdtDay"
|
data-value={12}
|
onClick={[Function]}>
|
12
|
</td>
|
<td
|
className="rdtDay"
|
data-value={13}
|
onClick={[Function]}>
|
13
|
</td>
|
<td
|
className="rdtDay"
|
data-value={14}
|
onClick={[Function]}>
|
14
|
</td>
|
<td
|
className="rdtDay"
|
data-value={15}
|
onClick={[Function]}>
|
15
|
</td>
|
<td
|
className="rdtDay"
|
data-value={16}
|
onClick={[Function]}>
|
16
|
</td>
|
<td
|
className="rdtDay"
|
data-value={17}
|
onClick={[Function]}>
|
17
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={18}
|
onClick={[Function]}>
|
18
|
</td>
|
<td
|
className="rdtDay"
|
data-value={19}
|
onClick={[Function]}>
|
19
|
</td>
|
<td
|
className="rdtDay"
|
data-value={20}
|
onClick={[Function]}>
|
20
|
</td>
|
<td
|
className="rdtDay"
|
data-value={21}
|
onClick={[Function]}>
|
21
|
</td>
|
<td
|
className="rdtDay rdtToday"
|
data-value={22}
|
onClick={[Function]}>
|
22
|
</td>
|
<td
|
className="rdtDay"
|
data-value={23}
|
onClick={[Function]}>
|
23
|
</td>
|
<td
|
className="rdtDay"
|
data-value={24}
|
onClick={[Function]}>
|
24
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={25}
|
onClick={[Function]}>
|
25
|
</td>
|
<td
|
className="rdtDay"
|
data-value={26}
|
onClick={[Function]}>
|
26
|
</td>
|
<td
|
className="rdtDay"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={31}
|
onClick={[Function]}>
|
31
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay rdtNew"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
</tr>
|
</tbody>
|
<tfoot>
|
<tr>
|
<td
|
className="rdtTimeToggle"
|
colspan={7}
|
onClick={[Function]}>
|
12:00 AM
|
</td>
|
</tr>
|
</tfoot>
|
</table>
|
</div>
|
</div>
|
</div>
|
`;
|
|
exports[`inputProps with placeholder specified 1`] = `
|
<div
|
className="rdt">
|
<input
|
className="form-control"
|
onChange={[Function]}
|
onClick={[Function]}
|
onFocus={[Function]}
|
onKeyDown={[Function]}
|
placeholder="arbitrary-placeholder"
|
type="text"
|
value="" />
|
<div
|
className="rdtPicker">
|
<div
|
className="rdtDays">
|
<table>
|
<thead>
|
<tr>
|
<th
|
className="rdtPrev"
|
onClick={[Function]}>
|
<span>
|
‹
|
</span>
|
</th>
|
<th
|
className="rdtSwitch"
|
colspan={5}
|
data-value={11}
|
onClick={[Function]}>
|
December 2016
|
</th>
|
<th
|
className="rdtNext"
|
onClick={[Function]}>
|
<span>
|
›
|
</span>
|
</th>
|
</tr>
|
<tr>
|
<th
|
className="dow">
|
Su
|
</th>
|
<th
|
className="dow">
|
Mo
|
</th>
|
<th
|
className="dow">
|
Tu
|
</th>
|
<th
|
className="dow">
|
We
|
</th>
|
<th
|
className="dow">
|
Th
|
</th>
|
<th
|
className="dow">
|
Fr
|
</th>
|
<th
|
className="dow">
|
Sa
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td
|
className="rdtDay rdtOld"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
<td
|
className="rdtDay"
|
data-value={8}
|
onClick={[Function]}>
|
8
|
</td>
|
<td
|
className="rdtDay"
|
data-value={9}
|
onClick={[Function]}>
|
9
|
</td>
|
<td
|
className="rdtDay"
|
data-value={10}
|
onClick={[Function]}>
|
10
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={11}
|
onClick={[Function]}>
|
11
|
</td>
|
<td
|
className="rdtDay"
|
data-value={12}
|
onClick={[Function]}>
|
12
|
</td>
|
<td
|
className="rdtDay"
|
data-value={13}
|
onClick={[Function]}>
|
13
|
</td>
|
<td
|
className="rdtDay"
|
data-value={14}
|
onClick={[Function]}>
|
14
|
</td>
|
<td
|
className="rdtDay"
|
data-value={15}
|
onClick={[Function]}>
|
15
|
</td>
|
<td
|
className="rdtDay"
|
data-value={16}
|
onClick={[Function]}>
|
16
|
</td>
|
<td
|
className="rdtDay"
|
data-value={17}
|
onClick={[Function]}>
|
17
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={18}
|
onClick={[Function]}>
|
18
|
</td>
|
<td
|
className="rdtDay"
|
data-value={19}
|
onClick={[Function]}>
|
19
|
</td>
|
<td
|
className="rdtDay"
|
data-value={20}
|
onClick={[Function]}>
|
20
|
</td>
|
<td
|
className="rdtDay"
|
data-value={21}
|
onClick={[Function]}>
|
21
|
</td>
|
<td
|
className="rdtDay rdtToday"
|
data-value={22}
|
onClick={[Function]}>
|
22
|
</td>
|
<td
|
className="rdtDay"
|
data-value={23}
|
onClick={[Function]}>
|
23
|
</td>
|
<td
|
className="rdtDay"
|
data-value={24}
|
onClick={[Function]}>
|
24
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={25}
|
onClick={[Function]}>
|
25
|
</td>
|
<td
|
className="rdtDay"
|
data-value={26}
|
onClick={[Function]}>
|
26
|
</td>
|
<td
|
className="rdtDay"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={31}
|
onClick={[Function]}>
|
31
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay rdtNew"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
</tr>
|
</tbody>
|
<tfoot>
|
<tr>
|
<td
|
className="rdtTimeToggle"
|
colspan={7}
|
onClick={[Function]}>
|
12:00 AM
|
</td>
|
</tr>
|
</tfoot>
|
</table>
|
</div>
|
</div>
|
</div>
|
`;
|
|
exports[`inputProps with required specified 1`] = `
|
<div
|
className="rdt">
|
<input
|
className="form-control"
|
onChange={[Function]}
|
onClick={[Function]}
|
onFocus={[Function]}
|
onKeyDown={[Function]}
|
required={true}
|
type="text"
|
value="" />
|
<div
|
className="rdtPicker">
|
<div
|
className="rdtDays">
|
<table>
|
<thead>
|
<tr>
|
<th
|
className="rdtPrev"
|
onClick={[Function]}>
|
<span>
|
‹
|
</span>
|
</th>
|
<th
|
className="rdtSwitch"
|
colspan={5}
|
data-value={11}
|
onClick={[Function]}>
|
December 2016
|
</th>
|
<th
|
className="rdtNext"
|
onClick={[Function]}>
|
<span>
|
›
|
</span>
|
</th>
|
</tr>
|
<tr>
|
<th
|
className="dow">
|
Su
|
</th>
|
<th
|
className="dow">
|
Mo
|
</th>
|
<th
|
className="dow">
|
Tu
|
</th>
|
<th
|
className="dow">
|
We
|
</th>
|
<th
|
className="dow">
|
Th
|
</th>
|
<th
|
className="dow">
|
Fr
|
</th>
|
<th
|
className="dow">
|
Sa
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td
|
className="rdtDay rdtOld"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
<td
|
className="rdtDay"
|
data-value={8}
|
onClick={[Function]}>
|
8
|
</td>
|
<td
|
className="rdtDay"
|
data-value={9}
|
onClick={[Function]}>
|
9
|
</td>
|
<td
|
className="rdtDay"
|
data-value={10}
|
onClick={[Function]}>
|
10
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={11}
|
onClick={[Function]}>
|
11
|
</td>
|
<td
|
className="rdtDay"
|
data-value={12}
|
onClick={[Function]}>
|
12
|
</td>
|
<td
|
className="rdtDay"
|
data-value={13}
|
onClick={[Function]}>
|
13
|
</td>
|
<td
|
className="rdtDay"
|
data-value={14}
|
onClick={[Function]}>
|
14
|
</td>
|
<td
|
className="rdtDay"
|
data-value={15}
|
onClick={[Function]}>
|
15
|
</td>
|
<td
|
className="rdtDay"
|
data-value={16}
|
onClick={[Function]}>
|
16
|
</td>
|
<td
|
className="rdtDay"
|
data-value={17}
|
onClick={[Function]}>
|
17
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={18}
|
onClick={[Function]}>
|
18
|
</td>
|
<td
|
className="rdtDay"
|
data-value={19}
|
onClick={[Function]}>
|
19
|
</td>
|
<td
|
className="rdtDay"
|
data-value={20}
|
onClick={[Function]}>
|
20
|
</td>
|
<td
|
className="rdtDay"
|
data-value={21}
|
onClick={[Function]}>
|
21
|
</td>
|
<td
|
className="rdtDay rdtToday"
|
data-value={22}
|
onClick={[Function]}>
|
22
|
</td>
|
<td
|
className="rdtDay"
|
data-value={23}
|
onClick={[Function]}>
|
23
|
</td>
|
<td
|
className="rdtDay"
|
data-value={24}
|
onClick={[Function]}>
|
24
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={25}
|
onClick={[Function]}>
|
25
|
</td>
|
<td
|
className="rdtDay"
|
data-value={26}
|
onClick={[Function]}>
|
26
|
</td>
|
<td
|
className="rdtDay"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={31}
|
onClick={[Function]}>
|
31
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay rdtNew"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
</tr>
|
</tbody>
|
<tfoot>
|
<tr>
|
<td
|
className="rdtTimeToggle"
|
colspan={7}
|
onClick={[Function]}>
|
12:00 AM
|
</td>
|
</tr>
|
</tfoot>
|
</table>
|
</div>
|
</div>
|
</div>
|
`;
|
|
exports[`open set to false 1`] = `
|
<div
|
className="rdt">
|
<input
|
className="form-control"
|
onChange={[Function]}
|
onClick={[Function]}
|
onFocus={[Function]}
|
onKeyDown={[Function]}
|
type="text"
|
value="" />
|
<div
|
className="rdtPicker">
|
<div
|
className="rdtDays">
|
<table>
|
<thead>
|
<tr>
|
<th
|
className="rdtPrev"
|
onClick={[Function]}>
|
<span>
|
‹
|
</span>
|
</th>
|
<th
|
className="rdtSwitch"
|
colspan={5}
|
data-value={11}
|
onClick={[Function]}>
|
December 2016
|
</th>
|
<th
|
className="rdtNext"
|
onClick={[Function]}>
|
<span>
|
›
|
</span>
|
</th>
|
</tr>
|
<tr>
|
<th
|
className="dow">
|
Su
|
</th>
|
<th
|
className="dow">
|
Mo
|
</th>
|
<th
|
className="dow">
|
Tu
|
</th>
|
<th
|
className="dow">
|
We
|
</th>
|
<th
|
className="dow">
|
Th
|
</th>
|
<th
|
className="dow">
|
Fr
|
</th>
|
<th
|
className="dow">
|
Sa
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td
|
className="rdtDay rdtOld"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
<td
|
className="rdtDay"
|
data-value={8}
|
onClick={[Function]}>
|
8
|
</td>
|
<td
|
className="rdtDay"
|
data-value={9}
|
onClick={[Function]}>
|
9
|
</td>
|
<td
|
className="rdtDay"
|
data-value={10}
|
onClick={[Function]}>
|
10
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={11}
|
onClick={[Function]}>
|
11
|
</td>
|
<td
|
className="rdtDay"
|
data-value={12}
|
onClick={[Function]}>
|
12
|
</td>
|
<td
|
className="rdtDay"
|
data-value={13}
|
onClick={[Function]}>
|
13
|
</td>
|
<td
|
className="rdtDay"
|
data-value={14}
|
onClick={[Function]}>
|
14
|
</td>
|
<td
|
className="rdtDay"
|
data-value={15}
|
onClick={[Function]}>
|
15
|
</td>
|
<td
|
className="rdtDay"
|
data-value={16}
|
onClick={[Function]}>
|
16
|
</td>
|
<td
|
className="rdtDay"
|
data-value={17}
|
onClick={[Function]}>
|
17
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={18}
|
onClick={[Function]}>
|
18
|
</td>
|
<td
|
className="rdtDay"
|
data-value={19}
|
onClick={[Function]}>
|
19
|
</td>
|
<td
|
className="rdtDay"
|
data-value={20}
|
onClick={[Function]}>
|
20
|
</td>
|
<td
|
className="rdtDay"
|
data-value={21}
|
onClick={[Function]}>
|
21
|
</td>
|
<td
|
className="rdtDay rdtToday"
|
data-value={22}
|
onClick={[Function]}>
|
22
|
</td>
|
<td
|
className="rdtDay"
|
data-value={23}
|
onClick={[Function]}>
|
23
|
</td>
|
<td
|
className="rdtDay"
|
data-value={24}
|
onClick={[Function]}>
|
24
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={25}
|
onClick={[Function]}>
|
25
|
</td>
|
<td
|
className="rdtDay"
|
data-value={26}
|
onClick={[Function]}>
|
26
|
</td>
|
<td
|
className="rdtDay"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={31}
|
onClick={[Function]}>
|
31
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay rdtNew"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
</tr>
|
</tbody>
|
<tfoot>
|
<tr>
|
<td
|
className="rdtTimeToggle"
|
colspan={7}
|
onClick={[Function]}>
|
12:00 AM
|
</td>
|
</tr>
|
</tfoot>
|
</table>
|
</div>
|
</div>
|
</div>
|
`;
|
|
exports[`open set to true 1`] = `
|
<div
|
className="rdt rdtOpen">
|
<input
|
className="form-control"
|
onChange={[Function]}
|
onClick={[Function]}
|
onFocus={[Function]}
|
onKeyDown={[Function]}
|
type="text"
|
value="" />
|
<div
|
className="rdtPicker">
|
<div
|
className="rdtDays">
|
<table>
|
<thead>
|
<tr>
|
<th
|
className="rdtPrev"
|
onClick={[Function]}>
|
<span>
|
‹
|
</span>
|
</th>
|
<th
|
className="rdtSwitch"
|
colspan={5}
|
data-value={11}
|
onClick={[Function]}>
|
December 2016
|
</th>
|
<th
|
className="rdtNext"
|
onClick={[Function]}>
|
<span>
|
›
|
</span>
|
</th>
|
</tr>
|
<tr>
|
<th
|
className="dow">
|
Su
|
</th>
|
<th
|
className="dow">
|
Mo
|
</th>
|
<th
|
className="dow">
|
Tu
|
</th>
|
<th
|
className="dow">
|
We
|
</th>
|
<th
|
className="dow">
|
Th
|
</th>
|
<th
|
className="dow">
|
Fr
|
</th>
|
<th
|
className="dow">
|
Sa
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td
|
className="rdtDay rdtOld"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
<td
|
className="rdtDay"
|
data-value={8}
|
onClick={[Function]}>
|
8
|
</td>
|
<td
|
className="rdtDay"
|
data-value={9}
|
onClick={[Function]}>
|
9
|
</td>
|
<td
|
className="rdtDay"
|
data-value={10}
|
onClick={[Function]}>
|
10
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={11}
|
onClick={[Function]}>
|
11
|
</td>
|
<td
|
className="rdtDay"
|
data-value={12}
|
onClick={[Function]}>
|
12
|
</td>
|
<td
|
className="rdtDay"
|
data-value={13}
|
onClick={[Function]}>
|
13
|
</td>
|
<td
|
className="rdtDay"
|
data-value={14}
|
onClick={[Function]}>
|
14
|
</td>
|
<td
|
className="rdtDay"
|
data-value={15}
|
onClick={[Function]}>
|
15
|
</td>
|
<td
|
className="rdtDay"
|
data-value={16}
|
onClick={[Function]}>
|
16
|
</td>
|
<td
|
className="rdtDay"
|
data-value={17}
|
onClick={[Function]}>
|
17
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={18}
|
onClick={[Function]}>
|
18
|
</td>
|
<td
|
className="rdtDay"
|
data-value={19}
|
onClick={[Function]}>
|
19
|
</td>
|
<td
|
className="rdtDay"
|
data-value={20}
|
onClick={[Function]}>
|
20
|
</td>
|
<td
|
className="rdtDay"
|
data-value={21}
|
onClick={[Function]}>
|
21
|
</td>
|
<td
|
className="rdtDay rdtToday"
|
data-value={22}
|
onClick={[Function]}>
|
22
|
</td>
|
<td
|
className="rdtDay"
|
data-value={23}
|
onClick={[Function]}>
|
23
|
</td>
|
<td
|
className="rdtDay"
|
data-value={24}
|
onClick={[Function]}>
|
24
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={25}
|
onClick={[Function]}>
|
25
|
</td>
|
<td
|
className="rdtDay"
|
data-value={26}
|
onClick={[Function]}>
|
26
|
</td>
|
<td
|
className="rdtDay"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={31}
|
onClick={[Function]}>
|
31
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay rdtNew"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
</tr>
|
</tbody>
|
<tfoot>
|
<tr>
|
<td
|
className="rdtTimeToggle"
|
colspan={7}
|
onClick={[Function]}>
|
12:00 AM
|
</td>
|
</tr>
|
</tfoot>
|
</table>
|
</div>
|
</div>
|
</div>
|
`;
|
|
exports[`test className: set to arbitraty value 1`] = `
|
<div
|
className="rdt arbitrary-value">
|
<input
|
className="form-control"
|
onChange={[Function]}
|
onClick={[Function]}
|
onFocus={[Function]}
|
onKeyDown={[Function]}
|
type="text"
|
value="" />
|
<div
|
className="rdtPicker">
|
<div
|
className="rdtDays">
|
<table>
|
<thead>
|
<tr>
|
<th
|
className="rdtPrev"
|
onClick={[Function]}>
|
<span>
|
‹
|
</span>
|
</th>
|
<th
|
className="rdtSwitch"
|
colspan={5}
|
data-value={11}
|
onClick={[Function]}>
|
December 2016
|
</th>
|
<th
|
className="rdtNext"
|
onClick={[Function]}>
|
<span>
|
›
|
</span>
|
</th>
|
</tr>
|
<tr>
|
<th
|
className="dow">
|
Su
|
</th>
|
<th
|
className="dow">
|
Mo
|
</th>
|
<th
|
className="dow">
|
Tu
|
</th>
|
<th
|
className="dow">
|
We
|
</th>
|
<th
|
className="dow">
|
Th
|
</th>
|
<th
|
className="dow">
|
Fr
|
</th>
|
<th
|
className="dow">
|
Sa
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td
|
className="rdtDay rdtOld"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
<td
|
className="rdtDay"
|
data-value={8}
|
onClick={[Function]}>
|
8
|
</td>
|
<td
|
className="rdtDay"
|
data-value={9}
|
onClick={[Function]}>
|
9
|
</td>
|
<td
|
className="rdtDay"
|
data-value={10}
|
onClick={[Function]}>
|
10
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={11}
|
onClick={[Function]}>
|
11
|
</td>
|
<td
|
className="rdtDay"
|
data-value={12}
|
onClick={[Function]}>
|
12
|
</td>
|
<td
|
className="rdtDay"
|
data-value={13}
|
onClick={[Function]}>
|
13
|
</td>
|
<td
|
className="rdtDay"
|
data-value={14}
|
onClick={[Function]}>
|
14
|
</td>
|
<td
|
className="rdtDay"
|
data-value={15}
|
onClick={[Function]}>
|
15
|
</td>
|
<td
|
className="rdtDay"
|
data-value={16}
|
onClick={[Function]}>
|
16
|
</td>
|
<td
|
className="rdtDay"
|
data-value={17}
|
onClick={[Function]}>
|
17
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={18}
|
onClick={[Function]}>
|
18
|
</td>
|
<td
|
className="rdtDay"
|
data-value={19}
|
onClick={[Function]}>
|
19
|
</td>
|
<td
|
className="rdtDay"
|
data-value={20}
|
onClick={[Function]}>
|
20
|
</td>
|
<td
|
className="rdtDay"
|
data-value={21}
|
onClick={[Function]}>
|
21
|
</td>
|
<td
|
className="rdtDay rdtToday"
|
data-value={22}
|
onClick={[Function]}>
|
22
|
</td>
|
<td
|
className="rdtDay"
|
data-value={23}
|
onClick={[Function]}>
|
23
|
</td>
|
<td
|
className="rdtDay"
|
data-value={24}
|
onClick={[Function]}>
|
24
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={25}
|
onClick={[Function]}>
|
25
|
</td>
|
<td
|
className="rdtDay"
|
data-value={26}
|
onClick={[Function]}>
|
26
|
</td>
|
<td
|
className="rdtDay"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={31}
|
onClick={[Function]}>
|
31
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay rdtNew"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
</tr>
|
</tbody>
|
<tfoot>
|
<tr>
|
<td
|
className="rdtTimeToggle"
|
colspan={7}
|
onClick={[Function]}>
|
12:00 AM
|
</td>
|
</tr>
|
</tfoot>
|
</table>
|
</div>
|
</div>
|
</div>
|
`;
|
|
exports[`test defaultValue: set to arbitrary value 1`] = `
|
<div
|
className="rdt">
|
<input
|
className="form-control"
|
onChange={[Function]}
|
onClick={[Function]}
|
onFocus={[Function]}
|
onKeyDown={[Function]}
|
type="text"
|
value="12/22/2016 12:36 AM" />
|
<div
|
className="rdtPicker">
|
<div
|
className="rdtDays">
|
<table>
|
<thead>
|
<tr>
|
<th
|
className="rdtPrev"
|
onClick={[Function]}>
|
<span>
|
‹
|
</span>
|
</th>
|
<th
|
className="rdtSwitch"
|
colspan={5}
|
data-value={11}
|
onClick={[Function]}>
|
December 2016
|
</th>
|
<th
|
className="rdtNext"
|
onClick={[Function]}>
|
<span>
|
›
|
</span>
|
</th>
|
</tr>
|
<tr>
|
<th
|
className="dow">
|
Su
|
</th>
|
<th
|
className="dow">
|
Mo
|
</th>
|
<th
|
className="dow">
|
Tu
|
</th>
|
<th
|
className="dow">
|
We
|
</th>
|
<th
|
className="dow">
|
Th
|
</th>
|
<th
|
className="dow">
|
Fr
|
</th>
|
<th
|
className="dow">
|
Sa
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td
|
className="rdtDay rdtOld"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
<td
|
className="rdtDay"
|
data-value={8}
|
onClick={[Function]}>
|
8
|
</td>
|
<td
|
className="rdtDay"
|
data-value={9}
|
onClick={[Function]}>
|
9
|
</td>
|
<td
|
className="rdtDay"
|
data-value={10}
|
onClick={[Function]}>
|
10
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={11}
|
onClick={[Function]}>
|
11
|
</td>
|
<td
|
className="rdtDay"
|
data-value={12}
|
onClick={[Function]}>
|
12
|
</td>
|
<td
|
className="rdtDay"
|
data-value={13}
|
onClick={[Function]}>
|
13
|
</td>
|
<td
|
className="rdtDay"
|
data-value={14}
|
onClick={[Function]}>
|
14
|
</td>
|
<td
|
className="rdtDay"
|
data-value={15}
|
onClick={[Function]}>
|
15
|
</td>
|
<td
|
className="rdtDay"
|
data-value={16}
|
onClick={[Function]}>
|
16
|
</td>
|
<td
|
className="rdtDay"
|
data-value={17}
|
onClick={[Function]}>
|
17
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={18}
|
onClick={[Function]}>
|
18
|
</td>
|
<td
|
className="rdtDay"
|
data-value={19}
|
onClick={[Function]}>
|
19
|
</td>
|
<td
|
className="rdtDay"
|
data-value={20}
|
onClick={[Function]}>
|
20
|
</td>
|
<td
|
className="rdtDay"
|
data-value={21}
|
onClick={[Function]}>
|
21
|
</td>
|
<td
|
className="rdtDay rdtActive rdtToday"
|
data-value={22}
|
onClick={[Function]}>
|
22
|
</td>
|
<td
|
className="rdtDay"
|
data-value={23}
|
onClick={[Function]}>
|
23
|
</td>
|
<td
|
className="rdtDay"
|
data-value={24}
|
onClick={[Function]}>
|
24
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={25}
|
onClick={[Function]}>
|
25
|
</td>
|
<td
|
className="rdtDay"
|
data-value={26}
|
onClick={[Function]}>
|
26
|
</td>
|
<td
|
className="rdtDay"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={31}
|
onClick={[Function]}>
|
31
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay rdtNew"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
</tr>
|
</tbody>
|
<tfoot>
|
<tr>
|
<td
|
className="rdtTimeToggle"
|
colspan={7}
|
onClick={[Function]}>
|
12:36 AM
|
</td>
|
</tr>
|
</tfoot>
|
</table>
|
</div>
|
</div>
|
</div>
|
`;
|
|
exports[`test everything default: renders correctly 1`] = `
|
<div
|
className="rdt">
|
<input
|
className="form-control"
|
onChange={[Function]}
|
onClick={[Function]}
|
onFocus={[Function]}
|
onKeyDown={[Function]}
|
type="text"
|
value="" />
|
<div
|
className="rdtPicker">
|
<div
|
className="rdtDays">
|
<table>
|
<thead>
|
<tr>
|
<th
|
className="rdtPrev"
|
onClick={[Function]}>
|
<span>
|
‹
|
</span>
|
</th>
|
<th
|
className="rdtSwitch"
|
colspan={5}
|
data-value={11}
|
onClick={[Function]}>
|
December 2016
|
</th>
|
<th
|
className="rdtNext"
|
onClick={[Function]}>
|
<span>
|
›
|
</span>
|
</th>
|
</tr>
|
<tr>
|
<th
|
className="dow">
|
Su
|
</th>
|
<th
|
className="dow">
|
Mo
|
</th>
|
<th
|
className="dow">
|
Tu
|
</th>
|
<th
|
className="dow">
|
We
|
</th>
|
<th
|
className="dow">
|
Th
|
</th>
|
<th
|
className="dow">
|
Fr
|
</th>
|
<th
|
className="dow">
|
Sa
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td
|
className="rdtDay rdtOld"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
<td
|
className="rdtDay"
|
data-value={8}
|
onClick={[Function]}>
|
8
|
</td>
|
<td
|
className="rdtDay"
|
data-value={9}
|
onClick={[Function]}>
|
9
|
</td>
|
<td
|
className="rdtDay"
|
data-value={10}
|
onClick={[Function]}>
|
10
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={11}
|
onClick={[Function]}>
|
11
|
</td>
|
<td
|
className="rdtDay"
|
data-value={12}
|
onClick={[Function]}>
|
12
|
</td>
|
<td
|
className="rdtDay"
|
data-value={13}
|
onClick={[Function]}>
|
13
|
</td>
|
<td
|
className="rdtDay"
|
data-value={14}
|
onClick={[Function]}>
|
14
|
</td>
|
<td
|
className="rdtDay"
|
data-value={15}
|
onClick={[Function]}>
|
15
|
</td>
|
<td
|
className="rdtDay"
|
data-value={16}
|
onClick={[Function]}>
|
16
|
</td>
|
<td
|
className="rdtDay"
|
data-value={17}
|
onClick={[Function]}>
|
17
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={18}
|
onClick={[Function]}>
|
18
|
</td>
|
<td
|
className="rdtDay"
|
data-value={19}
|
onClick={[Function]}>
|
19
|
</td>
|
<td
|
className="rdtDay"
|
data-value={20}
|
onClick={[Function]}>
|
20
|
</td>
|
<td
|
className="rdtDay"
|
data-value={21}
|
onClick={[Function]}>
|
21
|
</td>
|
<td
|
className="rdtDay rdtToday"
|
data-value={22}
|
onClick={[Function]}>
|
22
|
</td>
|
<td
|
className="rdtDay"
|
data-value={23}
|
onClick={[Function]}>
|
23
|
</td>
|
<td
|
className="rdtDay"
|
data-value={24}
|
onClick={[Function]}>
|
24
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={25}
|
onClick={[Function]}>
|
25
|
</td>
|
<td
|
className="rdtDay"
|
data-value={26}
|
onClick={[Function]}>
|
26
|
</td>
|
<td
|
className="rdtDay"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={31}
|
onClick={[Function]}>
|
31
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay rdtNew"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
</tr>
|
</tbody>
|
<tfoot>
|
<tr>
|
<td
|
className="rdtTimeToggle"
|
colspan={7}
|
onClick={[Function]}>
|
12:00 AM
|
</td>
|
</tr>
|
</tfoot>
|
</table>
|
</div>
|
</div>
|
</div>
|
`;
|
|
exports[`test isValidDate: only valid if after yesterday 1`] = `
|
<div
|
className="rdt">
|
<input
|
className="form-control"
|
onChange={[Function]}
|
onClick={[Function]}
|
onFocus={[Function]}
|
onKeyDown={[Function]}
|
type="text"
|
value="" />
|
<div
|
className="rdtPicker">
|
<div
|
className="rdtDays">
|
<table>
|
<thead>
|
<tr>
|
<th
|
className="rdtPrev"
|
onClick={[Function]}>
|
<span>
|
‹
|
</span>
|
</th>
|
<th
|
className="rdtSwitch"
|
colspan={5}
|
data-value={11}
|
onClick={[Function]}>
|
December 2016
|
</th>
|
<th
|
className="rdtNext"
|
onClick={[Function]}>
|
<span>
|
›
|
</span>
|
</th>
|
</tr>
|
<tr>
|
<th
|
className="dow">
|
Su
|
</th>
|
<th
|
className="dow">
|
Mo
|
</th>
|
<th
|
className="dow">
|
Tu
|
</th>
|
<th
|
className="dow">
|
We
|
</th>
|
<th
|
className="dow">
|
Th
|
</th>
|
<th
|
className="dow">
|
Fr
|
</th>
|
<th
|
className="dow">
|
Sa
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td
|
className="rdtDay rdtOld rdtDisabled"
|
data-value={27}>
|
27
|
</td>
|
<td
|
className="rdtDay rdtOld rdtDisabled"
|
data-value={28}>
|
28
|
</td>
|
<td
|
className="rdtDay rdtOld rdtDisabled"
|
data-value={29}>
|
29
|
</td>
|
<td
|
className="rdtDay rdtOld rdtDisabled"
|
data-value={30}>
|
30
|
</td>
|
<td
|
className="rdtDay rdtDisabled"
|
data-value={1}>
|
1
|
</td>
|
<td
|
className="rdtDay rdtDisabled"
|
data-value={2}>
|
2
|
</td>
|
<td
|
className="rdtDay rdtDisabled"
|
data-value={3}>
|
3
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay rdtDisabled"
|
data-value={4}>
|
4
|
</td>
|
<td
|
className="rdtDay rdtDisabled"
|
data-value={5}>
|
5
|
</td>
|
<td
|
className="rdtDay rdtDisabled"
|
data-value={6}>
|
6
|
</td>
|
<td
|
className="rdtDay rdtDisabled"
|
data-value={7}>
|
7
|
</td>
|
<td
|
className="rdtDay rdtDisabled"
|
data-value={8}>
|
8
|
</td>
|
<td
|
className="rdtDay rdtDisabled"
|
data-value={9}>
|
9
|
</td>
|
<td
|
className="rdtDay rdtDisabled"
|
data-value={10}>
|
10
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay rdtDisabled"
|
data-value={11}>
|
11
|
</td>
|
<td
|
className="rdtDay rdtDisabled"
|
data-value={12}>
|
12
|
</td>
|
<td
|
className="rdtDay rdtDisabled"
|
data-value={13}>
|
13
|
</td>
|
<td
|
className="rdtDay rdtDisabled"
|
data-value={14}>
|
14
|
</td>
|
<td
|
className="rdtDay rdtDisabled"
|
data-value={15}>
|
15
|
</td>
|
<td
|
className="rdtDay rdtDisabled"
|
data-value={16}>
|
16
|
</td>
|
<td
|
className="rdtDay rdtDisabled"
|
data-value={17}>
|
17
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay rdtDisabled"
|
data-value={18}>
|
18
|
</td>
|
<td
|
className="rdtDay rdtDisabled"
|
data-value={19}>
|
19
|
</td>
|
<td
|
className="rdtDay rdtDisabled"
|
data-value={20}>
|
20
|
</td>
|
<td
|
className="rdtDay rdtDisabled"
|
data-value={21}>
|
21
|
</td>
|
<td
|
className="rdtDay rdtToday"
|
data-value={22}
|
onClick={[Function]}>
|
22
|
</td>
|
<td
|
className="rdtDay"
|
data-value={23}
|
onClick={[Function]}>
|
23
|
</td>
|
<td
|
className="rdtDay"
|
data-value={24}
|
onClick={[Function]}>
|
24
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={25}
|
onClick={[Function]}>
|
25
|
</td>
|
<td
|
className="rdtDay"
|
data-value={26}
|
onClick={[Function]}>
|
26
|
</td>
|
<td
|
className="rdtDay"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={31}
|
onClick={[Function]}>
|
31
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay rdtNew"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
</tr>
|
</tbody>
|
<tfoot>
|
<tr>
|
<td
|
className="rdtTimeToggle"
|
colspan={7}
|
onClick={[Function]}>
|
12:00 AM
|
</td>
|
</tr>
|
</tfoot>
|
</table>
|
</div>
|
</div>
|
</div>
|
`;
|
|
exports[`test renderDay: specified 1`] = `
|
<div
|
className="rdt">
|
<input
|
className="form-control"
|
onChange={[Function]}
|
onClick={[Function]}
|
onFocus={[Function]}
|
onKeyDown={[Function]}
|
type="text"
|
value="" />
|
<div
|
className="rdtPicker">
|
<div
|
className="rdtDays">
|
<table>
|
<thead>
|
<tr>
|
<th
|
className="rdtPrev"
|
onClick={[Function]}>
|
<span>
|
‹
|
</span>
|
</th>
|
<th
|
className="rdtSwitch"
|
colspan={5}
|
data-value={11}
|
onClick={[Function]}>
|
December 2016
|
</th>
|
<th
|
className="rdtNext"
|
onClick={[Function]}>
|
<span>
|
›
|
</span>
|
</th>
|
</tr>
|
<tr>
|
<th
|
className="dow">
|
Su
|
</th>
|
<th
|
className="dow">
|
Mo
|
</th>
|
<th
|
className="dow">
|
Tu
|
</th>
|
<th
|
className="dow">
|
We
|
</th>
|
<th
|
className="dow">
|
Th
|
</th>
|
<th
|
className="dow">
|
Fr
|
</th>
|
<th
|
className="dow">
|
Sa
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td
|
className="rdtDay rdtOld"
|
data-value={27}
|
onClick={[Function]}>
|
027
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={28}
|
onClick={[Function]}>
|
028
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={29}
|
onClick={[Function]}>
|
029
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={30}
|
onClick={[Function]}>
|
030
|
</td>
|
<td
|
className="rdtDay"
|
data-value={1}
|
onClick={[Function]}>
|
01
|
</td>
|
<td
|
className="rdtDay"
|
data-value={2}
|
onClick={[Function]}>
|
02
|
</td>
|
<td
|
className="rdtDay"
|
data-value={3}
|
onClick={[Function]}>
|
03
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={4}
|
onClick={[Function]}>
|
04
|
</td>
|
<td
|
className="rdtDay"
|
data-value={5}
|
onClick={[Function]}>
|
05
|
</td>
|
<td
|
className="rdtDay"
|
data-value={6}
|
onClick={[Function]}>
|
06
|
</td>
|
<td
|
className="rdtDay"
|
data-value={7}
|
onClick={[Function]}>
|
07
|
</td>
|
<td
|
className="rdtDay"
|
data-value={8}
|
onClick={[Function]}>
|
08
|
</td>
|
<td
|
className="rdtDay"
|
data-value={9}
|
onClick={[Function]}>
|
09
|
</td>
|
<td
|
className="rdtDay"
|
data-value={10}
|
onClick={[Function]}>
|
010
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={11}
|
onClick={[Function]}>
|
011
|
</td>
|
<td
|
className="rdtDay"
|
data-value={12}
|
onClick={[Function]}>
|
012
|
</td>
|
<td
|
className="rdtDay"
|
data-value={13}
|
onClick={[Function]}>
|
013
|
</td>
|
<td
|
className="rdtDay"
|
data-value={14}
|
onClick={[Function]}>
|
014
|
</td>
|
<td
|
className="rdtDay"
|
data-value={15}
|
onClick={[Function]}>
|
015
|
</td>
|
<td
|
className="rdtDay"
|
data-value={16}
|
onClick={[Function]}>
|
016
|
</td>
|
<td
|
className="rdtDay"
|
data-value={17}
|
onClick={[Function]}>
|
017
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={18}
|
onClick={[Function]}>
|
018
|
</td>
|
<td
|
className="rdtDay"
|
data-value={19}
|
onClick={[Function]}>
|
019
|
</td>
|
<td
|
className="rdtDay"
|
data-value={20}
|
onClick={[Function]}>
|
020
|
</td>
|
<td
|
className="rdtDay"
|
data-value={21}
|
onClick={[Function]}>
|
021
|
</td>
|
<td
|
className="rdtDay rdtToday"
|
data-value={22}
|
onClick={[Function]}>
|
022
|
</td>
|
<td
|
className="rdtDay"
|
data-value={23}
|
onClick={[Function]}>
|
023
|
</td>
|
<td
|
className="rdtDay"
|
data-value={24}
|
onClick={[Function]}>
|
024
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={25}
|
onClick={[Function]}>
|
025
|
</td>
|
<td
|
className="rdtDay"
|
data-value={26}
|
onClick={[Function]}>
|
026
|
</td>
|
<td
|
className="rdtDay"
|
data-value={27}
|
onClick={[Function]}>
|
027
|
</td>
|
<td
|
className="rdtDay"
|
data-value={28}
|
onClick={[Function]}>
|
028
|
</td>
|
<td
|
className="rdtDay"
|
data-value={29}
|
onClick={[Function]}>
|
029
|
</td>
|
<td
|
className="rdtDay"
|
data-value={30}
|
onClick={[Function]}>
|
030
|
</td>
|
<td
|
className="rdtDay"
|
data-value={31}
|
onClick={[Function]}>
|
031
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay rdtNew"
|
data-value={1}
|
onClick={[Function]}>
|
01
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={2}
|
onClick={[Function]}>
|
02
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={3}
|
onClick={[Function]}>
|
03
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={4}
|
onClick={[Function]}>
|
04
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={5}
|
onClick={[Function]}>
|
05
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={6}
|
onClick={[Function]}>
|
06
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={7}
|
onClick={[Function]}>
|
07
|
</td>
|
</tr>
|
</tbody>
|
<tfoot>
|
<tr>
|
<td
|
className="rdtTimeToggle"
|
colspan={7}
|
onClick={[Function]}>
|
12:00 AM
|
</td>
|
</tr>
|
</tfoot>
|
</table>
|
</div>
|
</div>
|
</div>
|
`;
|
|
exports[`test renderMonth: specified 1`] = `
|
<div
|
className="rdt">
|
<input
|
className="form-control"
|
onChange={[Function]}
|
onClick={[Function]}
|
onFocus={[Function]}
|
onKeyDown={[Function]}
|
type="text"
|
value="" />
|
<div
|
className="rdtPicker">
|
<div
|
className="rdtDays">
|
<table>
|
<thead>
|
<tr>
|
<th
|
className="rdtPrev"
|
onClick={[Function]}>
|
<span>
|
‹
|
</span>
|
</th>
|
<th
|
className="rdtSwitch"
|
colspan={5}
|
data-value={11}
|
onClick={[Function]}>
|
December 2016
|
</th>
|
<th
|
className="rdtNext"
|
onClick={[Function]}>
|
<span>
|
›
|
</span>
|
</th>
|
</tr>
|
<tr>
|
<th
|
className="dow">
|
Su
|
</th>
|
<th
|
className="dow">
|
Mo
|
</th>
|
<th
|
className="dow">
|
Tu
|
</th>
|
<th
|
className="dow">
|
We
|
</th>
|
<th
|
className="dow">
|
Th
|
</th>
|
<th
|
className="dow">
|
Fr
|
</th>
|
<th
|
className="dow">
|
Sa
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td
|
className="rdtDay rdtOld"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
<td
|
className="rdtDay"
|
data-value={8}
|
onClick={[Function]}>
|
8
|
</td>
|
<td
|
className="rdtDay"
|
data-value={9}
|
onClick={[Function]}>
|
9
|
</td>
|
<td
|
className="rdtDay"
|
data-value={10}
|
onClick={[Function]}>
|
10
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={11}
|
onClick={[Function]}>
|
11
|
</td>
|
<td
|
className="rdtDay"
|
data-value={12}
|
onClick={[Function]}>
|
12
|
</td>
|
<td
|
className="rdtDay"
|
data-value={13}
|
onClick={[Function]}>
|
13
|
</td>
|
<td
|
className="rdtDay"
|
data-value={14}
|
onClick={[Function]}>
|
14
|
</td>
|
<td
|
className="rdtDay"
|
data-value={15}
|
onClick={[Function]}>
|
15
|
</td>
|
<td
|
className="rdtDay"
|
data-value={16}
|
onClick={[Function]}>
|
16
|
</td>
|
<td
|
className="rdtDay"
|
data-value={17}
|
onClick={[Function]}>
|
17
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={18}
|
onClick={[Function]}>
|
18
|
</td>
|
<td
|
className="rdtDay"
|
data-value={19}
|
onClick={[Function]}>
|
19
|
</td>
|
<td
|
className="rdtDay"
|
data-value={20}
|
onClick={[Function]}>
|
20
|
</td>
|
<td
|
className="rdtDay"
|
data-value={21}
|
onClick={[Function]}>
|
21
|
</td>
|
<td
|
className="rdtDay rdtToday"
|
data-value={22}
|
onClick={[Function]}>
|
22
|
</td>
|
<td
|
className="rdtDay"
|
data-value={23}
|
onClick={[Function]}>
|
23
|
</td>
|
<td
|
className="rdtDay"
|
data-value={24}
|
onClick={[Function]}>
|
24
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={25}
|
onClick={[Function]}>
|
25
|
</td>
|
<td
|
className="rdtDay"
|
data-value={26}
|
onClick={[Function]}>
|
26
|
</td>
|
<td
|
className="rdtDay"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={31}
|
onClick={[Function]}>
|
31
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay rdtNew"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
</tr>
|
</tbody>
|
<tfoot>
|
<tr>
|
<td
|
className="rdtTimeToggle"
|
colspan={7}
|
onClick={[Function]}>
|
12:00 AM
|
</td>
|
</tr>
|
</tfoot>
|
</table>
|
</div>
|
</div>
|
</div>
|
`;
|
|
exports[`test renderYear: specified 1`] = `
|
<div
|
className="rdt">
|
<input
|
className="form-control"
|
onChange={[Function]}
|
onClick={[Function]}
|
onFocus={[Function]}
|
onKeyDown={[Function]}
|
type="text"
|
value="" />
|
<div
|
className="rdtPicker">
|
<div
|
className="rdtDays">
|
<table>
|
<thead>
|
<tr>
|
<th
|
className="rdtPrev"
|
onClick={[Function]}>
|
<span>
|
‹
|
</span>
|
</th>
|
<th
|
className="rdtSwitch"
|
colspan={5}
|
data-value={11}
|
onClick={[Function]}>
|
December 2016
|
</th>
|
<th
|
className="rdtNext"
|
onClick={[Function]}>
|
<span>
|
›
|
</span>
|
</th>
|
</tr>
|
<tr>
|
<th
|
className="dow">
|
Su
|
</th>
|
<th
|
className="dow">
|
Mo
|
</th>
|
<th
|
className="dow">
|
Tu
|
</th>
|
<th
|
className="dow">
|
We
|
</th>
|
<th
|
className="dow">
|
Th
|
</th>
|
<th
|
className="dow">
|
Fr
|
</th>
|
<th
|
className="dow">
|
Sa
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td
|
className="rdtDay rdtOld"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
<td
|
className="rdtDay"
|
data-value={8}
|
onClick={[Function]}>
|
8
|
</td>
|
<td
|
className="rdtDay"
|
data-value={9}
|
onClick={[Function]}>
|
9
|
</td>
|
<td
|
className="rdtDay"
|
data-value={10}
|
onClick={[Function]}>
|
10
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={11}
|
onClick={[Function]}>
|
11
|
</td>
|
<td
|
className="rdtDay"
|
data-value={12}
|
onClick={[Function]}>
|
12
|
</td>
|
<td
|
className="rdtDay"
|
data-value={13}
|
onClick={[Function]}>
|
13
|
</td>
|
<td
|
className="rdtDay"
|
data-value={14}
|
onClick={[Function]}>
|
14
|
</td>
|
<td
|
className="rdtDay"
|
data-value={15}
|
onClick={[Function]}>
|
15
|
</td>
|
<td
|
className="rdtDay"
|
data-value={16}
|
onClick={[Function]}>
|
16
|
</td>
|
<td
|
className="rdtDay"
|
data-value={17}
|
onClick={[Function]}>
|
17
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={18}
|
onClick={[Function]}>
|
18
|
</td>
|
<td
|
className="rdtDay"
|
data-value={19}
|
onClick={[Function]}>
|
19
|
</td>
|
<td
|
className="rdtDay"
|
data-value={20}
|
onClick={[Function]}>
|
20
|
</td>
|
<td
|
className="rdtDay"
|
data-value={21}
|
onClick={[Function]}>
|
21
|
</td>
|
<td
|
className="rdtDay rdtToday"
|
data-value={22}
|
onClick={[Function]}>
|
22
|
</td>
|
<td
|
className="rdtDay"
|
data-value={23}
|
onClick={[Function]}>
|
23
|
</td>
|
<td
|
className="rdtDay"
|
data-value={24}
|
onClick={[Function]}>
|
24
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={25}
|
onClick={[Function]}>
|
25
|
</td>
|
<td
|
className="rdtDay"
|
data-value={26}
|
onClick={[Function]}>
|
26
|
</td>
|
<td
|
className="rdtDay"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={31}
|
onClick={[Function]}>
|
31
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay rdtNew"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
</tr>
|
</tbody>
|
<tfoot>
|
<tr>
|
<td
|
className="rdtTimeToggle"
|
colspan={7}
|
onClick={[Function]}>
|
12:00 AM
|
</td>
|
</tr>
|
</tfoot>
|
</table>
|
</div>
|
</div>
|
</div>
|
`;
|
|
exports[`test value: set to arbitrary value 1`] = `
|
<div
|
className="rdt">
|
<input
|
className="form-control"
|
onChange={[Function]}
|
onClick={[Function]}
|
onFocus={[Function]}
|
onKeyDown={[Function]}
|
type="text"
|
value="12/22/2016 12:36 AM" />
|
<div
|
className="rdtPicker">
|
<div
|
className="rdtDays">
|
<table>
|
<thead>
|
<tr>
|
<th
|
className="rdtPrev"
|
onClick={[Function]}>
|
<span>
|
‹
|
</span>
|
</th>
|
<th
|
className="rdtSwitch"
|
colspan={5}
|
data-value={11}
|
onClick={[Function]}>
|
December 2016
|
</th>
|
<th
|
className="rdtNext"
|
onClick={[Function]}>
|
<span>
|
›
|
</span>
|
</th>
|
</tr>
|
<tr>
|
<th
|
className="dow">
|
Su
|
</th>
|
<th
|
className="dow">
|
Mo
|
</th>
|
<th
|
className="dow">
|
Tu
|
</th>
|
<th
|
className="dow">
|
We
|
</th>
|
<th
|
className="dow">
|
Th
|
</th>
|
<th
|
className="dow">
|
Fr
|
</th>
|
<th
|
className="dow">
|
Sa
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td
|
className="rdtDay rdtOld"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
<td
|
className="rdtDay"
|
data-value={8}
|
onClick={[Function]}>
|
8
|
</td>
|
<td
|
className="rdtDay"
|
data-value={9}
|
onClick={[Function]}>
|
9
|
</td>
|
<td
|
className="rdtDay"
|
data-value={10}
|
onClick={[Function]}>
|
10
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={11}
|
onClick={[Function]}>
|
11
|
</td>
|
<td
|
className="rdtDay"
|
data-value={12}
|
onClick={[Function]}>
|
12
|
</td>
|
<td
|
className="rdtDay"
|
data-value={13}
|
onClick={[Function]}>
|
13
|
</td>
|
<td
|
className="rdtDay"
|
data-value={14}
|
onClick={[Function]}>
|
14
|
</td>
|
<td
|
className="rdtDay"
|
data-value={15}
|
onClick={[Function]}>
|
15
|
</td>
|
<td
|
className="rdtDay"
|
data-value={16}
|
onClick={[Function]}>
|
16
|
</td>
|
<td
|
className="rdtDay"
|
data-value={17}
|
onClick={[Function]}>
|
17
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={18}
|
onClick={[Function]}>
|
18
|
</td>
|
<td
|
className="rdtDay"
|
data-value={19}
|
onClick={[Function]}>
|
19
|
</td>
|
<td
|
className="rdtDay"
|
data-value={20}
|
onClick={[Function]}>
|
20
|
</td>
|
<td
|
className="rdtDay"
|
data-value={21}
|
onClick={[Function]}>
|
21
|
</td>
|
<td
|
className="rdtDay rdtActive rdtToday"
|
data-value={22}
|
onClick={[Function]}>
|
22
|
</td>
|
<td
|
className="rdtDay"
|
data-value={23}
|
onClick={[Function]}>
|
23
|
</td>
|
<td
|
className="rdtDay"
|
data-value={24}
|
onClick={[Function]}>
|
24
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={25}
|
onClick={[Function]}>
|
25
|
</td>
|
<td
|
className="rdtDay"
|
data-value={26}
|
onClick={[Function]}>
|
26
|
</td>
|
<td
|
className="rdtDay"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={31}
|
onClick={[Function]}>
|
31
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay rdtNew"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
</tr>
|
</tbody>
|
<tfoot>
|
<tr>
|
<td
|
className="rdtTimeToggle"
|
colspan={7}
|
onClick={[Function]}>
|
12:36 AM
|
</td>
|
</tr>
|
</tfoot>
|
</table>
|
</div>
|
</div>
|
</div>
|
`;
|
|
exports[`timeFormat set to false 1`] = `
|
<div
|
className="rdt">
|
<input
|
className="form-control"
|
onChange={[Function]}
|
onClick={[Function]}
|
onFocus={[Function]}
|
onKeyDown={[Function]}
|
type="text"
|
value="" />
|
<div
|
className="rdtPicker">
|
<div
|
className="rdtDays">
|
<table>
|
<thead>
|
<tr>
|
<th
|
className="rdtPrev"
|
onClick={[Function]}>
|
<span>
|
‹
|
</span>
|
</th>
|
<th
|
className="rdtSwitch"
|
colspan={5}
|
data-value={11}
|
onClick={[Function]}>
|
December 2016
|
</th>
|
<th
|
className="rdtNext"
|
onClick={[Function]}>
|
<span>
|
›
|
</span>
|
</th>
|
</tr>
|
<tr>
|
<th
|
className="dow">
|
Su
|
</th>
|
<th
|
className="dow">
|
Mo
|
</th>
|
<th
|
className="dow">
|
Tu
|
</th>
|
<th
|
className="dow">
|
We
|
</th>
|
<th
|
className="dow">
|
Th
|
</th>
|
<th
|
className="dow">
|
Fr
|
</th>
|
<th
|
className="dow">
|
Sa
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td
|
className="rdtDay rdtOld"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
<td
|
className="rdtDay"
|
data-value={8}
|
onClick={[Function]}>
|
8
|
</td>
|
<td
|
className="rdtDay"
|
data-value={9}
|
onClick={[Function]}>
|
9
|
</td>
|
<td
|
className="rdtDay"
|
data-value={10}
|
onClick={[Function]}>
|
10
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={11}
|
onClick={[Function]}>
|
11
|
</td>
|
<td
|
className="rdtDay"
|
data-value={12}
|
onClick={[Function]}>
|
12
|
</td>
|
<td
|
className="rdtDay"
|
data-value={13}
|
onClick={[Function]}>
|
13
|
</td>
|
<td
|
className="rdtDay"
|
data-value={14}
|
onClick={[Function]}>
|
14
|
</td>
|
<td
|
className="rdtDay"
|
data-value={15}
|
onClick={[Function]}>
|
15
|
</td>
|
<td
|
className="rdtDay"
|
data-value={16}
|
onClick={[Function]}>
|
16
|
</td>
|
<td
|
className="rdtDay"
|
data-value={17}
|
onClick={[Function]}>
|
17
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={18}
|
onClick={[Function]}>
|
18
|
</td>
|
<td
|
className="rdtDay"
|
data-value={19}
|
onClick={[Function]}>
|
19
|
</td>
|
<td
|
className="rdtDay"
|
data-value={20}
|
onClick={[Function]}>
|
20
|
</td>
|
<td
|
className="rdtDay"
|
data-value={21}
|
onClick={[Function]}>
|
21
|
</td>
|
<td
|
className="rdtDay rdtToday"
|
data-value={22}
|
onClick={[Function]}>
|
22
|
</td>
|
<td
|
className="rdtDay"
|
data-value={23}
|
onClick={[Function]}>
|
23
|
</td>
|
<td
|
className="rdtDay"
|
data-value={24}
|
onClick={[Function]}>
|
24
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={25}
|
onClick={[Function]}>
|
25
|
</td>
|
<td
|
className="rdtDay"
|
data-value={26}
|
onClick={[Function]}>
|
26
|
</td>
|
<td
|
className="rdtDay"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={31}
|
onClick={[Function]}>
|
31
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay rdtNew"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
`;
|
|
exports[`timeFormat set to true 1`] = `
|
<div
|
className="rdt">
|
<input
|
className="form-control"
|
onChange={[Function]}
|
onClick={[Function]}
|
onFocus={[Function]}
|
onKeyDown={[Function]}
|
type="text"
|
value="" />
|
<div
|
className="rdtPicker">
|
<div
|
className="rdtDays">
|
<table>
|
<thead>
|
<tr>
|
<th
|
className="rdtPrev"
|
onClick={[Function]}>
|
<span>
|
‹
|
</span>
|
</th>
|
<th
|
className="rdtSwitch"
|
colspan={5}
|
data-value={11}
|
onClick={[Function]}>
|
December 2016
|
</th>
|
<th
|
className="rdtNext"
|
onClick={[Function]}>
|
<span>
|
›
|
</span>
|
</th>
|
</tr>
|
<tr>
|
<th
|
className="dow">
|
Su
|
</th>
|
<th
|
className="dow">
|
Mo
|
</th>
|
<th
|
className="dow">
|
Tu
|
</th>
|
<th
|
className="dow">
|
We
|
</th>
|
<th
|
className="dow">
|
Th
|
</th>
|
<th
|
className="dow">
|
Fr
|
</th>
|
<th
|
className="dow">
|
Sa
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td
|
className="rdtDay rdtOld"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
<td
|
className="rdtDay"
|
data-value={8}
|
onClick={[Function]}>
|
8
|
</td>
|
<td
|
className="rdtDay"
|
data-value={9}
|
onClick={[Function]}>
|
9
|
</td>
|
<td
|
className="rdtDay"
|
data-value={10}
|
onClick={[Function]}>
|
10
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={11}
|
onClick={[Function]}>
|
11
|
</td>
|
<td
|
className="rdtDay"
|
data-value={12}
|
onClick={[Function]}>
|
12
|
</td>
|
<td
|
className="rdtDay"
|
data-value={13}
|
onClick={[Function]}>
|
13
|
</td>
|
<td
|
className="rdtDay"
|
data-value={14}
|
onClick={[Function]}>
|
14
|
</td>
|
<td
|
className="rdtDay"
|
data-value={15}
|
onClick={[Function]}>
|
15
|
</td>
|
<td
|
className="rdtDay"
|
data-value={16}
|
onClick={[Function]}>
|
16
|
</td>
|
<td
|
className="rdtDay"
|
data-value={17}
|
onClick={[Function]}>
|
17
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={18}
|
onClick={[Function]}>
|
18
|
</td>
|
<td
|
className="rdtDay"
|
data-value={19}
|
onClick={[Function]}>
|
19
|
</td>
|
<td
|
className="rdtDay"
|
data-value={20}
|
onClick={[Function]}>
|
20
|
</td>
|
<td
|
className="rdtDay"
|
data-value={21}
|
onClick={[Function]}>
|
21
|
</td>
|
<td
|
className="rdtDay rdtToday"
|
data-value={22}
|
onClick={[Function]}>
|
22
|
</td>
|
<td
|
className="rdtDay"
|
data-value={23}
|
onClick={[Function]}>
|
23
|
</td>
|
<td
|
className="rdtDay"
|
data-value={24}
|
onClick={[Function]}>
|
24
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={25}
|
onClick={[Function]}>
|
25
|
</td>
|
<td
|
className="rdtDay"
|
data-value={26}
|
onClick={[Function]}>
|
26
|
</td>
|
<td
|
className="rdtDay"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={31}
|
onClick={[Function]}>
|
31
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay rdtNew"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
</tr>
|
</tbody>
|
<tfoot>
|
<tr>
|
<td
|
className="rdtTimeToggle"
|
colspan={7}
|
onClick={[Function]}>
|
12:00 AM
|
</td>
|
</tr>
|
</tfoot>
|
</table>
|
</div>
|
</div>
|
</div>
|
`;
|
|
exports[`viewMode set to days 1`] = `
|
<div
|
className="rdt">
|
<input
|
className="form-control"
|
onChange={[Function]}
|
onClick={[Function]}
|
onFocus={[Function]}
|
onKeyDown={[Function]}
|
type="text"
|
value="" />
|
<div
|
className="rdtPicker">
|
<div
|
className="rdtDays">
|
<table>
|
<thead>
|
<tr>
|
<th
|
className="rdtPrev"
|
onClick={[Function]}>
|
<span>
|
‹
|
</span>
|
</th>
|
<th
|
className="rdtSwitch"
|
colspan={5}
|
data-value={11}
|
onClick={[Function]}>
|
December 2016
|
</th>
|
<th
|
className="rdtNext"
|
onClick={[Function]}>
|
<span>
|
›
|
</span>
|
</th>
|
</tr>
|
<tr>
|
<th
|
className="dow">
|
Su
|
</th>
|
<th
|
className="dow">
|
Mo
|
</th>
|
<th
|
className="dow">
|
Tu
|
</th>
|
<th
|
className="dow">
|
We
|
</th>
|
<th
|
className="dow">
|
Th
|
</th>
|
<th
|
className="dow">
|
Fr
|
</th>
|
<th
|
className="dow">
|
Sa
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td
|
className="rdtDay rdtOld"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay rdtOld"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
<td
|
className="rdtDay"
|
data-value={8}
|
onClick={[Function]}>
|
8
|
</td>
|
<td
|
className="rdtDay"
|
data-value={9}
|
onClick={[Function]}>
|
9
|
</td>
|
<td
|
className="rdtDay"
|
data-value={10}
|
onClick={[Function]}>
|
10
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={11}
|
onClick={[Function]}>
|
11
|
</td>
|
<td
|
className="rdtDay"
|
data-value={12}
|
onClick={[Function]}>
|
12
|
</td>
|
<td
|
className="rdtDay"
|
data-value={13}
|
onClick={[Function]}>
|
13
|
</td>
|
<td
|
className="rdtDay"
|
data-value={14}
|
onClick={[Function]}>
|
14
|
</td>
|
<td
|
className="rdtDay"
|
data-value={15}
|
onClick={[Function]}>
|
15
|
</td>
|
<td
|
className="rdtDay"
|
data-value={16}
|
onClick={[Function]}>
|
16
|
</td>
|
<td
|
className="rdtDay"
|
data-value={17}
|
onClick={[Function]}>
|
17
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={18}
|
onClick={[Function]}>
|
18
|
</td>
|
<td
|
className="rdtDay"
|
data-value={19}
|
onClick={[Function]}>
|
19
|
</td>
|
<td
|
className="rdtDay"
|
data-value={20}
|
onClick={[Function]}>
|
20
|
</td>
|
<td
|
className="rdtDay"
|
data-value={21}
|
onClick={[Function]}>
|
21
|
</td>
|
<td
|
className="rdtDay rdtToday"
|
data-value={22}
|
onClick={[Function]}>
|
22
|
</td>
|
<td
|
className="rdtDay"
|
data-value={23}
|
onClick={[Function]}>
|
23
|
</td>
|
<td
|
className="rdtDay"
|
data-value={24}
|
onClick={[Function]}>
|
24
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay"
|
data-value={25}
|
onClick={[Function]}>
|
25
|
</td>
|
<td
|
className="rdtDay"
|
data-value={26}
|
onClick={[Function]}>
|
26
|
</td>
|
<td
|
className="rdtDay"
|
data-value={27}
|
onClick={[Function]}>
|
27
|
</td>
|
<td
|
className="rdtDay"
|
data-value={28}
|
onClick={[Function]}>
|
28
|
</td>
|
<td
|
className="rdtDay"
|
data-value={29}
|
onClick={[Function]}>
|
29
|
</td>
|
<td
|
className="rdtDay"
|
data-value={30}
|
onClick={[Function]}>
|
30
|
</td>
|
<td
|
className="rdtDay"
|
data-value={31}
|
onClick={[Function]}>
|
31
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtDay rdtNew"
|
data-value={1}
|
onClick={[Function]}>
|
1
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={2}
|
onClick={[Function]}>
|
2
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={3}
|
onClick={[Function]}>
|
3
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={4}
|
onClick={[Function]}>
|
4
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={5}
|
onClick={[Function]}>
|
5
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={6}
|
onClick={[Function]}>
|
6
|
</td>
|
<td
|
className="rdtDay rdtNew"
|
data-value={7}
|
onClick={[Function]}>
|
7
|
</td>
|
</tr>
|
</tbody>
|
<tfoot>
|
<tr>
|
<td
|
className="rdtTimeToggle"
|
colspan={7}
|
onClick={[Function]}>
|
12:00 AM
|
</td>
|
</tr>
|
</tfoot>
|
</table>
|
</div>
|
</div>
|
</div>
|
`;
|
|
exports[`viewMode set to months 1`] = `
|
<div
|
className="rdt">
|
<input
|
className="form-control"
|
onChange={[Function]}
|
onClick={[Function]}
|
onFocus={[Function]}
|
onKeyDown={[Function]}
|
type="text"
|
value="" />
|
<div
|
className="rdtPicker">
|
<div
|
className="rdtMonths">
|
<table>
|
<thead>
|
<tr>
|
<th
|
className="rdtPrev"
|
onClick={[Function]}>
|
<span>
|
‹
|
</span>
|
</th>
|
<th
|
className="rdtSwitch"
|
colspan={2}
|
data-value={2016}
|
onClick={[Function]}>
|
2016
|
</th>
|
<th
|
className="rdtNext"
|
onClick={[Function]}>
|
<span>
|
›
|
</span>
|
</th>
|
</tr>
|
</thead>
|
</table>
|
<table>
|
<tbody>
|
<tr>
|
<td
|
className="rdtMonth"
|
data-value={0}
|
onClick={[Function]}>
|
Jan
|
</td>
|
<td
|
className="rdtMonth"
|
data-value={1}
|
onClick={[Function]}>
|
Feb
|
</td>
|
<td
|
className="rdtMonth"
|
data-value={2}
|
onClick={[Function]}>
|
Mar
|
</td>
|
<td
|
className="rdtMonth"
|
data-value={3}
|
onClick={[Function]}>
|
Apr
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtMonth"
|
data-value={4}
|
onClick={[Function]}>
|
May
|
</td>
|
<td
|
className="rdtMonth"
|
data-value={5}
|
onClick={[Function]}>
|
Jun
|
</td>
|
<td
|
className="rdtMonth"
|
data-value={6}
|
onClick={[Function]}>
|
Jul
|
</td>
|
<td
|
className="rdtMonth"
|
data-value={7}
|
onClick={[Function]}>
|
Aug
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtMonth"
|
data-value={8}
|
onClick={[Function]}>
|
Sep
|
</td>
|
<td
|
className="rdtMonth"
|
data-value={9}
|
onClick={[Function]}>
|
Oct
|
</td>
|
<td
|
className="rdtMonth"
|
data-value={10}
|
onClick={[Function]}>
|
Nov
|
</td>
|
<td
|
className="rdtMonth"
|
data-value={11}
|
onClick={[Function]}>
|
Dec
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
`;
|
|
exports[`viewMode set to time 1`] = `
|
<div
|
className="rdt">
|
<input
|
className="form-control"
|
onChange={[Function]}
|
onClick={[Function]}
|
onFocus={[Function]}
|
onKeyDown={[Function]}
|
type="text"
|
value="" />
|
<div
|
className="rdtPicker">
|
<div
|
className="rdtTime">
|
<table>
|
<thead>
|
<tr>
|
<th
|
className="rdtSwitch"
|
colspan={4}
|
onClick={[Function]}>
|
12/01/2016
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td>
|
<div
|
className="rdtCounters">
|
<div
|
className="rdtCounter">
|
<span
|
className="rdtBtn"
|
onContextMenu={[Function]}
|
onMouseDown={[Function]}>
|
▲
|
</span>
|
<div
|
className="rdtCount">
|
12
|
</div>
|
<span
|
className="rdtBtn"
|
onContextMenu={[Function]}
|
onMouseDown={[Function]}>
|
▼
|
</span>
|
</div>
|
<div
|
className="rdtCounterSeparator">
|
:
|
</div>
|
<div
|
className="rdtCounter">
|
<span
|
className="rdtBtn"
|
onContextMenu={[Function]}
|
onMouseDown={[Function]}>
|
▲
|
</span>
|
<div
|
className="rdtCount">
|
00
|
</div>
|
<span
|
className="rdtBtn"
|
onContextMenu={[Function]}
|
onMouseDown={[Function]}>
|
▼
|
</span>
|
</div>
|
<div
|
className="rdtCounter">
|
<span
|
className="rdtBtn"
|
onContextMenu={[Function]}
|
onMouseDown={[Function]}>
|
▲
|
</span>
|
<div
|
className="rdtCount">
|
AM
|
</div>
|
<span
|
className="rdtBtn"
|
onContextMenu={[Function]}
|
onMouseDown={[Function]}>
|
▼
|
</span>
|
</div>
|
</div>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
`;
|
|
exports[`viewMode set to years 1`] = `
|
<div
|
className="rdt">
|
<input
|
className="form-control"
|
onChange={[Function]}
|
onClick={[Function]}
|
onFocus={[Function]}
|
onKeyDown={[Function]}
|
type="text"
|
value="" />
|
<div
|
className="rdtPicker">
|
<div
|
className="rdtYears">
|
<table>
|
<thead>
|
<tr>
|
<th
|
className="rdtPrev"
|
onClick={[Function]}>
|
<span>
|
‹
|
</span>
|
</th>
|
<th
|
className="rdtSwitch"
|
colspan={2}
|
onClick={[Function]}>
|
2010-2019
|
</th>
|
<th
|
className="rdtNext"
|
onClick={[Function]}>
|
<span>
|
›
|
</span>
|
</th>
|
</tr>
|
</thead>
|
</table>
|
<table>
|
<tbody>
|
<tr>
|
<td
|
className="rdtYear"
|
data-value={2009}
|
onClick={[Function]}>
|
2009
|
</td>
|
<td
|
className="rdtYear"
|
data-value={2010}
|
onClick={[Function]}>
|
2010
|
</td>
|
<td
|
className="rdtYear"
|
data-value={2011}
|
onClick={[Function]}>
|
2011
|
</td>
|
<td
|
className="rdtYear"
|
data-value={2012}
|
onClick={[Function]}>
|
2012
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtYear"
|
data-value={2013}
|
onClick={[Function]}>
|
2013
|
</td>
|
<td
|
className="rdtYear"
|
data-value={2014}
|
onClick={[Function]}>
|
2014
|
</td>
|
<td
|
className="rdtYear"
|
data-value={2015}
|
onClick={[Function]}>
|
2015
|
</td>
|
<td
|
className="rdtYear"
|
data-value={2016}
|
onClick={[Function]}>
|
2016
|
</td>
|
</tr>
|
<tr>
|
<td
|
className="rdtYear"
|
data-value={2017}
|
onClick={[Function]}>
|
2017
|
</td>
|
<td
|
className="rdtYear"
|
data-value={2018}
|
onClick={[Function]}>
|
2018
|
</td>
|
<td
|
className="rdtYear"
|
data-value={2019}
|
onClick={[Function]}>
|
2019
|
</td>
|
<td
|
className="rdtYear"
|
data-value={2020}
|
onClick={[Function]}>
|
2020
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
`;
|