JSFiddle - React, Tailwind, and code Playground

HTML

<section id="gantTable">
	<ul>
		<li>
		<input type="text" list="list_id"><input type="text"><input type="text"><input type="number"><input type="date"><input type="date">
		</li>
        <li>
		<input type="text" list="list_id"><input type="text"><input type="text"><input type="number"><input type="date"><input type="date">		
		</li>
	</ul>
	<datalist id="list_id">
		<option>Планирование вручную</option>
		<option>Автоматическое планирование</option>
	</datalist>
</section>

CSS

ul {
	list-style:none;
	margin:0px;
}
input {
	padding:0px;
	border:1px solid;
	height:25px;
	width:120px;
	margin:-1px;
	background: lightgrey;
}
input:valid {	
	background: lightgrey;
}