Antd Rangepicker Hide Keyboard on Mobile and Tablet

I’m having an antd rangepicker problem with keyboard popping up when using it on my phone.

working flow

  1. Press to select Start Time, select day, month, year, time and press OK.
  2. Select day, month, year, time again and press OK.

You will see that the first time you press to select Start time no keyboard pop up.

display on mobile start time

Used onFocudFunc function.

onFocudFunc function pic

But when I press OK after selecting start time finished A keyboard will pop up.

enter image description here

If selection rangepicker is done the first time and click to clear the data value in the rangepicker input box. Doing workflow again the next time, neither keyboard will appear.

I wish the keyboard didn’t come up the first time. What can I do?

Thank you.

Demo Code
https://codesandbox.io/s/rangepicker-stackoverflow-fix-vc15x