Add placeholder support. Add option to open picker on focus.

Author: btecu

README.md

@@ -147,6 +147,20 @@ Prevents date/time selections before this date
 
 
 
+#### openOnFocus
+
+Default: `false`
+
+Accepts: `boolean`
+
+```handlebars
+{{bs-datetimepicker date=myDate openOnFocus=true}}
+```
+
+Opens the picker on input focus
+
+
+
 #### showClear
 
 Default: `false`

addon/components/bs-datetimepicker.js

@@ -15,6 +15,9 @@ export default Component.extend({
   layout,
   tagName: 'div',
   classNames: ['input-group date'],
+  placeholder: '',
+
+  openOnFocus: false,
 
   iconClasses: computed('isTime', function() {
     if (this.get('isTime')) {
@@ -81,5 +84,13 @@ export default Component.extend({
     this.removeObserver('minDate');
 
     this.$().data('DateTimePicker').destroy();
+  },
+
+  actions: {
+    focus() {
+      if (this.get('openOnFocus')) {
+        this.$().data('DateTimePicker').show();
+      }
+    }
   }
 });

addon/templates/components/bs-datetimepicker.hbs

@@ -1,4 +1,4 @@
-<input type="text" class="form-control">
+<input type="text" class="form-control" placeholder={{placeholder}} onfocus={{action 'focus'}}>
 <span class="input-group-addon">
   <i class={{iconClasses}}></i>
 </span>