Merge pull request #19 from DavorPadovan/master

Support for en/disabledHours, en/disabledDates, sideBySide and widgetPositioning options added

Author: btecu

README.md

@@ -36,7 +36,7 @@ Basic example:
 
 Returns: `date`, `null`
 
-Fired when the date is changed
+Fired when the date is changed.
 
 
 
@@ -52,7 +52,22 @@ Accepts: `date`, `moment`, `string`
 {{bs-datetimepicker date=myDate}}
 ```
 
-Sets the picker date/time
+Sets the picker date/time.
+
+
+
+#### en/disabledHours
+
+Default: `false`
+
+Accepts: `array` of [`number`]
+
+```handlebars
+{{bs-datetimepicker date=myDate disabledHours=disabledHours}}
+{{bs-datetimepicker date=myDate enabledHours=enabledHours}}
+```
+
+Disables/enables selection of dates in the array.
 
 
 
@@ -66,7 +81,7 @@ Accepts: `boolean`
 {{bs-datetimepicker date=myDate focusOnShow=false}}
 ```
 
-If `false`, the textbox will not be given focus when the picker is shown
+If `false`, the textbox will not be given focus when the picker is shown.
 
 
 
@@ -115,7 +130,7 @@ Accepts: `string`, `moment.local('locale')`
 {{bs-datetimepicker date=myDate locale='de'}}
 ```
 
-Use the specified locale for text rendering
+Use the specified locale for text rendering.
 
 
 
@@ -129,7 +144,7 @@ Accepts: `date`, `moment`, `string`
 {{bs-datetimepicker date=myDate maxDate=myMaxDate}}
 ```
 
-Prevents date/time selections after this date
+Prevents date/time selections after this date.
 
 
 
@@ -143,7 +158,7 @@ Accepts: `date`, `moment`, `string`
 {{bs-datetimepicker date=myDate minDate=myMinDate}}
 ```
 
-Prevents date/time selections before this date
+Prevents date/time selections before this date.
 
 
 
@@ -157,21 +172,22 @@ Accepts: `array` of [`number`]
 {{bs-datetimepicker daysOfWeekDisabled=daysOfWeekDisabled}}
 ```
 
-Disables selection of days in the array, e.g. sundays
+Disables selection of days in the array, e.g. sundays.
 
 
 
-#### disabledDates
+#### en/disabledDates
 
 Default: `false`
 
 Accepts: `array` of [`date`, `moment`, `string`]
 
 ```handlebars
 {{bs-datetimepicker disabledDates=disabledDates}}
+{{bs-datetimepicker enabledDates=enabledDates}}
 ```
 
-Disables selection of dates in the array, e.g. holidays
+Disables/enables selection of dates in the array, e.g. holidays.
 
 
 
@@ -185,7 +201,7 @@ Accepts: `boolean`
 {{bs-datetimepicker date=myDate openOnFocus=true}}
 ```
 
-Opens the picker on input focus
+Opens the picker on input focus.
 
 
 
@@ -215,7 +231,7 @@ Accepts: `boolean`
 ```
 
 Show the *Close* button in the icon toolbar.
-Clicking the *Close* button will call `hide()`
+Clicking the *Close* button will call `hide()`.
 
 
 
@@ -234,6 +250,20 @@ Clicking the *Today* button will set the calendar view and set the date to `now`
 
 
 
+#### sideBySide
+
+Default: `false`
+
+Accepts: `boolean`
+
+```handlebars
+{{bs-datetimepicker date=myDate sideBySide=true}}
+```
+
+Show calendar and time side by side.
+
+
+
 #### useCurrent
 
 Default: `false`
@@ -278,6 +308,20 @@ The default view to display when the picker is shown.
 
 
 
+#### widgetPositioning
+
+Default: `{ horizontal: 'auto', vertical: 'auto' }`
+
+Accepts: `object` with all or one of the parameters above (horizontal: 'auto', 'left', 'right'; vertical: 'auto', 'top', 'bottom')
+
+```handlebars
+{{bs-datetimepicker date=myDate widgetPositioning=widgetPositioning}}
+```
+
+Will position widget according to the parameters given in object.
+
+
+
 ## License
 
 [MIT License](https://github.com/btecu/ember-cli-bootstrap-datetimepicker/blob/master/LICENSE.md)

addon/components/bs-datetimepicker.js

@@ -46,6 +46,9 @@ export default Component.extend({
       date: this.getWithDefault('date', defaults.defaultDate),
       daysOfWeekDisabled: this.getWithDefault('daysOfWeekDisabled', defaults.daysOfWeekDisabled),
       disabledDates: this.getWithDefault('disabledDates', defaults.disabledDates),
+      disabledHours: this.getWithDefault('disabledHours', defaults.disabledHours),
+      enabledDates: this.getWithDefault('enabledDates', defaults.enabledDates),
+      enabledHours: this.getWithDefault('enabledHours', defaults.enabledHours),
       focusOnShow: this.getWithDefault('focusOnShow', defaults.focusOnShow),
       format: this.getWithDefault('format', defaults.format),
       icons,
@@ -55,9 +58,11 @@ export default Component.extend({
       showClear: this.getWithDefault('showClear', defaults.showClear),
       showClose: this.getWithDefault('showClose', defaults.showClose),
       showTodayButton: this.getWithDefault('showTodayButton', defaults.showTodayButton),
+      sideBySide: this.getWithDefault('sideBySide', defaults.sideBySide),
       useCurrent: this.getWithDefault('useCurrent', false),
       viewDate: this.getWithDefault('viewDate', defaults.viewDate),
-      viewMode: this.getWithDefault('viewMode', defaults.viewMode)
+      viewMode: this.getWithDefault('viewMode', defaults.viewMode),
+      widgetPositioning: this.getWithDefault('widgetPositioning', defaults.widgetPositioning)
     }).on('dp.change', e => {
       // Convert moment to js date or default to null
       let newDate = e.date && e.date.toDate() || null;