Anatomy
|
Item |
Name |
Description |
Component |
Optional |
|---|---|---|---|---|
|
1 |
Date Picker Input left |
Form field to select the Date in the calendar |
|
|
|
2 |
Date Picker Input right |
|
|
|
|
3 |
Previous and next controls |
Enables the user to browse through past and future time periods |
|
|
|
4 |
Month and year controls |
Enables the user to browse through past and future months and years |
|
|
|
5 |
Week Day |
Days of the week |
|
|
|
6 |
Day |
Days in the month |
|
|
|
7 |
Calendar |
|
|
|
Specification & Properties
Spacing
|
Property |
Value |
Token |
|---|---|---|
|
Padding |
16px |
.200 |
|
Item spacing |
8px |
.100 |
|
Component spacing |
4px |
.50 |
States
Closed
Open