vue-blu icon indicating copy to clipboard operation
vue-blu copied to clipboard

Some DatePicker fields appear unstyled and use system calendar on mobile (Android)

Open Youdaman opened this issue 8 years ago • 3 comments

Some of the DatePicker fields do not appear styled on mobile while others do:

screengrab-1485136904962 screengrab-1485136926260

Also, the unstyled fields show the system default calendar while the styled ones show flatpickr:

screengrab-1485136951799 screengrab-1485136985502

Youdaman avatar Jan 23 '17 02:01 Youdaman

Can confirm. On desktop there is one input in a datepicker: Screenshot on desktop On Android and even Google Device Toolbar there is another input and it seems to be unstyled. Screenshot on mobile

UPD: Basically, mobile input is missing "input" class or styling for "flatpickr-mobile"

acidbiscuit avatar Mar 02 '17 21:03 acidbiscuit

@chenz24 Thank you, but this is not the case. Was able to replicate missing styles on official Flatpickr's examples and with latest available code from plugin github page. Local workaround is to dublicate Bulma's .input class styling to .flatpickr-mobile class.

acidbiscuit avatar Mar 06 '17 16:03 acidbiscuit

@acidbiscuit can you elaborate on what you mean? an exmple? can't get this to work on mobile.

mbarwick83 avatar Jun 21 '17 19:06 mbarwick83