From dd59b532b4ad2a0a5c6e187a264b28287dfab7ab Mon Sep 17 00:00:00 2001
From: Rafael de Oliveira Marques <rafaelomarques@gmail.com>
Date: Tue, 7 Nov 2017 17:01:49 -0200
Subject: [PATCH] added time changed event (onSelectTime) wich receives the
 current selected date and time, and a second argument with the time selected

---
 jquery.simple-dtpicker.html |  1 +
 jquery.simple-dtpicker.js   | 21 ++++++++++++++++-----
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/jquery.simple-dtpicker.html b/jquery.simple-dtpicker.html
index 9ac24e6..d574456 100644
--- a/jquery.simple-dtpicker.html
+++ b/jquery.simple-dtpicker.html
@@ -473,6 +473,7 @@ <h4>Set the user event-handler (on* methods)</h4>
 				<li>"onShow" - Called when a picker has shown.</li>
 				<li>"onHide" - Called when a picker has hidden.</li>
 				<li>"onSelect" - Called when a picker date is clicked on and selected.</li>
+				<li>"onSelectTime" - Called when a time is clicked on and selected.</li>
 			</ul>
 			<p>
 				In normally, a picker has been shown/hidden by automatically when necessary.<br/>
diff --git a/jquery.simple-dtpicker.js b/jquery.simple-dtpicker.js
index ba54cdd..c6b31f4 100644
--- a/jquery.simple-dtpicker.js
+++ b/jquery.simple-dtpicker.js
@@ -701,7 +701,7 @@
 
 		/* Check a specified date */
 		var todayDate = new Date();
-	
+
 
 		if (isFutureOnly) {
 			if ($picker.data("current")) {
@@ -981,7 +981,7 @@
 					var $input = $(this);
 					var handler = new PickerHandler($picker, $input);
 
-					// Call a event-hanlder for onSelect
+					// Call a event-handler for onSelect
 					var func = $picker.data('onSelect');
 					if (func != null) {
 						func(handler, targetDate);
@@ -1036,7 +1036,7 @@
 			var hour_ = minTime[0];
 			var min_ = minTime[1];
 
-			while( hour_*100+min_ < maxTime[0]*100+maxTime[1] ){
+			while (hour_*100+min_ < maxTime[0]*100+maxTime[1]) {
 
 				var $o = $('<div>');
 				var is_past_time = hour_ < todayDate.getHours() || (hour_ == todayDate.getHours() && min_ < todayDate.getMinutes());
@@ -1073,22 +1073,31 @@
 						if ($(this).hasClass('hover')) {
 							$(this).removeClass('hover');
 						}
+
 						$(this).addClass('active');
 
 						var $picker = getParentPickerObject($(this));
 						var date = getPickedDate($picker);
 						var hour = $(this).data("hour");
 						var min = $(this).data("min");
+
 						draw($picker, {
 							"isAnim": false,
 							"isOutputToInputObject": true
 						}, date.getFullYear(), date.getMonth(), date.getDate(), hour, min);
 
-						if ($picker.data("isInline") === false && $picker.data("closeOnSelected")){
+						if ($picker.data("isInline") === false && $picker.data("closeOnSelected")) {
 							// Close a picker
 							ActivePickerId = -1;
 							$picker.hide();
 						}
+
+						var func = $picker.data('onSelectTime');
+						if (func != null) {
+							var selectedDateWithTime = new Date(date.getFullYear(), date.getMonth(), date.getDate(), hour, min, 0, 0);
+							var stringTime = hour + ":" + min;
+							func(selectedDateWithTime, stringTime);
+						}
 					});
 
 					$o.hover(function() {
@@ -1190,6 +1199,7 @@
 		$picker.data('onShow', opt.onShow);
 		$picker.data('onHide', opt.onHide);
 		$picker.data('onSelect', opt.onSelect);
+		$picker.data('onSelectTime', opt.onSelectTime);
 		$picker.data('onInit', opt.onInit);
 		$picker.data('allowWdays', opt.allowWdays);
 		$picker.data('current', opt.current);
@@ -1336,6 +1346,7 @@
 			"onShow": null,
 			"onHide": null,
 			"onSelect": null,
+			"onSelectTime": null,
 			"allowWdays": null,
 			"amPmInTimeList": false,
 			"externalLocale": null
@@ -1614,7 +1625,7 @@
 				var $picker = $(PickerObjects[i]);
 				if ($picker.data('inputObjectId') != null && !$picker.data('isInline') && $picker.css('display') != 'none') {
 					/* if append input-field && float picker */
-					
+
 					// Check overlapping of cursor and picker
 					if ($picker.is(':hover')) continue;