From bffd4255625990786cd56d83e87a5c13a06b5371 Mon Sep 17 00:00:00 2001
From: Brian Talbot <btalbot@edx.org>
Date: Tue, 27 Nov 2012 13:05:00 -0500
Subject: [PATCH] settings - revised date and time picker markup to use already
 set conventions with the .datepair class

---
 cms/templates/settings.html | 44 ++++++++++++++++++-------------------
 1 file changed, 21 insertions(+), 23 deletions(-)

diff --git a/cms/templates/settings.html b/cms/templates/settings.html
index b524b799fb..29161f5ff8 100644
--- a/cms/templates/settings.html
+++ b/cms/templates/settings.html
@@ -37,8 +37,6 @@
       $('.new-grade-button').bind('click', addNewGrade);
       $body.on('click', '.remove-button', removeGrade);
       renderGradeRanges();
-
-      $('.set-date').datepicker({ 'dateFormat': 'm/d/yy' });
     })();
 
     function setThresholds() {
@@ -211,33 +209,33 @@
               <div class="row row-col2">
                 <h4 class="label">Course Dates:</h4>
                 
-                <div class="field">
+                <div class="field datepair">
                   <div class="input multi multi-inline">
                     <div class="group">
                       <label for="course-start-date">Start Date</label>
-                      <input type="text" class="start-date date set-date picker datepair" id="course-start-date" placeholder="MM/DD/YYYY" autocomplete="off">
+                      <input type="text" class="start-date date" id="course-start-date" placeholder="MM/DD/YYYY" autocomplete="off">
                       <span class="tip tip-stacked">First day the course begins</span>          
                     </div>
 
-                    <div class="group picker datepair">
+                    <div class="group">
                       <label for="course-start-time">Start Time</label>
-                      <input type="text" class="short time" id="course-start-time" value="" placeholder="HH:MM">
+                      <input type="text" class="time" id="course-start-time" value="" placeholder="HH:MM">
                       <span class="tip tip-stacked">(UTC/GMT -5 hours)</span>          
                     </div>
                   </div>
                 </div>
 
-                <div class="field field-additional">
+                <div class="field field-additional datepair">
                   <div class="input multi multi-inline">
                     <div class="group">
                       <label for="course-end-date">End Date</label>
-                      <input type="text" class="end-date date set-date picker datepair" id="course-end-date" placeholder="MM/DD/YYYY" autocomplete="off">
+                      <input type="text" class="end-date date" id="course-end-date" placeholder="MM/DD/YYYY" autocomplete="off">
                       <span class="tip tip-stacked">Last day the course is active</span>          
                     </div>
 
-                    <div class="group picker datepair">
+                    <div class="group">
                       <label for="course-end-time">End Time</label>
-                      <input type="text" class="short time" id="course-end-time" value="" placeholder="HH:MM">
+                      <input type="text" class="time" id="course-end-time" value="" placeholder="HH:MM">
                       <span class="tip tip-stacked">(UTC/GMT -5 hours)</span>          
                     </div>
                   </div>
@@ -247,33 +245,33 @@
               <div class="row row-col2">
                 <h4 class="label">Enrollment Dates:</h4>
                 
-                <div class="field">
+                <div class="field datepair">
                   <div class="input multi multi-inline">
                     <div class="group">
                       <label for="course-enrollment-start-date">Start Date</label>
-                      <input type="text" class="start-date date set-date picker datepair" id="course-enrollment-start-date" placeholder="MM/DD/YYYY">
+                      <input type="text" class="start-date date" id="course-enrollment-start-date" placeholder="MM/DD/YYYY">
                       <span class="tip tip-stacked">First day students can enroll</span>          
                     </div>
 
-                    <div class="group picker datepair">
+                    <div class="group">
                       <label for="course-enrollment-start-time">Start Time</label>
-                      <input type="text" class="short time" id="course-enrollment-start-time" value="" placeholder="HH:MM">
+                      <input type="text" class="time" id="course-enrollment-start-time" value="" placeholder="HH:MM">
                       <span class="tip tip-stacked">(UTC/GMT -5 hours)</span>           
                     </div>
                   </div>
                 </div>
 
-                <div class="field field-additional">
+                <div class="field field-additional datepair">
                   <div class="input multi multi-inline">
                     <div class="group">
                       <label for="course-enrollment-end-date">Start Date</label>
-                      <input type="text" class="start-end date set-date picker datepair" id="course-enrollment-end-date" placeholder="MM/DD/YYYY">
+                      <input type="text" class="start-end date" id="course-enrollment-end-date" placeholder="MM/DD/YYYY">
                       <span class="tip tip-stacked">First day students can enroll</span>          
                     </div>
 
-                    <div class="group picker datepair">
+                    <div class="group">
                       <label for="course-enrollment-end-time">End Time</label>
-                      <input type="text" class="short time" id="course-enrollment-end-time" value="" placeholder="HH:MM">
+                      <input type="text" class="time" id="course-enrollment-end-time" value="" placeholder="HH:MM">
                       <span class="tip tip-stacked">(UTC/GMT -5 hours)</span>           
                     </div>
                   </div>
@@ -353,7 +351,7 @@
                 <div class="field">
                   <div class="input">
                     <input type="text" class="short time" id="course-effort" placeholder="HH:MM">
-                    <span class="tip tip-inline">Time students should spend on all course work</span>
+                    <span class="tip tip-stacked">Time students should spend on all course work</span>
                   </div>
                 </div>
               </div>
@@ -513,9 +511,9 @@
               <div class="row row-col2">
                 <label for="course-grading-deadline">General Assignment Deadline:</label>
 
-                <div class="field">
-                  <div class="input picker datepair">
-                    <input type="text" class="short time" id="course-grading-deadline" value="" placeholder="HH:MM">
+                <div class="field datepicker">
+                  <div class="input">
+                    <input type="text" class="time" id="course-grading-deadline" value="" placeholder="HH:MM">
                     <span class="tip tip-stacked">Boston, MA Local Time (UTC/GMT -5 hours).<br />
                       <a href="http://www.worldtimeserver.com/convert_time_in_UTC.aspx">Convert to your time zone</a>
                     </span>
@@ -529,7 +527,7 @@
                 <div class="field">
                   <div class="input">
                     <input type="text" class="short time" id="course-grading-graceperiod" value="0:00" placeholder="e.g. 10 minutes">
-                    <span class="tip tip-inline">leeway on due dates</span>
+                    <span class="tip tip-stacked">leeway on due dates</span>
                   </div>
                 </div>
               </div>