daterangepicker-4.x 4.4.4 → 4.6.0

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.4.4/daterangepicker.min.js"></script>
-<link type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker-4.x@4.4.4/daterangepicker.min.css" rel="stylesheet" />
+<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker-4.x@4.6.0/daterangepicker.min.js"></script>
+<link type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker-4.x@4.6.0/daterangepicker.min.css" rel="stylesheet" />
 
 <input type="text" id="daterange" />
 
@@ -185,6 +185,14 @@ Licensed under the [MIT license](LICENSE).
 ## Events
 
 <dl>
+<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>
 </dd>
@@ -381,6 +389,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;beforeRenderTimePicker.daterangepicker&quot;</code>  
 <a name="DateRangePicker+showCalendars"></a>
 
 ### dateRangePicker.showCalendars()
@@ -421,6 +430,30 @@ 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_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>
+
+## "beforeRenderTimePicker.daterangepicker" (this)
+Emitted before the TimePicker 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_show.daterangepicker"></a>
 
 ## "show.daterangepicker" (this)

package/daterangepicker.js

@@ -1067,9 +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 "beforeRenderTimePicker.daterangepicker"
         */
         updateView: function () {
             if (this.timePicker) {
+                this.element.trigger('beforeRenderTimePicker.daterangepicker', this);
                 this.renderTimePicker('left');
                 this.renderTimePicker('right');
                 if (!this.endDate) {
@@ -1098,6 +1100,7 @@
             this.updateMonthsInView();
             this.updateCalendars();
             this.updateFormInputs();
+
         },
 
         /**
@@ -1142,6 +1145,7 @@
 
         /**
         * Updates the selected day value from calendar with selected time values
+        * @emits "beforeRenderCalendar.daterangepicker"
         * @private
         */
         updateCalendars: function () {
@@ -1190,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');
 
@@ -1198,6 +1210,7 @@
             if (this.endDate == null) return;
 
             this.calculateChosenLabel();
+
         },
 
         /**
@@ -1406,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) {
 
@@ -2331,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.4.4",
+  "version": "4.6.0",
   "description": "Date range picker with time component and pre-defined ranges",
   "main": "daterangepicker.js",
   "style": "daterangepicker.css",