<div class="col-md-6">        

            <div class="md-form ">

                <select class="mdb-select" searchable="Search here.." name="category" id="category" data-visible-options="-1" required>

                            >

                  <option>1</option>

                  <option>2</option>

                  <option>3</option>

                  <option>4</option>

                </select>

                <label for="category">Call Category </label>

                <div class="invalid-feedback">

                    Please select a Call Category.

                </div>

            </div>

        </div>  

  <div class="col-md-6"> 

        <div class="md-form">

            <input  type="text" name="worksdate" id="worksdate" class="form-control datepicker"  required>

            <label for="worksdate">Works Date</label>

        </div>

    </div>