JSFiddle - React, Tailwind, and code Playground

HTML

<div>

    <div class="time-input">    
        <input type="text" />
        <input type="text" />
    </div>
    
    <div class="date-input" >     
        <input type="text" />
    </div>
    
</div>

CSS

.time-input
{
    float: right;
    width: 65px;
    border: 2px solid #ff0000;    
}

.time-input input
{
    width: 25px;
}

.date-input input
{
    width:100%;
}

.date-input
{
    overflow: hidden; 
    border: 2px solid #00FF00;
}