Change drop to drops to better align with opens option

Author: dangrossman

README.md

@@ -86,7 +86,7 @@ $('input[name="daterange"]').daterangepicker(
 
 `opens`: (string: 'left'/'right'/'center') Whether the picker appears aligned to the left, to the right, or centered under the HTML element it's attached to
 
-`drop`: (string: 'down' or 'up') Whether the picker opens below (default) or above the element it's attached to
+`drops`: (string: 'down' or 'up') Whether the picker opens below (default) or above the element it's attached to
 
 `buttonClasses`: (array) CSS class names that will be added to all buttons in the picker
 

daterangepicker.js

@@ -132,9 +132,9 @@
             if (this.element.hasClass('pull-right'))
                 this.opens = 'left';
 
-            this.drop = 'down';
+            this.drops = 'down';
             if (this.element.hasClass('dropup'))
-                this.drop = 'up';
+                this.drops = 'up';
 
             this.buttonClasses = ['btn', 'btn-small btn-sm'];
             this.applyClass = 'btn-success';
@@ -240,8 +240,8 @@
             if (typeof options.opens === 'string')
                 this.opens = options.opens;
 
-            if (typeof options.drop === 'string')
-                this.drop = options.drop;
+            if (typeof options.drops === 'string')
+                this.drops = options.drops;
 
             if (typeof options.showWeekNumbers === 'boolean') {
                 this.showWeekNumbers = options.showWeekNumbers;
@@ -561,11 +561,11 @@
                 parentRightEdge = this.parentEl[0].clientWidth + this.parentEl.offset().left;
             }
 
-            if(this.drop=='up')
-            	containerTop=this.element.offset().top - this.container.outerHeight() - parentOffset.top;
+            if (this.drops == 'up')
+            	containerTop = this.element.offset().top - this.container.outerHeight() - parentOffset.top;
             else
-            	containerTop=this.element.offset().top + this.element.outerHeight() - parentOffset.top;
-            this.container[this.drop=='up'?'addClass':'removeClass']('dropup');
+            	containerTop = this.element.offset().top + this.element.outerHeight() - parentOffset.top;
+            this.container[this.drops == 'up' ? 'addClass' : 'removeClass']('dropup');
 
             if (this.opens == 'left') {
                 this.container.css({

examples.html

@@ -257,7 +257,7 @@ <h4>And also can drop "up"</h4>
                <script type="text/javascript">
                $(document).ready(function() {
                   $('#dropup').daterangepicker({
-                      drop:'up'
+                      drops:'up'
                   });
                });
                </script>