Field input overlapping calendar field

0

Good morning !! I have the following problem, I have a text field with icon, however, when I select the calendar field just below, the input field is overlapping the calendar field. Any idea what that might be ?? Below is the code and self-explanatory image.

<div class="form-group">
    <label>Nome</label>
    <div id="listas">
    <div class="input-group">
        <input class="form-control" name="colaborador" id="colaborador" value="" required>
        <span class="input-group-btn">
           <button class="btn btn-primary" type="button" id="add_field"><i class="fa fa-plus"></i></button>
        </span>
        </div>
    </div>
</div>                              
<div class="form-group">
    <label>Data Inicial</label>
    <input class="form-control" name="dataInicial" value="" id="datepicker" data-mask="00/00/0000" style="width:100px" required>
</div>

    
asked by anonymous 04.11.2016 / 13:38

1 answer

1

In class .ui-datapicker put:

.ui-datapicker {
  z-index 9999 !important;
}

That will solve your problem.

    
04.11.2016 / 14:36