JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://web-sputnik.info/demo/simple-calendar/tcal.js"></script>
<link rel="stylesheet" href="http://web-sputnik.info/demo/simple-calendar/tcal.css">
<script language="JavaScript">
	function addpole()
	{
		var table = document.getElementById("list");
		var count = table.rows.length-2;
		var row = table.insertRow(count);
		(function(pole){
		//btn
			var cell1 = row.insertCell(0);
			var element1 = document.createElement("input");
			element1.type = "button";
			element1.onclick = function(event) {
				delpole(pole);
			};	
			element1.value = '-';
			cell1.appendChild(element1);
			//num
			var cell2 = row.insertCell(1);
			cell2.innerHTML = pole;
			//fio
			var cell3 = row.insertCell(2);
			var element3 = document.createElement("input");
			element3.type = "text";
			element3.size = 70;
			element3.required = "required";
			element3.placeholder='ФИО пациента';
			element3.id = "fio_" + pole;
			element3.name = element3.id;
			element3.form = 'listname';
			cell3.appendChild(element3);
			//pol
			var cell4 = row.insertCell(3);
			var element4 = document.createElement("select");
			var sel1 =  document.createElement('option');
			sel1.setAttribute('value', 0);
			sel1.innerHTML = "М";
			element4.appendChild(sel1);
			var sel2 =  document.createElement('option');
			sel2.setAttribute('value', 1);
			sel2.innerHTML = "Ж";
			element4.appendChild(sel2);
			element4.id = "pol_" + pole;
			element4.name = element4.id;
			element4.form = 'listname';
			cell4.appendChild(element4);
			//birthday	
			var cell5 = row.insertCell(4);
			var element5 = document.createElement("input");
			element5.type = "text";
			element5.size = '10';
			element5.value = '01/01/1990';
			element5.class = "tcal";
			element5.id = "birthday_" + pole;
			element5.name = element5.id;
			element5.form = 'listname';
			cell5.appendChild(element5);
			
			//work
			var cell6 = row.insertCell(5);
			var element6 =...