added uiSelectFooter and uiSelectHeader directives.

updated uiSelect directive's transclusion to include ui-select-header and ui-select-footer elements

Author: plong0

src/uiSelectDirective.js

@@ -221,6 +221,22 @@ uis.directive('uiSelect',
           if (transcludedNoChoice.length == 1) {
             element.querySelectorAll('.ui-select-no-choice').replaceWith(transcludedNoChoice);
           }
+
+          var transcludedHeader = transcluded.querySelectorAll('.ui-select-header');
+          if(transcludedHeader && transcludedHeader.length){
+            transcludedHeader.removeAttr('ui-select-header'); //To avoid loop in case directive as attr
+            transcludedHeader.removeAttr('data-ui-select-header'); // Properly handle HTML5 data-attributes
+            $timeout(function(){
+              transcludedChoices.prepend(transcludedHeader);
+            });
+          }
+
+          var transcludedFooter = transcluded.querySelectorAll('.ui-select-footer');
+          if(transcludedFooter && transcludedFooter.length){
+            transcludedFooter.removeAttr('ui-select-footer'); //To avoid loop in case directive as attr
+            transcludedFooter.removeAttr('data-ui-select-footer'); // Properly handle HTML5 data-attributes
+            transcludedChoices.append(transcludedFooter);
+          }
         });
 
         // Support for appending the select field to the body when its open

src/uiSelectFooterDirective.js

@@ -0,0 +1,8 @@
+uis.directive('uiSelectFooter', function(){
+  return {
+    template: '<li class="ui-select-footer" ng-transclude></li>',
+    restrict: 'EA',
+    transclude: true,
+    replace: true
+  };
+});

src/uiSelectHeaderDirective.js

@@ -0,0 +1,8 @@
+uis.directive('uiSelectHeader', function(){
+  return {
+    template: '<li class="ui-select-header" ng-transclude></li>',
+    restrict: 'EA',
+    transclude: true,
+    replace: true
+  };
+});