JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/css/bootstrap.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<div class="container-fluid cloned-row1 educat_info" id="cloned-row1" name="cloned-row1">
    <!-- first row-->
    <div class="row">
        <div class="col-xs-6 col-sm-3 col-md-4 col-lg-3">
            <label>
                <span class="required-star">*</span>School Name</label>
            <br/>
            <select class="slt_Field txt_schName" id="txt_schName" name="txt_schName[]">
                <option value="">Please Select School Name</option>
                <option value="Emirates College of Technology- UAE">COL000001</option>
                <option value="Al Khawarizmi International College- UAE">COL000002</option>
                <option value="Syscoms College">COL000003</option>
                <option value="Abounajm Khanj Pre-Uni Center">COL000004</option>
                <option value="Advanced Placement">COL000005</option>
                <option value="Al Buraimi College (Uni Clge)">COL000006</option>
                <option value="Al-Ain Community College">COL000007</option>
                <option value="AMA Computer College">COL000008</option>
                <option value="Arab Academy for Bankg and Fin">COL000009</option>		
                <option value="ARABACDSCITECHMARTIMETRNS">COL000010</option>		
                <option value="Arapahoe Community College">COL000011</option>		
                <option value="other">Other</option>
            </select>                                            
        </div>
        <div class="col-xs-6 col-sm-3 col-md-4 col-lg-3">
            <br>
                <input type="text" class="ipt_Field school_Name" name="school_Name" id="school_Name" disabled/>
                </div>
       ...

JavaScript

$(document).ready(function () {	
var currentDate = new Date();
	$(".deg_date").datepicker({
        dateFormat: "mm-dd-yy",
        changeMonth: true,
		yearRange: "-100:+0",
        changeYear: true,
		maxDate: new Date(),
        showButtonPanel: false,
        beforeShow: function () {
            setTimeout(function (){
            $('.ui-datepicker').css('z-index', 99999999999999);
                
            }, 0);
        }
    });
	$(".deg_date").datepicker("setDate", currentDate);

var count=0;
		$(document).on("click", ".edu_add_button", function () { 
			alert("checj");
	        var $clone = $('.cloned-row1:eq(0)').clone(true,true);
	        //alert("Clone number" + clone);
	        $clone.find('[id]').each(function(){this.id+='someotherpart'});
	        $clone.find('.btn_more').after("<input type='button' class='btn_less1' value='less' id='buttonless'/>")
	        $clone.attr('id', "added"+(++count));
			$clone.find(".school_Name").attr('disabled', true).val('');
            $clone.find(".degree_Description").attr('disabled', true).val('');
			$clone.find("input.deg_date")
                      .removeClass('hasDatepicker')
                      .removeData('datepicker')
                      .unbind()
                      .datepicker();
	        $(this).parents('.educat_info').after($clone);
	    });
		$(document).on('click', ".btn_less1", function (){
			var len = $('.cloned-row1').length;
			if(len>1){
				$(this).closest(".btn_less1").parent().parent().parent().remove();
			}
		});
    });