JSFiddle - React, Tailwind, and code Playground

HTML

<tr>
                                <td>
                                    <div class="row noPadding vendorForm">
                                        <div class="vendorDaterow">
                                            <div class="vendorName" id="dvVendorNameData">
                                                <label>SP Vender Name</label><span><input type="text" name="nmVendorData" id="txtVendorName1"></span>
                                            </div>
                                            <div class="vendorFromDate">
                                                <label>From Date</label><span class="datepicker"><input type="text" name="nmVendorData" id="spFromDate1" class="hasDatepicker"><i class="fa fa-calendar" aria-hidden="true"></i></span>
                                            </div>
                                            <div class="vendorToDate">
                                                <label>To Date</label><span class="datepicker"><input type="text" name="nmVendorData" id="spToDate1" class="hasDatepicker"><i class="fa fa-calendar" aria-hidden="true"></i></span>
                                            </div>
                                        </div>
                                        <div class="add">
                                            <i class="fa fa-plus" aria-hidden="true"></i>
                                        </div>
                                        <i class="max">(Maximum 5 Vendors)</i>

                                    </div>
                                </td>
                            </tr>
                            
<tr>
                                <td>
                                    <div class="row noPadding vendorForm">
                                        <div class="vendorDaterow">
                                            <div class="vendorName" id="dvVendorNameData">
                                                <label>SP Vender...