daterangepicker-4.x 4.5.0 → 4.6.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.5.0/daterangepicker.min.js"></script>
-<link type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker-4.x@4.5.0/daterangepicker.min.css" rel="stylesheet" />
+<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker-4.x@4.6.1/daterangepicker.min.js"></script>
+<link type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker-4.x@4.6.1/daterangepicker.min.css" rel="stylesheet" />
 
 <input type="text" id="daterange" />
 
@@ -95,6 +95,7 @@ Compared to [inital repository](https://github.com/dangrossman/daterangepicker),
 - Added option `timePickerStepSize` to succeed options `timePickerIncrement` and `timePickerSeconds`
 - Added events `dateChange.daterangepicker` and `timeChange.daterangepicker` emitted when user clicks on a date/time
 - Added event `beforeHide.daterangepicker` enables you to keep the picker visible after click on `Apply` or `Cancel` button.
+- Added event `beforeRenderTimePicker.daterangepicker` and `beforeRenderCalendar.daterangepicker` emitted before elements are rendered
 - Added method `setRange(startDate, endDate)` to combine `setStartDate(startDate)` and `setEndDate(endDate)`
 - Added option `minSpan` similar to `maxSpan`
 - Added option `isInvalidTime` similar to `isInvalidDate`
@@ -185,8 +186,13 @@ Licensed under the [MIT license](LICENSE).
 ## Events
 
 <dl>
-<dt><a href="#event_viewChange.daterangepicker">"viewChange.daterangepicker" (this)</a></dt>
-<dd><p>Emitted when the calendar view changed</p>
+<dt><a href="#event_beforeRenderCalendar.daterangepicker">"beforeRenderCalendar.daterangepicker" (this)</a></dt>
+<dd><p>Emitted before the calendar is rendered. 
+Useful to remove any manually added elements.</p>
+</dd>
+<dt><a href="#event_beforeRenderTimePicker.daterangepicker">"beforeRenderTimePicker.daterangepicker" (this)</a></dt>
+<dd><p>Emitted before the TimePicker is rendered.
+Useful to remove any manually added elements.</p>
 </dd>
 <dt><a href="#event_show.daterangepicker">"show.daterangepicker" (this)</a></dt>
 <dd><p>Emitted when the picker is shown</p>
@@ -384,7 +390,7 @@ Updates the picker when calendar is initiated or any date has been selected.
 Could be useful after running [setStartDate](#DateRangePicker+setStartDate) or [setEndDate](#DateRangePicker+setEndDate)
 
 **Kind**: instance method of [<code>DateRangePicker</code>](#DateRangePicker)  
-**Emits**: <code>event:&quot;viewChange.daterangepicker&quot;</code>  
+**Emits**: <code>event:&quot;beforeRenderTimePicker.daterangepicker&quot;</code>  
 <a name="DateRangePicker+showCalendars"></a>
 
 ### dateRangePicker.showCalendars()
@@ -425,10 +431,23 @@ Initiate a new DateRangePicker
 | options | [<code>Options</code>](#Options) | Object to configure the DateRangePicker |
 | callback | [<code>callback</code>](#callback) | Callback function executed when date is changed.<br/> Callback function is executed if selected date values has changed, before picker is hidden and before the attached `<input>` element is updated.  As alternative listen to the ["apply.daterangepicker"](#event_apply.daterangepicker) event |
 
-<a name="event_viewChange.daterangepicker"></a>
+<a name="event_beforeRenderCalendar.daterangepicker"></a>
+
+## "beforeRenderCalendar.daterangepicker" (this)
+Emitted before the calendar is rendered. 
+Useful to remove any manually added elements.
+
+**Kind**: event emitted  
+
+| Param | Type | Description |
+| --- | --- | --- |
+| this | [<code>DateRangePicker</code>](#DateRangePicker) | The daterangepicker object |
+
+<a name="event_beforeRenderTimePicker.daterangepicker"></a>
 
-## "viewChange.daterangepicker" (this)
-Emitted when the calendar view changed
+## "beforeRenderTimePicker.daterangepicker" (this)
+Emitted before the TimePicker is rendered.
+Useful to remove any manually added elements.
 
 **Kind**: event emitted  
 

package/daterangepicker.js

@@ -1067,10 +1067,11 @@
         /**
         * Updates the picker when calendar is initiated or any date has been selected. 
         * Could be useful after running {@link #DateRangePicker+setStartDate|setStartDate} or {@link #DateRangePicker+setEndDate|setEndDate}
-        * @emits "viewChange.daterangepicker"
+        * @emits "beforeRenderTimePicker.daterangepicker"
         */
         updateView: function () {
             if (this.timePicker) {
+                this.element.trigger('beforeRenderTimePicker.daterangepicker', this);
                 this.renderTimePicker('left');
                 this.renderTimePicker('right');
                 if (!this.endDate) {
@@ -1100,13 +1101,6 @@
             this.updateCalendars();
             this.updateFormInputs();
 
-            /**
-            * Emitted when the calendar view changed
-            * @event
-            * @name "viewChange.daterangepicker"
-            * @param {DateRangePicker} this - The daterangepicker object
-            */
-            this.element.trigger('viewChange.daterangepicker', this);
         },
 
         /**
@@ -1151,6 +1145,7 @@
 
         /**
         * Updates the selected day value from calendar with selected time values
+        * @emits "beforeRenderCalendar.daterangepicker"
         * @private
         */
         updateCalendars: function () {
@@ -1199,6 +1194,14 @@
                 this.rightCalendar.month = this.rightCalendar.month.set({ hour: hour, minute: minute, second: second });
             }
 
+            /**
+            * Emitted before the calendar is rendered. 
+            * Useful to remove any manually added elements.
+            * @event
+            * @name "beforeRenderCalendar.daterangepicker"
+            * @param {DateRangePicker} this - The daterangepicker object
+            */
+            this.element.trigger('beforeRenderCalendar.daterangepicker', this);
             this.renderCalendar('left');
             this.renderCalendar('right');
 
@@ -1207,6 +1210,7 @@
             if (this.endDate == null) return;
 
             this.calculateChosenLabel();
+
         },
 
         /**
@@ -1415,9 +1419,18 @@
 
         },
 
+        /**
+        * Emitted before the TimePicker is rendered.
+        * Useful to remove any manually added elements.
+        * @event
+        * @name "beforeRenderTimePicker.daterangepicker"
+        * @param {DateRangePicker} this - The daterangepicker object
+        */
+
         /**
         * Renders the time pickers
         * @private
+        * @emits "beforeRenderTimePicker.daterangepicker"
         */
         renderTimePicker: function (side) {
 
@@ -2340,6 +2353,7 @@
             this.updateFormInputs();
 
             //re-render the time pickers because changing one selection can affect what's enabled in another
+            this.element.trigger('beforeRenderTimePicker.daterangepicker', this);
             this.renderTimePicker('left');
             this.renderTimePicker('right');
 

package/package.json

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