UI elements
Form fields
Input fields, text areas and switches.
Checkboxes and radio buttons
Checkboxes and radio buttons displayed inline
Input fields like search and text etc.
Text area
Tab switcher
Switching views.
Date picker
For setting time frames in the analytics part.
Once the calendar opens the from date is selected. Start and end dates are set. Today is marked out.
June 2018
Mo
Tu
We
Th
Fr
Sa
Su
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
July 2018
Mo
Tu
We
Th
Fr
Sa
Su
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
If one of the presets is used - that label is highlighted.
June 2018
Mo
Tu
We
Th
Fr
Sa
Su
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
July 2018
Mo
Tu
We
Th
Fr
Sa
Su
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Range picker
The presets are note available.
June 2018
Mo
Tu
We
Th
Fr
Sa
Su
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
July 2018
Mo
Tu
We
Th
Fr
Sa
Su
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Tooltips
Hints for stuff.
Pagination
Pagination for table content.
Full width tables
The content for this type of pagination is: prev, 2 blocks at start, 1 block on each side of current page, 2 blocks at end, next.
First page active:
Second to last active:
Smaller tables
For tables that are half width or smaller, the pagination is a little more compact.
Page 2 is active