Switch on click #39 #47

README.md

@@ -7,6 +7,7 @@ Originaly designed for Bootstrap Material, the V2.0 is now completely standalone
 
 | Date				| Author			| Description											 |
 | ----------------- | ----------------- | ------------------------------------------------------ |
+| 2016-01-30		| T00rk				| Switch view on click (#39, #47)	 					 |
 | 2016-01-29		| T00rk				| Added "clear button" (#48)		 					 |
 | 2016-01-29		| T00rk				| Replace rem by em (#26)			 					 |
 | 2016-01-29		| T00rk				| Display 24H clock (#54)			 					 |
@@ -40,7 +41,7 @@ Google Material Icon Font `<link href="https://fonts.googleapis.com/icon?family=
 
 ### Live Example
 
-Click [here](http://t00rk.github.io/bootstrap-material-datetimepicker/) to see
+[Live example](http://t00rk.github.io/bootstrap-material-datetimepicker/)
 
 ### Usage
 
@@ -63,6 +64,7 @@ Click [here](http://t00rk.github.io/bootstrap-material-datetimepicker/) to see
 | **time**			| Boolean						| true => Has Timepicker						|
 | **clearButton**	| Boolean						| true => Show Clear Button						|
 | **nowButton**		| Boolean						| true => Show Now Button						|
+| **switchOnClick**	| Boolean						| true => Switch view on click (default: false) |
 | **cancelText**	| String						| Text for the cancel button (default: Cancel)	|
 | **okText**		| String						| Text for the OK button (default: OK)			|
 | **clearText**		| String						| Text for the Clear button (default: Clear)	|

bower.json

@@ -1,7 +1,7 @@
 {
   "name": "bootstrap-material-datetimepicker",
   "description": ".",
-  "version": "2.5.2",
+  "version": "2.5.3",
   "keywords": [
     "css",
     "js",

js/bootstrap-material-datetimepicker.js

@@ -17,7 +17,7 @@
 		this.element = element;
 		this.$element = $(element);
 
-		this.params = { date : true, time : true, format : 'YYYY-MM-DD', minDate : null, maxDate : null, currentDate : null, lang : 'en', weekStart : 0, shortTime : false, clearButton : false, nowButton : false, 'cancelText' : 'Cancel', 'okText' : 'OK', 'clearText' : 'Clear', 'nowText' : 'Now' };
+		this.params = { date : true, time : true, format : 'YYYY-MM-DD', minDate : null, maxDate : null, currentDate : null, lang : 'en', weekStart : 0, shortTime : false, clearButton : false, nowButton : false, cancelText : 'Cancel', okText : 'OK', clearText : 'Clear', nowText : 'Now', switchOnClick : false };
 		this.params = $.fn.extend(this.params, options);
 
 		this.name = "dtp_" + this.setName();
@@ -1066,6 +1066,9 @@
 			$(e.currentTarget).addClass('selected');
 
 			this.selectDate($(e.currentTarget).parent().data("date"));
+
+			if(this.params.switchOnClick === true && this.params.time === true)
+				setTimeout(this.initHours.bind(this), 200);
 		},
 		_onSelectHour: function(e)
 		{
@@ -1082,6 +1085,9 @@
 			this.showTime(this.currentDate);
 
 			this.animateHands();
+
+			if(this.params.switchOnClick === true)
+				setTimeout(this.initMinutes.bind(this), 200);
 		},
 		_onSelectMinute: function(e)
 		{

package.json

@@ -1,7 +1,7 @@
 {
   "name": "bootstrap-material-datetimepicker",
   "description": ".",
-  "version": "2.5.2",
+  "version": "2.5.3",
   "keywords": [
     "css",
     "js",