Safari Datepicker (iOS) doesn't style correctly

[pastorryanhayden]

On IOS, this is what a date field styled with .form-input looks:

This is what the markup looks like:

             <label class="block mb-6 mr-6">
                    <span class="text-gray-700">{{ __('Date') }}:</span>
                    <input type="date" class="form-input mt-1 block w-64" name="date" placeholder="yyyy-mm-dd">
                </label>

It renders as expected on all other browsers.

[adamwathan]

Right now the form-input class is designed for regular text inputs and we don't have any classes meant for input[type="date"], so your best bet for now is to style elements like that by hand.

Will leave this open though as it would be good to provide default date input styles in the future.

[pastorryanhayden]

Makes sense. Thanks.

[gnuget]

Even without being on IOS this also happens on other Browsers and operative systems, we might want to change the title of the issue to "Input type date doesn't style correctly"

Or merge it with #22