cloudstack UI - dialog widget - introduce new property isDatepicker.

ui/scripts/events.js

@@ -104,6 +104,17 @@
 									return true;
 							}			
 						}
+            /*
+						,
+            startdate: {
+              label: 'Start Date',
+							isDatepicker: true
+            },
+            enddate: {
+              label: 'End Date',
+							isDatepicker: true
+            }				
+            */						
 					},						
 					
           dataProvider: function(args) {					  

ui/scripts/ui/dialog.js

@@ -308,9 +308,22 @@
           if (field.defaultValue) {
             $input.val(field.defaultValue);
           }
-        } else {
+        } else if (field.isDatepicker) { //jQuery datepicker				
-          // Text field
+				  $input = $('<input>').attr({
-          if (field.range) {
+						name: key,
+						type: 'text'
+					}).appendTo($value);
+
+					if (field.defaultValue) {
+						$input.val(field.defaultValue);
+					}
+					if (field.id) {
+						$input.attr('id', field.id);
+					}          
+          $input.addClass("disallowSpecialCharacters"); 										
+					$input.datepicker({dateFormat: 'yy-mm-dd'});	
+				
+				} else if(field.range) {	//2 text fields on the same line (e.g. port range: startPort - endPort)			
 				  $input = $.merge(
 						// Range start
 						$('<input>').attr({
@@ -326,9 +339,10 @@
 					).appendTo(
 						$('<div>').addClass('range-edit').appendTo($value)
 					);
-
 					$input.wrap($('<div>').addClass('range-item'));					
-          } else {
+					$input.addClass("disallowSpecialCharacters");
+				
+				} else { //text field                  
 					$input = $('<input>').attr({
 						name: key,
 						type: field.password || field.isPassword ? 'password' : 'text'
@@ -340,7 +354,6 @@
 					if (field.id) {
 						$input.attr('id', field.id);
 					}          
-          }
           $input.addClass("disallowSpecialCharacters");
         }