JSFiddle - React, Tailwind, and code Playground

by Ranganadh Paramkusam

HTML

<div class="picker">
    <div id="date" class="dat">&nbsp;</div>
    <a href="#" onclick="incrementTime()">+</a><a href="#" onclick="decrementTime()">-</a>
</div>
<div class="picker">
    <div id="hour" class="dat">&nbsp;</div>
    <a href="#" onclick="incrementTime()">+</a><a href="#" onclick="decrementTime()">-</a>
</div>
<div class="picker">
    <div id="mins" class="dat">&nbsp;</div>
    <a href="#" onclick="incrementTime()">+</a><a href="#" onclick="decrementTime()">-</a>
</div>
<script>
    function incrementTime(){
        
    }
    function decrementTime(){
        
    }
</script>

CSS

.picker{
    width:280px;
    height:40px;
    border:1px solid black;
    float:none;
}
div{
    float:left;
    padding:10px;
    border:1px solid black;
    margin:3px;
}
.dat{
    width:180px;
}