<html>
<head>
<style>
input::-webkit-datetime-edit {
    border: 1px solid red;
    font-family: monospace;
    font-size: 15px;
}

input::-webkit-datetime-edit-text {
    color: yellow;
}

input::-webkit-datetime-edit-month-field {
    color: red;
}

input::-webkit-datetime-edit-day-field {
    color: green;
}

input::-webkit-datetime-edit-year-field {
    color: blue;
}
</style>
</head>
<body>
    <input type="date" dir="ltr" value="1976-04-01">
    <input type="date" dir="rtl" value="1976-04-01">
</body>
</html>