Menu
On the Accommodation tab of this page, there are a couple of date fields that use this datepicker. Everything works fine on a desktop browser, but when the page is viewed on an iPhone the dates are shown below the fields:
Incidentally, I tried upgrading from the current (deprecated) datepicker to this newer version, but it didn't work out.
973
Make sure that you have the latest version of iOS or iPadOS. Turn on Set Automatically1 in Settings > General > Date & Time. This automatically sets your date and time based on your time zone. If a message appears saying that updated time zone information is available, restart your device and any paired Apple Watch.
Once the General settings page is open, tap on Language & Region. On the Language & Region page, you'll find multiple options like Region, Calendar, Temperature, Measurement System, First Day of Week, and Date Format.
Allow your device to use its current location to determine the correct time zone. To do this, go to Settings > Privacy > Location Services > System Services and turn on Setting Time Zone. Check that your device is using the correct time zone in Settings > General > Date & Time > Time Zone.
On your Mac, choose Apple menu > System Settings, click General in the sidebar, then click Language & Region on the right. (You may need to scroll down.) Click the pop-up menu next to Region, then choose a geographic region to use the region's date, time, number, and other formats.
I looked a little through the code and I found out that a declaration in one of the css included is what's causing the problem. You seem to merge all your style so I don't know exactly in which one is it (datepicker.css ?), anyway, the declaration
.datepicker:before{content:''; display:inline-block;}
Is what's causing the problem. I don't know exactly the purpose of that in the grand scheme, but just deleting the declaration, or changing the display type from inline-block to block, makes everything all right.
Try to investigate starting from there,avoiding to break the style for other browsers already working, and understand the meaning of those inline-block, since they're present in both .datepicker:beforeand .datepicker:after
168
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
