daterangepicker-4.x 4.9.0 → 4.9.2

package/README.md

@@ -18,8 +18,8 @@ Above samples are based on the [original repository](https://github.com/dangross
 ```html
 <script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
 <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/luxon@3.5.0/build/global/luxon.min.js"></script>
-<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker-4.x@4.9.0/daterangepicker.min.js"></script>
-<link type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker-4.x@4.9.0/daterangepicker.min.css" rel="stylesheet" />
+<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker-4.x@4.9.2/daterangepicker.min.js"></script>
+<link type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker-4.x@4.9.2/daterangepicker.min.css" rel="stylesheet" />
 
 <input type="text" id="daterange" />
 
@@ -231,7 +231,7 @@ use <a href="#event_timeChange.daterangepicker">&quot;timeChange.daterangepicker
 <dd><p>Emitted when the time changed. Does not trigger when date is changed</p>
 </dd>
 <dt><a href="#event_inputChanged.daterangepicker">"inputChanged.daterangepicker" (this)</a></dt>
-<dd><p>Emitted when the date is changed through <code>&lt;input&gt;</code> element. Event is only triggered when date string is valid date value/range has been changed</p>
+<dd><p>Emitted when the date is changed through <code>&lt;input&gt;</code> element. Event is only triggered when date string is valid and date value has changed</p>
 </dd>
 </dl>
 
@@ -580,7 +580,7 @@ Emitted when the time changed. Does not trigger when date is changed
 <a name="event_inputChanged.daterangepicker"></a>
 
 ## "inputChanged.daterangepicker" (this)
-Emitted when the date is changed through `<input>` element. Event is only triggered when date string is valid date value/range has been changed
+Emitted when the date is changed through `<input>` element. Event is only triggered when date string is valid and date value has changed
 
 **Kind**: event emitted  
 
@@ -627,6 +627,7 @@ Options for DateRangePicker
 | isCustomDate | <code>function</code> | <code>false</code> | A function that is passed each date in the two calendars before they are displayed,  and may return a string or array of CSS class names to apply to that date's calendar cell.<br/> Signature: `isCustomDate(date)` |
 | altInput | <code>string</code> \| <code>Array</code> | <code>null</code> | A [jQuery selector](https://api.jquery.com/category/selectors/) string for an alternative ouput (typically hidden) `<input>` element. Requires `altFormat` to be set.<br/> Must be a single string for `singleDatePicker: true` or an array of two strings for `singleDatePicker: false`<br/> Example: `['#start', '#end']` |
 | altFormat | <code>function</code> \| <code>string</code> | <code></code> | The output format used for `altInput`.<br/> Either a string used with [toFormat()](https://moment.github.io/luxon/api-docs/index.html#datetimetoformat) or a function.<br/> Examples: `'yyyyMMddHHmm'`, `(date) => date.toUnixInteger()` |
+| warnings | <code>boolean</code> | <code>true</code> | When enabled, then warning are printed to console if input date violates  `minDate`, `maxDate`, `minSpan`, `maxSpan`, `timePickerStepSize`, 'isInvalidDate', 'isInvalidTime' |
 | applyButtonClasses | <code>string</code> | <code>&quot;btn-primary&quot;</code> | CSS class names that will be added only to the apply button |
 | cancelButtonClasses | <code>string</code> | <code>&quot;btn-default&quot;</code> | CSS class names that will be added only to the cancel button |
 | buttonClasses | <code>string</code> |  | Default: `'btn btn-sm'`<br/>CSS class names that will be added to both the apply and cancel buttons. |

package/daterangepicker.js

@@ -119,6 +119,8 @@
         * @property {function|string} altFormat=null - The output format used for `altInput`.<br/>
         * Either a string used with {@link https://moment.github.io/luxon/api-docs/index.html#datetimetoformat|toFormat()} or a function.<br/>
         * Examples: `'yyyyMMddHHmm'`, `(date) => date.toUnixInteger()`
+        * @property {boolean} warnings=true - When enabled, then warning are printed to console if input date violates 
+        * `minDate`, `maxDate`, `minSpan`, `maxSpan`, `timePickerStepSize`, 'isInvalidDate', 'isInvalidTime'
 
         * @property {string} applyButtonClasses=btn-primary - CSS class names that will be added only to the apply button
         * @property {string} cancelButtonClasses=btn-default - CSS class names that will be added only to the cancel button
@@ -668,32 +670,32 @@
         //
 
         this.container.find('.drp-calendar')
-            .on('click.daterangepicker', '.prev', $.proxy(this.clickPrev, this))
-            .on('click.daterangepicker', '.next', $.proxy(this.clickNext, this))
-            .on('mousedown.daterangepicker', 'td.available', $.proxy(this.clickDate, this))
-            .on('mouseenter.daterangepicker', 'td.available', $.proxy(this.hoverDate, this))
-            .on('change.daterangepicker', 'select.yearselect', $.proxy(this.monthOrYearChanged, this))
-            .on('change.daterangepicker', 'select.monthselect', $.proxy(this.monthOrYearChanged, this))
-            .on('change.daterangepicker', 'select.hourselect,select.minuteselect,select.secondselect,select.ampmselect', $.proxy(this.timeChanged, this));
+            .on('click.daterangepicker', '.prev', this.clickPrev.bind(this))
+            .on('click.daterangepicker', '.next', this.clickNext.bind(this))
+            .on('mousedown.daterangepicker', 'td.available', this.clickDate.bind(this))
+            .on('mouseenter.daterangepicker', 'td.available', this.hoverDate.bind(this))
+            .on('change.daterangepicker', 'select.yearselect', this.monthOrYearChanged.bind(this))
+            .on('change.daterangepicker', 'select.monthselect', this.monthOrYearChanged.bind(this))
+            .on('change.daterangepicker', 'select.hourselect,select.minuteselect,select.secondselect,select.ampmselect', this.timeChanged.bind(this));
 
         this.container.find('.ranges')
-            .on('click.daterangepicker', 'li', $.proxy(this.clickRange, this))
-            .on('mouseenter.daterangepicker', 'li', $.proxy(this.hoverRange, this));
+            .on('click.daterangepicker', 'li', this.clickRange.bind(this))
+            .on('mouseenter.daterangepicker', 'li', this.hoverRange.bind(this));
 
         this.container.find('.drp-buttons')
-            .on('click.daterangepicker', 'button.applyBtn', $.proxy(this.clickApply, this))
-            .on('click.daterangepicker', 'button.cancelBtn', $.proxy(this.clickCancel, this));
+            .on('click.daterangepicker', 'button.applyBtn', this.clickApply.bind(this))
+            .on('click.daterangepicker', 'button.cancelBtn', this.clickCancel.bind(this));
 
         if (this.element.is('input') || this.element.is('button')) {
             this.element.on({
-                'click.daterangepicker': $.proxy(this.show, this),
-                'focus.daterangepicker': $.proxy(this.show, this),
-                'keyup.daterangepicker': $.proxy(this.elementChanged, this),
-                'keydown.daterangepicker': $.proxy(this.keydown, this) //IE 11 compatibility
+                'click.daterangepicker': this.show.bind(this),
+                'focus.daterangepicker': this.show.bind(this),
+                'keyup.daterangepicker': this.elementChanged.bind(this),
+                'keydown.daterangepicker': this.keydown.bind(this) //IE 11 compatibility
             });
         } else {
-            this.element.on('click.daterangepicker', $.proxy(this.toggle, this));
-            this.element.on('keydown.daterangepicker', $.proxy(this.toggle, this));
+            this.element.on('click.daterangepicker', this.toggle.bind(this));
+            this.element.on('keydown.daterangepicker', this.toggle.bind(this));
         }
 
         //
@@ -1799,7 +1801,7 @@
             if (this.isShowing) return;
 
             // Create a click proxy that is private to this instance of datepicker, for unbinding
-            this._outsideClickProxy = $.proxy(function (e) { this.outsideClick(e); }, this);
+            this._outsideClickProxy = function (e) { this.outsideClick(e); }.bind(this);
 
             // Bind global datepicker mousedown for hiding and
             $(document)
@@ -1812,7 +1814,7 @@
                 .on('focusin.daterangepicker', this._outsideClickProxy);
 
             // Reposition the picker if the window is resized while it's open
-            $(window).on('resize.daterangepicker', $.proxy(function (e) { this.move(e); }, this));
+            $(window).on('resize.daterangepicker', function (e) { this.move(e); }.bind(this));
 
             this.oldStartDate = this.startDate;
             this.oldEndDate = this.endDate;
@@ -2448,7 +2450,8 @@
             }
 
             if (!start.isValid || !end.isValid) {
-                console.error(`Input string '${dateString}' is not valid`);
+                // Does not make much sense, because error would be printed on each character
+                //console.error(`Input string '${dateString}' is not valid`);
                 return;
             }
             const trigger = this.startDate != start || (!this.singleDatePicker && this.endDate != end);
@@ -2457,7 +2460,7 @@
             this.setEndDate(end, false);
             this.updateView();
             /**
-            * Emitted when the date is changed through `<input>` element. Event is only triggered when date string is valid date value/range has been changed
+            * Emitted when the date is changed through `<input>` element. Event is only triggered when date string is valid and date value has changed
             * @event
             * @name "inputChanged.daterangepicker"
             * @param {DateRangePicker} this - The daterangepicker object

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "daterangepicker-4.x",
-  "version": "4.9.0",
+  "version": "4.9.2",
   "description": "Date range picker with time component and pre-defined ranges",
   "main": "daterangepicker.js",
   "style": "daterangepicker.css",