Howto style date input on iOS

ionic-v1
1

I have this in my template:

    <div class="item timesheet-detail-label-color">
      Date
      <span class="timesheet-detail-right">
        <input type="date" ng-model="timesheet.currentDate" class="timesheet-detail-right-input">
      </span>
    </div>

I’m now getting a completely different style for the date selector. Is it possible to have the same dropdown icon like start time and end time, while keeping the integrated iOS date editor when it’s clicked?

image
image.png374×691 23 KB

1 Like
2

Found a solution for this?

3

My date input also looks like that on IOS and i hate it.

4

Try this (css):

input[type=date] {  // or use a class
    -webkit-appearance: inherit !important;
}