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
Post a Comment