JSFiddle - React, Tailwind, and code Playground

HTML

<div id='editContainer'>
    <input id='daysInput' disabled="disabled" value="Test"/>
     <span id='daysString'></span>
     <input id='hoursInput'  disabled="disabled" value="Test"/>
     <span>:</span>
     <input id='minuteInput'  disabled="disabled" value="Test"/>
</div>

CSS

#editContainer
  {    
     user-select: none
    -webkit-user-select: none
    -khtml-user-select: none
    -moz-user-select: none
  }


input {
-webkit-user-select: none; 
-moz-user-select: none;
-ms-user-select: none;
user-select: none;      
}