How to prevent keyboard to pop up when tapped on InputField in mobile browsers

Question

I have the following code:

<TextField
            InputProps={{
                readOnly: true
            }}
            value={5000}
            multiline={false}
            autoFocus
        />

I want the keyboard to not popup when the user taps on the InputField. The cursor should blink as it is. The readOnly prop only makes it uneditable but the keyboard still pops up in mobile browsers.