I was trying if there is any way to give a built in Numeric keyboard for Ipad view.

React Pin Input doesn't seams to take the input field values.

I tried to add a different class for input field so that i can add the values manually. But even adding values manually doesn't seems to work. Length is working fine but somehow React Pin Input is not taking the values manually.

 if (input.length == 1) {
  document.querySelector(".input-1").value = input;
}
if (input.length == 2) {
  document.querySelector(".input-2").value = input;
}
if (input.length == 3) {
  document.querySelector(".input-3").value = input;
}
if (input.length == 4) {
  document.querySelector(".input-4").value = input;
}

My question is how to add values and attribute to React Pin Input on key press which is a virtual keyboard.

https://codesandbox.io/s/react-pin-input-forked-3mo8xm