diff --git a/cms/static/coffee/src/client_templates/course_info_update.html b/cms/static/coffee/src/client_templates/course_info_update.html
index bc686109c2..00f8ff02c8 100644
--- a/cms/static/coffee/src/client_templates/course_info_update.html
+++ b/cms/static/coffee/src/client_templates/course_info_update.html
@@ -4,8 +4,9 @@
 		<div class="row">
 			<label class="inline-label">Date:</label>
 			<!-- TODO replace w/ date widget and actual date (problem is that persisted version is "Month day" not an actual date obj -->
-			<input type="text" id="date-entry"
-				value="<%= updateModel.get('date') %>"></input>
+			<div class="datepair">
+				<input type="text" class="date" id="date-entry" value="<%= updateModel.get('date') %>"></input>
+			</div>
 		</div>
 		<div class="row">
 			<textarea class="new-update-content text-editor"><%= updateModel.get('content') %></textarea>
@@ -16,7 +17,7 @@
 			<a href="#" class="cancel-button" name="<%= updateModel.cid %>">Cancel</a>
 		</div>
 	</form>
-	<div class="preview">
+	<div class="post-preview">
 		<div class="post-actions">
 			<a href="#" class="edit-button" name="<%- updateModel.cid %>"><span class="edit-icon"></span>Edit</a>
 			<a href="#" class="delete-button" name="<%- updateModel.cid %>"><span class="delete-icon"></span>Delete</a>
diff --git a/cms/static/js/views/course_info_edit.js b/cms/static/js/views/course_info_edit.js
index ff266ad4f5..1efd4db026 100644
--- a/cms/static/js/views/course_info_edit.js
+++ b/cms/static/js/views/course_info_edit.js
@@ -36,10 +36,9 @@ CMS.Views.ClassInfoUpdateView = Backbone.View.extend({
         	// TODO Where should the template reside? how to use the static.url to create the path?
             "/static/coffee/src/client_templates/course_info_update.html",
             function (raw_template) {
-                console.log(raw_template);
         		self.template = _.template(raw_template);
-        		self.render();
-        }
+        		self.render();                
+            }
         );
     },
         
@@ -65,7 +64,7 @@ CMS.Views.ClassInfoUpdateView = Backbone.View.extend({
         var newForm = this.template({ updateModel : newModel });
         var updateEle = this.$el.find("#course-update-list");
         $(updateEle).prepend(newForm);
-        $(newForm).find(".new-update-form").slideDown(150);
+        $(newForm).find(".new-update-form").show();
     },
     
     onSave: function(event) {
diff --git a/cms/templates/course_info.html b/cms/templates/course_info.html
index ae0dac197e..30a12244e2 100644
--- a/cms/templates/course_info.html
+++ b/cms/templates/course_info.html
@@ -9,6 +9,10 @@
   <script type="text/javascript" src="${static.url('js/template_loader.js')}"></script>
   <script type="text/javascript" src="${static.url('js/models/course_info.js')}"></script>
   <script type="text/javascript" src="${static.url('js/views/course_info_edit.js')}"></script>
+  <link rel="stylesheet" type="text/css" href="${static.url('js/vendor/timepicker/jquery.timepicker.css')}" />
+  <script src="${static.url('js/vendor/timepicker/jquery.timepicker.js')}"></script>
+  <script src="${static.url('js/vendor/timepicker/datepair.js')}"></script>
+  <script src="${static.url('js/vendor/date.js')}"></script>
   
   <script type="text/javascript" charset="utf-8">
   $(document).ready(function(){