Angularjs bootstrap datepicker in inline form (is it possible> -


i have bootstrap inline form. when integrated angularjs bootstrap datepicker, datepicker text field going in second line , breaks shape of bootstrap inline form. way can avoid that?

<style>    .full button span {      background-color: limegreen;      border-radius: 32px;      color: black;    }    .partially button span {      background-color: orange;      border-radius: 32px;      color: black;    }  </style>
<form class="form-inline" role="form">          <div class="form-group">              <label for="email">email address:</label>              <input type="email" class="form-control" id="email">          </div>                <div class="col-md-2,form-group" style=" width: 185px;">          <p class="input-group">              <input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="dt" is-open="opened" min-date="mindate" max-date="'2015-06-22'" datepicker-options="dateoptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="close" />              <span class="input-group-btn">                  <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>              </span>          </p>      </div>        <div class="form-group">              <label for="pwd">password:</label>              <input type="password" class="form-control" id="pwd">          </div>         <button type="submit" class="btn btn-default">submit</button>      </form>

thank you


Comments

Popular posts from this blog

How to connect android app to App engine -

gcc - MinGW's ld cannot perform PE operations on non PE output file -

php - display validation error message next to the textbox in codeigniter -