angularjs - Angular UI Datepicker not functioning -

no errors in javascript console, resources seem loading, datepicker doesn't pop when input text field clicked.

app.js

 var app = angular.module('appform', ['ngsanitize','ui.bootstrap', 'leaflet-directive']).   config(['$routeprovider', function($routeprovider) {   $routeprovider.       when('/', {templateurl: 'partials/landmark-list.html', controller: landmarklistctrl}).  }]); 

html

    <div class="control-group input-append">       <input type="text" ng-model="landmark.time.start" data-date-format="dd/mm/yyyy" bs-datepicker>       <button type="button" class="btn" data-toggle="datepicker"><i class="icon-calendar"></i></button>     </div> 

index.html resources

  <link rel="stylesheet" href="css/app.css">   <link rel="stylesheet" href="css/bootstrap.css">   <link rel="stylesheet" href="css/bootstrap-datepicker.css">   <link href="css/flat-ui.css" rel="stylesheet">    <script src="lib/jquery/jquery-1.10.1.min.js"></script>   <script src="lib/angular/angular.min.js"></script>   <script src="lib/angular/angular-sanitize.min.js"></script>   <script src="lib/angular/angular-resource.js"></script>   <script src="lib/angular/ui-bootstrap-0.3.0.min.js"></script>   <script src="lib/angular-leaflet-directive.js"></script>   <script src="lib/bootstrap-datepicker.js"></script>    <script src="js/app.js"></script>   <script src="js/controllers.js"></script>   <script src="js/filters.js"></script>   <script src="js/services.js"></script> 

although old question, thought may in future. found flat-ui css , angular ui's datepicker not behave each other. faced same issue , through trial , error found removing flat-ui.css imports made datepicker appear.

the solution worked me add following custom css.

ul.dropdown-menu {     visibility: visible;     opacity: 1; }