Date input

[roomfive]

Preview:

---

Assets:

• Date/calendar .svg icon

---

CSS (limited):

Search CSS largely the same as a text input (see #14) and select (see #15).
Additions and differences below:

Regular:

/* Search */
text-indent: 38px;

/* Search icon (normal) */
color: $gray300;
width: 30px;
height: 30px;
margin: 4px;

/* Search icon (hover) */
color: $gray200;

Large:

/* Search */
text-indent: 48px;

/* Search icon */
margin: 9px;