daterangepicker-4.x 4.8.3 → 4.9.1

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.8.3/daterangepicker.min.js"></script>
-<link type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker-4.x@4.8.3/daterangepicker.min.css" rel="stylesheet" />
+<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker-4.x@4.9.1/daterangepicker.min.js"></script>
+<link type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker-4.x@4.9.1/daterangepicker.min.css" rel="stylesheet" />
 
 <input type="text" id="daterange" />
 
@@ -230,6 +230,9 @@ use <a href="#event_timeChange.daterangepicker">&quot;timeChange.daterangepicker
 <dt><a href="#event_timeChange.daterangepicker">"timeChange.daterangepicker" (this, side)</a></dt>
 <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 and date value has changed</p>
+</dd>
 </dl>
 
 ## Typedefs
@@ -574,6 +577,17 @@ Emitted when the time changed. Does not trigger when date is changed
 | this | [<code>DateRangePicker</code>](#DateRangePicker) | The daterangepicker object |
 | side | <code>string</code> | Either `'start'` or `'end'` indicating whether startDate or endDate was 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 and date value has changed
+
+**Kind**: event emitted  
+
+| Param | Type | Description |
+| --- | --- | --- |
+| this | [<code>DateRangePicker</code>](#DateRangePicker) | The daterangepicker object |
+
 <a name="Options"></a>
 
 ## Options
@@ -613,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
@@ -2426,6 +2428,7 @@
         * Update the picker with value from attached `<input>` element.
         * Error is written to console if input string cannot be parsed as a valid date/range
         * @param {external:jQuery} e - The Event target
+        * @emits "inputChanged.daterangepicker"
         * @private
         */
         elementChanged: function (e) {
@@ -2447,13 +2450,23 @@
             }
 
             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);
 
             this.setStartDate(start, false);
             this.setEndDate(end, false);
             this.updateView();
+            /**
+            * 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
+            */
+            if (trigger)
+                this.element.trigger('inputChanged.daterangepicker', this);
         },
 
         /**

package/package.json

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