UI önyükleme: dikey olarak hizala datetimepicker

Question

Form bileşenlerimi hizalayarak sorun yaşıyorum. Gördüğünüz gibi
datetime seçici ben dikey bu bileşenleri hizaya nasıl, oybirliğine girişi

<div class="form-group"> 
    <div class="col-md-6"> 
    <label class="col-md-4 control-label" for="field_nom">Nom</label> 
    <div class="col-md-8"> 
     <input type="text" class="form-control" name="nom" id="field_nom" ng-model="vm.consultant.nom" required /> 
    </div> 
    </div> 
    <div class="col-md-6"> 
    <label class="col-md-5 control-label" for="field_dateEnregistrement">Date Enregistrement</label> 
    <div class="col-md-5 input-group"> 
     <input id="field_dateEnregistrement" type="text" class="form-control" name="dateEnregistrement" uib-datepicker-popup="{{dateformat}}" ng-model="vm.consultant.dateEnregistrement" is-open="vm.datePickerOpenStatus.dateEnregistrement" /> 
     <span class="input-group-btn"> 
         <button type="button" class="btn btn-default" ng-click="vm.openCalendar('dateEnregistrement')"><i class="glyphicon glyphicon-calendar"></i></button> 
        </span> 
    </div> 
    </div> 

</div> 
<div class="form-group"> 
    <div class="col-md-6"> 
    <label class="col-md-4 control-label" for="field_candidat">Candidat</label> 
    <div class="col-md-8"> 
     <input type="checkbox" class="form-control" name="candidat" id="field_candidat" ng-model="vm.consultant.candidat" /> 
    </div> 
    </div> 
    <div class="col-md-6"> 
    <label class="col-md-5 control-label" for="field_cooptation">Cooptation</label> 
    <div class="col-md-7"> 
     <input type="text" class="form-control" name="cooptation" id="field_cooptation" ng-model="vm.consultant.cooptation" /> 
    </div> 
    </div> 
</div> 

https://plnkr.co/edit/ZYLQAtRlWqkwh53Pm7XK?p=preview

uyum değil?

[güncelleme]
Çözüldü:

<div class="col-md-6"> 
        <label class="col-md-5 control-label" for="field_dateEnregistrement">Date Enregistrement</label> 
        <div class="col-md-5"> 
         <div class="input-group"> 
          <input id="field_dateEnregistrement" type="text" class="form-control" name="dateEnregistrement" uib-datepicker-popup="{{dateformat}}" ng-model="vm.consultant.dateEnregistrement" is-open="vm.datePickerOpenStatus.dateEnregistrement"/> 
          <span class="input-group-btn"> 
           <button type="button" class="btn btn-default" ng-click="vm.openCalendar('dateEnregistrement')"><i class="glyphicon glyphicon-calendar"></i></button> 
          </span> 
         </div> 
        </div> 
       </div> 

Answer 1

Sen CSS dosyasındaki yılında elemanın id marjı kullanabilirsiniz (ben de aşağıdaki olduğunca geniş yapmak genişliği eklendi formu) kaldırmak isteyebilirsiniz

#field_dateEnregistrement { 
margin-left:14px; 
width:211px; 
}