Zindex uib-datepicker problem with modal

[joweste]

Hi,

I have x-editable from with uib-bootstrap datepicker. My problem is when I click the button to open o dropdown datepicker it remains behind the modal form. It´s a z-index problem.

Is there some settings to avoid ait?

<div class="modal-content">
  	<div class="modal-body">
		<uib-tabset active="activePill" vertical="false" type="pills">
          <uib-tab index="0" heading="Agendamento">		
			<tbody >
			   <tr ng-repeat="row in rowsDisplayed">
					<td width="30%"><span e-form="tableform" 
						e-name="VALIDADE"  onbeforesave="checkData($data)" id="mydataValor" 
						onshow="onShowForm(row,true)"  
						onhide="onShowForm(row,false)"
						editable-bsdate="row.VALIDADE" e-on-open-focus="false" 
						e-is-open="opened.$data" e-ng-click="open($event,'$data')"
						e-datepicker-popup="dd-MM-yyyy" e-datepicker-append-to-body="true">
							{{row.VALIDADE|date:'dd.MM.yyyy'}}
						</span>
					</td>

					<td style="white-space: nowrap" class="center_td_all" width="20%">
						   <div class="buttons" ng-show="!tableform.$visible">
							   <button title="Editar"  ng-click="tableform.$show()"
								   class="btn btn-warning btn-sm">
									<icon class="glyphicon glyphicon-edit"></icon>
							   </button>
							   <button title="Remover" ng-click="delete(row)" class="btn btn-danger btn-sm">
									<icon class="glyphicon glyphicon-remove"></icon>
							   </button>
						   </div>
						   <form editable-form name="tableform" onaftersave="saveItem(row)" 
							  ng-show="tableform.$visible" 
								   oncancel="canceledit()" class="form-buttons form-inline" shown="inserted == row">
								<button type="submit" ng-disabled="tableform.$waiting" class="btn btn-primary">
								  <i class="fa fa-floppy-o" aria-hidden="true"></i>&nbsp;Salvar
								</button>
								<button type="button" ng-disabled="tableform.$waiting" 
								ng-click="tableform.$cancel()" class="btn btn-success">
									<i class="fa fa-close"></i>&nbsp;Fechar
								</button>
						   </form>       
					</td>
				</tr>
			</tbody>
	    </uib-tab>
	</uib-tabset>
   </div>
</div>

[ckosloski]

Maybe this link will help you.