Index: assignment-tool/tool/src/webapp/vm/assignment/chef_assignments_instructor_new_edit_assignment.vm
===================================================================
--- assignment-tool/tool/src/webapp/vm/assignment/chef_assignments_instructor_new_edit_assignment.vm	(revision 132968)
+++ assignment-tool/tool/src/webapp/vm/assignment/chef_assignments_instructor_new_edit_assignment.vm	(working copy)
@@ -2,6 +2,11 @@
 <!-- start: chef_assignments_instructor_new_edit_assignment.vm  -->
 ##<!-- $Header: Exp $ -->
 ## Assignments - Instructor new Assignment view
+
+<script type="text/javascript" src="/library/js/jquery/jquery-1.9.1.min.js"></script>
+<script type="text/javascript" src="/library/js/jquery/ui/1.10.3/jquery-ui.1.10.3.full.min.js"></script>
+<link href="/library/js/jquery/ui/1.10.3/css/ui-lightness/jquery-ui-1.10.3.custom.min.css" rel="stylesheet" type="text/css" />
+
 <script type="text/javascript">
 $(document).ready(function() {
  	setupAssignNew();
@@ -241,7 +246,7 @@
 				</p>	
 			*#
                 #if ($visible_date_enabled) 
-               <p class="shorttext">
+		<p class="shorttext">
                 <p class="checkbox" id="tempVisibleDate" >
                     <input type="checkbox" id="allowVisibleDateToggle" name="allowVisibleDateToggle" #if($!assignment.getVisibleTime())checked="checked"#end onclick="if(checked){jQuery('.visibleDatePanel').show();resizeFrame();}else{jQuery('.visibleDatePanel').hide();}" />
                     <label for="allowVisibleDateToggle">$tlang.getString("allowVisibleDate")</label>
@@ -284,15 +289,34 @@
 			$tlang.getString("gen.stuwonsee")
 		</p>
 		#end
+		<script type="text/javascript" src="/library/js/lang-datepicker/lang-datepicker.js"></script>
 		<p class="shorttext">
 			<span class="reqStar">*</span>
 			<label>
 				$tlang.getString("newassig.opedat")
 			</label>	
-			#chef_dateselectionwidgetwithtitles($name_OpenYear $name_OpenMonth $name_OpenDay $!value_year_from $!value_year_to $value_OpenYear $value_OpenMonth $value_OpenDay $dateFormat $tlang.getString("dateselectionwidget.month") $tlang.getString("dateselectionwidget.day") $tlang.getString("dateselectionwidget.year") "")
-			&nbsp;$tlang.getString("gen.at")&nbsp; 
-            <label class="skip" for="$name_OpenHour">$tlang.getString("dateselectionwidget.hour")</label>
-			<select name="$name_OpenHour" id="$name_OpenHour" title="$tlang.getString("dateselectionwidget.hour")">
+			<input type="text" id="opendate" name="opendate" class="datepicker" value="">
+
+			<script type="text/javascript">
+			      localDatePicker({
+			      	input:'#opendate', 
+			      	useTime:1, 
+			      	val:"$value_OpenMonth/$value_OpenDay/$value_OpenYear $value_OpenHour:$value_OpenMin",
+			      	parseFormat: 'M/D/YYYY hh:mm a',
+			      	ashidden:{
+			      		month:"new_assignment_openmonth",
+			      		day:"new_assignment_openday",
+			      		year:"new_assignment_openyear",
+			      		hour:"new_assignment_openhour",
+			      		minute:"new_assignment_openmin"
+			      	}
+			      });
+			</script>
+
+			## chef_dateselectionwidgetwithtitles($name_OpenYear $name_OpenMonth $name_OpenDay $!value_year_from $!value_year_to $value_OpenYear $value_OpenMonth $value_OpenDay $dateFormat $tlang.getString("dateselectionwidget.month") $tlang.getString("dateselectionwidget.day") $tlang.getString("dateselectionwidget.year") "")
+			## &nbsp;$tlang.getString("gen.at")&nbsp; 
+
+<!-- 			<select name="$name_OpenHour" id="$name_OpenHour" title="$tlang.getString("dateselectionwidget.hour")">
 				#foreach ($i in [1..12])
 					#if ($value_OpenHour==$i)
 						<option value="$i" selected="selected">$i</option>
@@ -317,6 +341,7 @@
 					#end
 				#end
 			</select>
+ -->		
 		</p>	
 		<p class="instruction labelindnt">
                         $tlang.getString("gen.stucantdo")
@@ -326,10 +351,28 @@
 			<label>
 				$tlang.getString("gen.duedat")
 			</label>
-			#chef_dateselectionwidgetwithtitles($name_DueYear $name_DueMonth $name_DueDay $!value_year_from $!value_year_to $value_DueYear $value_DueMonth $value_DueDay $dateFormat $tlang.getString("dateselectionwidget.month") $tlang.getString("dateselectionwidget.day") $tlang.getString("dateselectionwidget.year") "dueDateChange(this)")
-				&nbsp;$tlang.getString("gen.at")&nbsp; 
-            <label class="skip" for="$name_DueHour">$tlang.getString("dateselectionwidget.hour")</label>
-			<select name="$name_DueHour" id="$name_DueHour" title="$tlang.getString("dateselectionwidget.hour")" onchange="dueDateChange(this)">
+
+			<input type="text" id="duedate" name="duedate" class="datepicker" value="">
+
+			<script type="text/javascript">
+			      localDatePicker({
+			      	input:'#duedate', 
+			      	useTime:1, 
+			      	val:"$value_DueMonth/$value_DueDay/$value_DueYear $value_DueHour:$value_DueMin",
+			      	parseFormat: 'M/D/YYYY hh:mm a',
+			      	ashidden:{
+			      		month:"new_assignment_duemonth",
+			      		day:"new_assignment_dueday",
+			      		year:"new_assignment_dueyear",
+			      		hour:"new_assignment_duehour",
+			      		minute:"new_assignment_duemin"
+			      	}
+			      });
+			</script>
+
+			## chef_dateselectionwidget($name_DueYear $name_DueMonth $name_DueDay $!value_year_from $!value_year_to $value_DueYear $value_DueMonth $value_DueDay $dateFormat "")
+			## $tlang.getString("gen.at") 
+<!-- 			<select name="$name_DueHour" id="$name_DueHour" title="$tlang.getString("dateselectionwidget.hour")" onchange="dueDateChange(this)">
 				#foreach ($i in [1..12])
 					#if ($i == $value_DueHour)
 						<option value="$i" selected="selected">$i</option>
@@ -354,17 +397,36 @@
 					#end
 				#end
 			</select>
-		</p>
+ -->		</p>
 		<p class="shorttext">
 			<span class="reqStar">*</span>
 			<label>
 				$tlang.getString("gen.acesubunt")
 			</label>
 			#if ($value_EnableCloseDate)
-				#chef_dateselectionwidgetwithtitles($name_CloseYear $name_CloseMonth $name_CloseDay $!value_year_from $!value_year_to $value_CloseYear $value_CloseMonth $value_CloseDay $dateFormat $tlang.getString("dateselectionwidget.month") $tlang.getString("dateselectionwidget.day") $tlang.getString("dateselectionwidget.year") "")
-				&nbsp;$tlang.getString("gen.at")&nbsp; 
-                <label class="skip" for="$name_CloseHour">$tlang.getString("dateselectionwidget.hour")</label>
-				<select name="$name_CloseHour" id="$name_CloseHour" title="$tlang.getString("dateselectionwidget.hour")">
+
+			<input type="text" id="closedate" name="closedate" class="datepicker" value="">
+
+			<script type="text/javascript">
+			      localDatePicker({
+			      	input:'#closedate', 
+			      	useTime:1, 
+			      	val:"$value_CloseMonth/$value_CloseDay/$value_CloseYear $value_DueHour:$value_CloseMin",
+			      	parseFormat: 'M/D/YYYY hh:mm a',
+			      	ashidden:{
+			      		month:"new_assignment_closemonth",
+			      		day:"new_assignment_closeday",
+			      		year:"new_assignment_closeyear",
+			      		hour:"new_assignment_closehour",
+			      		minute:"new_assignment_closemin"
+			      	}
+			      });
+			</script>
+
+
+				## chef_dateselectionwidget($name_CloseYear $name_CloseMonth $name_CloseDay $!value_year_from $!value_year_to $value_CloseYear $value_CloseMonth $value_CloseDay $dateFormat "")
+				## $tlang.getString("gen.at") 
+<!--				<select name="$name_CloseHour" id="$name_CloseHour" title="$tlang.getString("dateselectionwidget.hour")">
 					#foreach ($i in [1..12])
 						#if ($i == $value_CloseHour)
 							<option value="$i" selected="selected">$i</option>
@@ -389,8 +451,7 @@
 						#end
 					#end
 				</select>
-			#else
-                <label class="skip" for="$name_CloseMonth">$tlang.getString("dateselectionwidget.month")</label>
+ -->			#else
 				<select name="$name_CloseMonth" id="$name_CloseMonth" title="$tlang.getString("dateselectionwidget.month")" disabled="disabled">
 					#foreach ($i in [1..12])
 						#if ($i == $value_CloseMonth)
@@ -491,12 +552,35 @@
 				</select>
 		</p>
 		<p class="shorttext" id="allowResubmitTime" style="$!resubmitStyle">
+
+			<label for="$name_ResubmitMonth">
+				$tlang.getString("gen.resubmission") $tlang.getString("gen.acesubunt")
+			</label>
+		
+			<input type="text" id="resubmit" name="resubmit" class="datepicker" value="">
+
+
+			<script type="text/javascript">
+			      localDatePicker({
+			      	input:'#resubmit', 
+			      	useTime:1, 
+			      	val:"$value_ResubmitMonth/$value_ResubmitDay/$value_ResubmitYear $value_ResubmitHour:$value_ResubmitMin",
+			      	parseFormat: 'M/D/YYYY hh:mm a',
+			      	ashidden:{
+			      		month:"allow_resubmit_closeMonth",
+			      		day:"allow_resubmit_closeDay",
+			      		year:"allow_resubmit_closeYear",
+			      		hour:"allow_resubmit_closeHour",
+			      		minute:"allow_resubmit_closeMin"
+			      	}
+			      });
+			</script>
 							## only show date selection when allowed to resubmit
-							<label>
+			<!--				<label for="$name_ResubmitMonth">
 								$tlang.getString("gen.resubmission") $tlang.getString("gen.acesubunt")
 							</label>
-							#chef_dateselectionwidgetwithtitles($name_ResubmitYear $name_ResubmitMonth $name_ResubmitDay $!value_year_from $!value_year_to $value_ResubmitYear $value_ResubmitMonth $value_ResubmitDay $dateFormat $tlang.getString("dateselectionwidget.month") $tlang.getString("dateselectionwidget.day") $tlang.getString("dateselectionwidget.year") "")
-							&nbsp;$tlang.getString("gen.at")&nbsp; 
+							## chef_dateselectionwidgetwithtitles($name_ResubmitYear $name_ResubmitMonth $name_ResubmitDay $!value_year_from $!value_year_to $value_ResubmitYear $value_ResubmitMonth $value_ResubmitDay $dateFormat $tlang.getString("dateselectionwidget.month") $tlang.getString("dateselectionwidget.day") $tlang.getString("dateselectionwidget.year") "")
+							## &nbsp;$tlang.getString("gen.at")&nbsp; 
                             <label class="skip" for="$name_ResubmitHour">$tlang.getString("dateselectionwidget.hour")</label>
                             <select name="$name_ResubmitHour" id="$name_ResubmitHour" title="$tlang.getString("dateselectionwidget.hour")">
 								#foreach ($i in [1..12])
@@ -523,6 +607,7 @@
 									#end
 								#end
 							</select>
+			-->
 						</p>
 		<p class="shorttext" id="resubmitNotification" style="$!resubmitStyle">
 			## whether to notify student about released grade and resubmission is available
@@ -1549,9 +1634,9 @@
 						</label>
 					</td>
 					<td>
-						<label for="allPurposeReleaseHour">
+						<!--label for="allPurposeReleaseHour">
 							$tlang.getString("allPurpose.show.time")
-						</label>
+						</label-->
 					</td>
 				</tr>
 				<tr>
@@ -1562,10 +1647,30 @@
 					<td>
 					</td>
 					<td>
-					#chef_dateselectionwidgetwithtitles($name_allPurposeReleaseYear $name_allPurposeReleaseMonth $name_allPurposeReleaseDay $!value_year_from $!value_year_to $value_allPurposeReleaseYear $value_allPurposeReleaseMonth $value_allPurposeReleaseDay $dateFormat $tlang.getString("dateselectionwidget.month") $tlang.getString("dateselectionwidget.day") $tlang.getString("dateselectionwidget.year") "")
+
+						<input type="text" id="allPurposeRelease" name="allPurposeRelease" class="datepicker" value="">
+
+						<script type="text/javascript">
+						      localDatePicker({
+						      	input:'#allPurposeRelease', 
+						      	useTime:1, 
+						      	val:"$value_allPurposeReleaseMonth/$value_allPurposeReleaseDay/$value_allPurposeReleaseYear $value_allPurposeReleaseHour:$value_allPurposeReleaseMin",
+						      	parseFormat: 'M/D/YYYY hh:mm a',
+						      	ashidden:{
+						      		month:"allPurpose_releaseMonth",
+						      		day:"allPurpose_releaseDay",
+						      		year:"allPurpose_releaseYear",
+						      		hour:"allPurpose_releaseHour",
+						      		minute:"allPurpose_releaseMin"
+						      	}
+						      });
+						</script>
+
+
+					## chef_dateselectionwidgetwithtitles($name_allPurposeReleaseYear $name_allPurposeReleaseMonth $name_allPurposeReleaseDay $!value_year_from $!value_year_to $value_allPurposeReleaseYear $value_allPurposeReleaseMonth $value_allPurposeReleaseDay $dateFormat $tlang.getString("dateselectionwidget.month") $tlang.getString("dateselectionwidget.day") $tlang.getString("dateselectionwidget.year") "")
 					</td>
 					<td>
-						<select name="$name_allPurposeReleaseHour" id="$name_allPurposeReleaseHour" title="$tlang.getString("dateselectionwidget.hour")">
+					<!--	<select name="$name_allPurposeReleaseHour" id="$name_allPurposeReleaseHour" title="$tlang.getString("dateselectionwidget.hour")">
 							#foreach ($i in [1..12])
 								<option value="$i" #if ($value_allPurposeReleaseHour==$i)selected="selected"#end>$i</option>
 							#end
@@ -1584,6 +1689,7 @@
 								#end
 						#end
 					</select>
+					-->
 					</td>
 				</tr>
 				<tr>
@@ -1624,10 +1730,31 @@
 					<td>
 					</td>
 					<td>
-						#chef_dateselectionwidgetwithtitles($name_allPurposeRetractYear $name_allPurposeRetractMonth $name_allPurposeRetractDay $!value_year_from $!value_year_to $value_allPurposeRetractYear $value_allPurposeRetractMonth $value_allPurposeRetractDay $dateFormat $tlang.getString("dateselectionwidget.month") $tlang.getString("dateselectionwidget.day") $tlang.getString("dateselectionwidget.year") "")
+
+						<input type="text" id="allPurposeRetract" name="allPurposeRetract" class="datepicker" value="">
+
+						<script type="text/javascript">
+						      localDatePicker({
+						      	input:'#allPurposeRetract', 
+						      	useTime:1, 
+						      	val:"$value_allPurposeRetractMonth/$value_allPurposeRetractDay/$value_allPurposeRetractYear $value_allPurposeRetractHour:$value_allPurposeRetractMin",
+						      	parseFormat: 'M/D/YYYY hh:mm a',
+						      	ashidden:{
+						      		month:"allPurpose_retractMonth",
+						      		day:"allPurpose_retractDay",
+						      		year:"allPurpose_retractYear",
+						      		hour:"allPurpose_retractHour",
+						      		minute:"allPurpose_retractMin"
+						      	}
+						      });
+						</script>
+
+
+
+						##chef_dateselectionwidgetwithtitles($name_allPurposeRetractYear $name_allPurposeRetractMonth $name_allPurposeRetractDay $!value_year_from $!value_year_to $value_allPurposeRetractYear $value_allPurposeRetractMonth $value_allPurposeRetractDay $dateFormat $tlang.getString("dateselectionwidget.month") $tlang.getString("dateselectionwidget.day") $tlang.getString("dateselectionwidget.year") "")
 					</td>
 					<td>
-						<select name="$name_allPurposeRetractHour" id="$name_allPurposeRetractHour" title="$tlang.getString("dateselectionwidget.hour")">
+					<!--	<select name="$name_allPurposeRetractHour" id="$name_allPurposeRetractHour" title="$tlang.getString("dateselectionwidget.hour")">
 							#foreach ($i in [1..12])
 								<option value="$i" #if ($value_allPurposeRetractHour==$i)selected="selected"#end>$i</option>
 							#end
@@ -1646,6 +1773,7 @@
 								#end
 						#end
 					</select>
+					-->
 					</td>
 				</tr>
 				<tr>
@@ -1730,7 +1858,7 @@
 			</div>
 		<input type="hidden" name="sakai_csrf_token" value="$sakai_csrf_token" />
 	</form>
-	<script type="text/JavaScript">
+	<script language="JavaScript" type="text/JavaScript">
 		<!--
 			function toggleSelectAll(caller, elementName)
 			{