Added optional date and time formats used for display.

Author: g1eb

src/date-input.html

@@ -2,7 +2,7 @@
   <div ng-click="toggleEditPopover()"
     class="display"
     ng-class="{'active': !!selected, 'warning': !!warning, '{{cssClass}}': !!cssClass}">
-    <div class="date" ng-bind="date.format('DD MMMM YYYY')"></div>
+    <div class="date" ng-bind="date.format(dateFormat || 'DD MMMM YYYY')"></div>
     <div ng-if="!date" class="placeholder" ng-bind="placeholder"></div>
   </div>
   <div class="edit-popover" ng-show="!!selected">

src/date-input.js

@@ -10,6 +10,7 @@ directive('dateInput', ['$document', '$timeout', function ($document, $timeout)
     scope: {
       date: '=',
       format: '=?',
+      dateFormat: '=?',
       minDate:'=?',
       maxDate:'=?',
       onChange: '&',

src/datetime-input.html

@@ -2,8 +2,8 @@
   <div ng-click="toggleEditPopover()"
     class="display"
     ng-class="{'active': !!selected, 'warning': !!warning, '{{cssClass}}': !!cssClass}">
-    <div class="date" ng-bind="datetime.format('DD MMMM YYYY')"></div>
-    <div class="time" ng-bind="datetime.format('HH : mm : ss')"></div>
+    <div class="date" ng-bind="datetime.format(dateFormat || 'DD MMMM YYYY')"></div>
+    <div class="time" ng-bind="datetime.format(timeFormat || 'HH : mm : ss')"></div>
     <div ng-if="!datetime" class="placeholder" ng-bind="placeholder"></div>
   </div>
   <div class="edit-popover" ng-show="!!selected">

src/datetime-input.js

@@ -10,6 +10,8 @@ directive('datetimeInput', ['$document', '$timeout', function ($document, $timeo
     scope: {
       datetime: '=',
       format: '=?',
+      dateFormat: '=?',
+      timeFormat: '=?',
       minDate:'=?',
       maxDate:'=?',
       hourStep:'=?',

src/time-input.html

@@ -2,7 +2,7 @@
   <div ng-click="toggleEditPopover()"
     class="display"
     ng-class="{'active': !!selected, 'warning': !!warning, '{{cssClass}}': !!cssClass}">
-    <div class="time" ng-bind="time.format('HH : mm : ss')"></div>
+    <div class="time" ng-bind="time.format(timeFormat || 'HH : mm : ss')"></div>
     <div ng-if="!time" class="placeholder" ng-bind="placeholder"></div>
   </div>
   <div class="edit-popover" ng-show="!!selected">

src/time-input.js

@@ -10,6 +10,7 @@ directive('timeInput', ['$document', '$timeout', function ($document, $timeout)
     scope: {
       time: '=',
       format: '=?',
+      timeFormat: '=?',
       minDate:'=?',
       maxDate:'=?',
       hourStep : '=?',