I want to left-align the entered date in input[type='date']. However, on mobile browsers (I'm testing on safari and chrome), the date stays in the center of the input.

input::-webkit-date-and-time-value {
    text-align: left;
}