Merge pull request #6 from IbrahimHd/master

adding optional Custom cssClass

Author: g1eb

README.md

@@ -68,6 +68,7 @@ For both date and time input
 | datetime | moment.js datetime object or a datetime string | none | no |
 | format | moment.js compatible date/time format | none | no |
 | placeholder | Placeholder is shown when input object is undefined | none | no |
+| cssClass | custom css class name | pre-defined style | no |
 | on-change | Handler function that is fired on change of datetime object | none | no |
 
 ## Dependencies

src/date-input.html

@@ -1,5 +1,5 @@
 <div class="datetime-input date">
-  <div class="display"
+  <div class="{{cssClass || 'display'}}"
     ng-click="toggleEditPopover()"
     ng-class="{'active': !!selected }">
     <div class="date" ng-bind="date.format('DD MMMM YYYY')"></div>

src/date-input.js

@@ -11,7 +11,8 @@ directive('dateInput', ['$document', function ($document) {
       date: '=',
       format: '=?',
       onChange: '&',
-      placeholder: '@'
+      placeholder: '@',
+      cssClass:'@'
     },
     replace: true,
     templateUrl: './date-input.html',

src/datetime-input.html

@@ -1,5 +1,5 @@
 <div class="datetime-input datetime">
-  <div class="display"
+  <div class="{{cssClass || 'display'}}"
     ng-click="toggleEditPopover()"
     ng-class="{'active': !!selected }">
     <div class="date" ng-bind="datetime.format('DD MMMM YYYY')"></div>

src/datetime-input.js

@@ -11,7 +11,8 @@ directive('datetimeInput', ['$document', function ($document) {
       datetime: '=',
       format: '=?',
       onChange: '&',
-      placeholder: '@'
+      placeholder: '@',
+      cssClass:'@'
     },
     replace: true,
     templateUrl: './datetime-input.html',

src/time-input.html

@@ -1,5 +1,5 @@
 <div class="datetime-input time">
-  <div class="display"
+  <div class="{{cssClass || 'display'}}"
     ng-click="toggleEditPopover()"
     ng-class="{'active': !!selected }">
     <div class="time" ng-bind="time.format('HH : mm : ss')"></div>

src/time-input.js

@@ -11,7 +11,8 @@ directive('timeInput', ['$document', function ($document) {
       time: '=',
       format: '=?',
       onChange: '&',
-      placeholder: '@'
+      placeholder: '@',
+      cssClass:'@'
     },
     replace: true,
     templateUrl: './time-input.html',