Mobile friendly date/time picker

When using a date/time picker UI element in iOS, the keyboard always pops up hiding the cancel/apply button. Clicking “Done” on the keyboard hides it, but then changing the time makes the page scroll and hides the Apply/Cancel buttons again.

Not the most user friendly UI on mobile. Would be great to have more of a “mobile-first” experience for this UI widget.

6 Likes

@meredydd How about adding date/datetime-local/time as type parameters to either the TextBox component or the option to fallback to them in the DatePicker component? They both seem to work really well on mobile.

I tried to manually set self.my_text_box.type = 'date' in my init – but anvil seems to ignore that.