matteachus

Hey bro, I had the exact same problem.

Try this 🙂

input[type=”date”] {
position: relative;
}

input[type=”date”]::-webkit-calendar-picker-indicator {
color: transparent;
background: none;
z-index: 1;
}

input[type=”date”]:before {
color: white;
background: none;
display: block;
font-family: ‘FontAwesome’;
content: ‘\f073’;
/* This is the calendar icon in FontAwesome */
width: 15px;
height: 20px;
position: absolute;
top: 12px;
right: 6px;
color: #999;
}