Input Wizards for Number/DateTime Fields

Number/DateTime fields default to the standard virtual keyboard input type on mobile devices since native UI controls cannot be used properly in the the Capacitor web view.

Solution 1:

Provide an additional button besides the editfield triggering a dropdown/popup for number or datetime input.
Looks like this

+ User can choose how to input the value (virtual keyboard/hardware keyboard/touch wizard)
- Small button may be hard to hit

Soluition 2:

Disable the input field depending on the platform (mobile/desktop) entirely and only provide dropdown/popup for input.

+ The entire control can be clicked/touched in order to trigger input on mobile devices
- virtual keyboard/hardware keyboard cannot be used even if the user wants to

Optimizations/Considerations

There are different platform and hardware combinations:

1. Browser on desktop with Keyboard/Mouse
2. Browser on mobile devices (usually touch only)
3. Mobile app on touch device
4. Mobile app on device with hardware keybard (scanner)

There are three solutions for providing the right input method on the device:

1. Platform detection... "is it mobile or desktop?". There is no "has it touch?" feature detection.
2. Preferences in the client. The mobile app gets a settings menu where one can choose the appropriate input method.
3. Publish configuration. The broker tells the client what to do. There could be multiple applications for different client devices.
4. A combination of the above