Support for inputmode attribute

[mediafreakch]

When using :manual-input="true" property on vue2-timepicker, a virtual keyboard will open on touch devices. An easy way to prevent that would be to pass inputmode="none" attribute to the input itself.

Inputmode works better for this purpose than using a computed property to detect touch devices and then disable manual-input correspondingly. For the reason that nowadays you'll find devices with an external keyboard AND touch support, but you still want manual input mode for those.

This is already achieveable with vue2-timepicker today like so:

// in your component that uses vue2-timepicker
mounted() {
    // disable virtual keyboard on mobile devices
    // make sure vue2-timepicker has a ref="timepicker" attribute
    const input = this.$refs.timepicker.$refs.input

    if (input) {
      input.inputMode = 'none'
    }
},

Accepting an inputmode prop would make it smoother.