JSFiddle - React, Tailwind, and code Playground

by cmruser

HTML

<div class="dropdown" role="combobox" data-dropdown="search">
                    <span class="input">
                        <input name="programName" class="textbox" id="ProgramName" placeholder="Search Program Name" type="text" value="">
                        <button type="button" name="gridview" value="clear" aria-hidden="true" data-bind="{&quot;programName&quot;:null, &quot;status&quot;:null, &quot;startAfter&quot;:null, &quot;endBefore&quot;:null, &quot;url&quot;:&quot;/Rebate/home/GetProgram&quot;}" data-click="search"><i class="icon small" data-dismiss="">clear</i></button>
                        <button type="button" name="gridview" data-bind="{&quot;programName&quot;:null, &quot;status&quot;:null, &quot;startAfter&quot;:null, &quot;endBefore&quot;:null, &quot;url&quot;:&quot;/Rebate/home/GetProgram&quot;}" data-click="search"><i class="icon small" data-dismiss="">search</i></button>
                        <button type="button" name="dropdown" data-click="toggle"><i class="icon small">arrow_drop_down</i></button>

                    </span>
                    <div class="dropdown-menu" data-dropdown-menu="">
                        <ul class="field">
                            <li class="field-item">
                                <label>Status</label>
                                <div>
                                    <select name="status" id="Status"><option value="">-- All --</option>
<option value="2">Active</option>
<option value="3">Deleted</option>
<option value="1">Draft</option>
<option value="4">Inactive</option>
</select>
                                </div>
                            </li>
                            <li class="field-item">
                                <label>Starting After</label>
                                <div>
                                    <input name="startAfter" data-click="input" data-date-start="search" data-name="date" id="StartAfter" placeholder="mm/dd/yyyy" type="text" value="">
    ...