Fixes for Bug 3089, Date entry fields should indicate required date format
authorOwen Leonard <oleonard@myacpl.org>
Wed, 3 Feb 2010 15:43:23 +0000 (10:43 -0500)
committerGalen Charlton <gmcharlt@gmail.com>
Wed, 3 Feb 2010 20:12:18 +0000 (15:12 -0500)
- Added include, date-format.inc, which shows format, e.g. "(DD/MM/YYYY)"
- Hint shows expected date format based on system preference
- Removing calendar.inc include from templates which don't use it

Signed-off-by: Galen Charlton <gmcharlt@gmail.com>
30 files changed:
koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css
koha-tmpl/intranet-tmpl/prog/en/includes/date-format.inc [new file with mode: 0644]
koha-tmpl/intranet-tmpl/prog/en/modules/acqui/histsearch.tmpl
koha-tmpl/intranet-tmpl/prog/en/modules/acqui/parcels.tmpl
koha-tmpl/intranet-tmpl/prog/en/modules/admin/aqbudgetperiods.tmpl
koha-tmpl/intranet-tmpl/prog/en/modules/admin/aqbudgets.tmpl
koha-tmpl/intranet-tmpl/prog/en/modules/admin/aqcontract.tmpl
koha-tmpl/intranet-tmpl/prog/en/modules/circ/circulation.tmpl
koha-tmpl/intranet-tmpl/prog/en/modules/labels/search.tmpl
koha-tmpl/intranet-tmpl/prog/en/modules/members/memberentrygen.tmpl
koha-tmpl/intranet-tmpl/prog/en/modules/members/moremember.tmpl
koha-tmpl/intranet-tmpl/prog/en/modules/reports/acquisitions_stats.tmpl
koha-tmpl/intranet-tmpl/prog/en/modules/reports/bor_issues_top.tmpl
koha-tmpl/intranet-tmpl/prog/en/modules/reports/borrowers_stats.tmpl
koha-tmpl/intranet-tmpl/prog/en/modules/reports/cat_issues_top.tmpl
koha-tmpl/intranet-tmpl/prog/en/modules/reports/dictionary.tmpl
koha-tmpl/intranet-tmpl/prog/en/modules/reports/guided_reports_start.tmpl
koha-tmpl/intranet-tmpl/prog/en/modules/reports/issues_avg_stats.tmpl
koha-tmpl/intranet-tmpl/prog/en/modules/reports/issues_stats.tmpl
koha-tmpl/intranet-tmpl/prog/en/modules/serials/checkexpiration.tmpl
koha-tmpl/intranet-tmpl/prog/en/modules/serials/claims.tmpl
koha-tmpl/intranet-tmpl/prog/en/modules/tags/review.tmpl
koha-tmpl/intranet-tmpl/prog/en/modules/tools/batchMod-del.tmpl
koha-tmpl/intranet-tmpl/prog/en/modules/tools/batchMod-edit.tmpl
koha-tmpl/intranet-tmpl/prog/en/modules/tools/batchMod.tmpl
koha-tmpl/intranet-tmpl/prog/en/modules/tools/cleanborrowers.tmpl
koha-tmpl/intranet-tmpl/prog/en/modules/tools/inventory.tmpl
koha-tmpl/intranet-tmpl/prog/en/modules/tools/koha-news.tmpl
koha-tmpl/intranet-tmpl/prog/en/modules/tools/scheduler.tmpl
koha-tmpl/intranet-tmpl/prog/en/modules/tools/viewlog.tmpl

index 5efd709..190c9da 100644 (file)
@@ -509,9 +509,13 @@ fieldset.brief ol, fieldset.brief li {
        list-style-type : none;
 }
 
-fieldset.brief div.hint, fieldset.rows div.hint, div.yui-u div.hint {
+.hint {
        color : #999999;
        font-size : 95%;
+}
+
+fieldset.brief div.hint, fieldset.rows div.hint, div.yui-u div.hint {
+       font-size : 95%;
        margin-bottom : .4em;
 }
 
diff --git a/koha-tmpl/intranet-tmpl/prog/en/includes/date-format.inc b/koha-tmpl/intranet-tmpl/prog/en/includes/date-format.inc
new file mode 100644 (file)
index 0000000..2d90220
--- /dev/null
@@ -0,0 +1 @@
+<!-- TMPL_IF NAME="dateformat_us" -->(MM/DD/YYYY)<!-- TMPL_ELSIF NAME="dateformat_metric" -->(DD/MM/YYYY)<!-- TMPL_ELSE -->(YYYY/MM/DD)<!-- /TMPL_IF -->
\ No newline at end of file
index 3b29414..d83516b 100644 (file)
@@ -25,6 +25,7 @@
                <li><label for="from">From: </label> 
                        <input type="text" size="10" id="from" name="from" value="<!-- TMPL_VAR name="from_placed_on" -->" />
                        <img src="<!-- TMPL_VAR Name="themelang" -->/lib/calendar/cal.gif" id="openCalendarFrom" style="cursor: pointer;" alt="Show Calendar" />
+                               <div class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></div>
                </li>
                <li><label for="to">To: </label> 
                        <input type="text" size="10" id="to" name="to" value="<!-- TMPL_VAR name="to_placed_on" -->" />
@@ -48,6 +49,7 @@
                                        dateStatusFunc : disable_to
                     });
                        </script>
+                               <div class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></div>
                </li>
                </ol>
        </fieldset>
index f74c647..a3bae10 100644 (file)
             ifFormat : "<!-- TMPL_VAR NAME="DHTMLcalendar_dateformat" -->",
             button : "datereceived_button"          }
         );
-      </script>        </li>
+      </script>
+                               <div class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></div>    </li>
                </ol>
     </fieldset>
             <fieldset class="action"><input type="submit" class="button" value="Save" /> <a class="cancel" href="/cgi-bin/koha/acqui/supplier.pl?supplierid=<!-- TMPL_VAR NAME="supplierid" -->">Cancel</a></fieldset>
index 85661f4..a63fdcc 100644 (file)
         singleClick    :    false
         });
     </script>
+                               <div class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></div>
     </li>
     <li>
 
         align          :    "Tl",
         });
     </script>
+                               <div class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></div>
     </li>
 
     <li>
index 1de452f..baf13ea 100644 (file)
@@ -1,7 +1,6 @@
 <!-- TMPL_INCLUDE NAME="doc-head-open.inc" -->
 <title>Koha &rsaquo; Administration &rsaquo; Funds<!-- TMPL_IF name="add_form" --> &rsaquo; <!--TMPL_IF NAME="budget_id" -->Modify Fund<!-- TMPL_IF NAME="budget_name" --> '<!-- TMPL_VAR NAME="budget_name" -->'<!-- /TMPL_IF --><!-- TMPL_ELSE -->Add Fund <!-- /TMPL_IF --><!-- /TMPL_IF --></title>
 <!-- TMPL_INCLUDE NAME="doc-head-close.inc" -->
-<!-- TMPL_INCLUDE NAME="calendar.inc" -->
 <script type="text/javascript" src="<!-- TMPL_VAR NAME="themelang" -->/js/acq.js"></script>
 
 <!-- TMPL_IF name="add_form" -->
index c9324c7..62dfae9 100644 (file)
@@ -120,6 +120,7 @@ function Check(ff) {
                                             }
                                             );
                                         </script>
+                               <div class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></div>
                                 </li>
                                 <li><label for="contractenddate" class="required">End date *</label> &nbsp;
                                         <input type="text" name="contractenddate" id="contractenddate" value="<!-- TMPL_VAR NAME="contractenddate" -->" maxlength="10"  size="10" />
@@ -133,6 +134,7 @@ function Check(ff) {
                                             }
                                             );
                                         </script>
+                               <div class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></div>
                                 </li>
                             </ol>
                         </fieldset>
index 25eea7a..9e30d92 100644 (file)
@@ -19,14 +19,14 @@ $.tablesorter.addParser({
         $(document).ready(function() {
                $('#patronlists > ul').tabs();
                $.tablesorter.defaults.widgets = ['zebra'];
-               $("#issuest").tablesorter({<!-- TMPL_IF EXPR="dateformat eq 'metric'" -->
+               $("#issuest").tablesorter({<!-- TMPL_IF NAME="dateformat_metric" -->
                dateFormat: 'uk',<!-- /TMPL_IF -->
                headers: { 1: { sorter: 'articles' },5: { sorter: false },6:{sorter:false},7:{sorter:false},8:{sorter:false}}
                });
                $("#issuest").bind("sortEnd",function() {
                $("#previous").parents("tr").remove();  // 'previous checkouts' header chokes table sorter
            });
-               $("#holdst").tablesorter({<!-- TMPL_IF EXPR="dateformat eq 'metric'" -->
+               $("#holdst").tablesorter({<!-- TMPL_IF NAME="dateformat_metric" -->
                dateFormat: 'uk',<!-- /TMPL_IF -->
                        sortList: [[0,0]],
                        headers: { 1: { sorter: 'articles' }}
@@ -400,7 +400,7 @@ No patron matched <span class="ex"><!-- TMPL_VAR name="message" --></span>
        <input type="text" name="barcode" id="barcode" class="barcode focus" size="14" /> <input type="submit" value="Check Out" />
 
     <!-- TMPL_IF NAME="SpecifyDueDate" --><div class="date-select">
-        <div class="hint">Specify Due Date:</div>
+        <div class="hint">Specify Due Date <!-- TMPL_INCLUDE NAME="date-format.inc" -->: </div>
                <!-- TMPL_IF NAME="duedatespec" --><input type="text" size="10" id="duedatespec" name="duedatespec" value="<!-- TMPL_VAR NAME="duedatespec" -->" /><!-- TMPL_ELSE --><input type="text" size="10" id="duedatespec" name="duedatespec" value="" />
 <!-- /TMPL_IF -->
                <img src="<!-- TMPL_VAR Name="themelang" -->/lib/calendar/cal.gif" alt="Show Calendar"  border="0" id="CalendarDueDate" style="cursor: pointer;" />
index 6a16cd6..adcafbc 100644 (file)
@@ -102,6 +102,7 @@ to add to Batch <!-- TMPL_VAR NAME="batch_id" -->
         singleClick    :    false
     });
 </script>
+<div class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></div>
 </li>
 <li>
                <label for="dateto">Added on or before date</label>
@@ -116,6 +117,7 @@ to add to Batch <!-- TMPL_VAR NAME="batch_id" -->
         align          :    "Tl",
     });
 </script>
+<div class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></div>
 </li></ol>
 </fieldset>
 
index 63d9c45..503fe54 100644 (file)
         </script>
         <!-- TMPL_IF NAME="mandatorydateofbirth" --><span class="required">Required</span><!-- /TMPL_IF -->
         <!-- TMPL_IF NAME="ERROR_dateofbirth" --><span class="required">(Error)</span><!-- /TMPL_IF -->
+               <div class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></div>
             </li>
             <li>
                 <!-- TMPL_IF NAME="mandatoryinitials" -->
       </script>
                <!-- TMPL_IF NAME="mandatorydateenrolled" --><span class="required">Required</span><!-- /TMPL_IF -->
                <!-- TMPL_IF NAME="ERROR_dateenrolled" --><span class="required">(Error)</span><!-- /TMPL_IF -->
+               <div class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></div>
                </li>
                <li>
                        <!-- TMPL_IF NAME="mandatorydateexpiry" -->
       </script>
                <!-- TMPL_IF NAME="mandatorydateexpiry" --><span class="required">Required</span><!-- /TMPL_IF -->
                <!-- TMPL_IF NAME="ERROR_dateexpiry" --><span class="required">(Error)</span><!-- /TMPL_IF -->
+               <div class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></div>
                </li>
                <li>
                        <!-- TMPL_IF NAME="mandatoryopacnote" -->
index e064b9c..023ffe8 100644 (file)
@@ -421,6 +421,7 @@ if (nodename =="barcodes[]"){
                         });
                         //]]>
                     </script>
+                               <span style="display:block;color:#666;font-weight:normal;font-size:90%;"><!-- TMPL_INCLUDE NAME="date-format.inc" --></span>
                 </p>
                 <p>
                     <label>Forgive fines on return: <input type="checkbox" name="exemptfine" value="1" /></label>
index 7c13048..0bf5daf 100644 (file)
                                                                        );
                                                                        //]]>
                                                                </script>
+                               <span class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></span>
                                        To <input size="10" id="to" name="Filter" type="text" value="" />
                                                <img src="<!-- TMPL_VAR Name="themelang" -->/lib/calendar/cal.gif" alt="Show Calendar" id="openCalendarTo" style="cursor: pointer;" border="0" />
                                                        <script type="text/javascript">
                                                                );
                                                        //]]>
                                                        </script>
+                               <span class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></span>
                                </td>
                        </tr>
                        <tr class="hilighted">
                                                                        );
                                                                        //]]>
                                                                        </script>
+                               <span class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></span>
                                        To <input type="text" size="10" id="toRO" name="Filter" value="" />
                                                <img src="<!-- TMPL_VAR Name="themelang" -->/lib/calendar/cal.gif" alt="Show Calendar" id="openCalendarToRO" style="cursor: pointer;" border="0" />
                                                                <script type="text/javascript">
                                                                );
                                                                //]]>
                                                                </script>
+                               <span class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></span>
                                </td>
                        </tr>
                        <tr>
index 300e491..689d478 100644 (file)
@@ -124,7 +124,7 @@ function Dopop(link) {
                                                                                dateStatusFunc : validate2
                                                                        }
                                                                );
-                                                       </script></li>
+                                                       </script><span class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></span></li>
                                <li> <label for="fromRO">Check-in date from:</label> <input type="text" readonly="readonly" size="10" id="fromRO" name="Filter" />
                                                        <img src="<!-- TMPL_VAR Name="themelang" -->/lib/calendar/cal.gif" border="0" id="openCalendarFromRO" style="cursor: pointer;" alt="Show Calendar" />
                                                                <script language="JavaScript" type="text/javascript">
@@ -182,7 +182,7 @@ function Dopop(link) {
                                                                                dateStatusFunc : validate2
                                                                        }
                                                                );
-                                                       </script></li>
+                                                       </script><span class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></span></li>
                        <li> 
                                <label for="branch">Library: </label>
 <select name="Filter" id="branch"><option value="" > Any Library</option>
index e2155d8..5e8f6a2 100644 (file)
                                     dateStatusFunc : validate2
                             });
                                                        //]]>
-                        </script>
+                        </script><span class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></span>
                     </td>
                 </tr>
             <tr>
index 13896e8..6a66948 100644 (file)
@@ -133,7 +133,7 @@ function Dopop(link) {
                                                                                dateStatusFunc : validate2
                                                                        }
                                                                );
-                                                       </script></li>
+                                                       </script> <span class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></span></li>
                <li><label for="fromRO">Check-in date from</label> <input type="text" readonly="readonly" size="10" id="fromRO" name="Filter" />
                                                        <img src="<!-- TMPL_VAR Name="themelang" -->/lib/calendar/cal.gif" alt="Show Calendar" border="0" id="openCalendarFromRO" style="cursor: pointer;" />
                                                                <script language="JavaScript" type="text/javascript">
@@ -191,7 +191,7 @@ function Dopop(link) {
                                                                                dateStatusFunc : validate2
                                                                        }
                                                                );
-                                                       </script></li>
+                                                       </script> <span class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></span></li>
                                <li><label for="branch">Library: </label>
 <select name="Filter" id="branch"><option value="" > Any Library</option>
     <!--TMPL_LOOP Name="branchloop"-->
index 11d8dce..3c0d863 100644 (file)
@@ -212,6 +212,7 @@ button         : "buttonfrom1",
 align          : "Tl"                  
 });
 </script>
+<div class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></div>
 </td>
 </tr>
 <tr>
@@ -227,6 +228,7 @@ button         : "buttonfrom2",
 align          : "Tl"                  
 });
 </script>
+<div class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></div>
 </td>
 </tr>
 </table></td>
index 731b866..f5a94fb 100644 (file)
@@ -255,6 +255,7 @@ canned reports and writing custom SQL reports.</p>
             align          : "Tl" 
             });     
             </script>          
+               <span class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></span>
         </td>
         </tr>
         <!-- TMPL_ELSE -->
@@ -288,6 +289,7 @@ canned reports and writing custom SQL reports.</p>
                 align          : "Tl" 
                 });     
             </script>        
+                       <span class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></span>
             </td>
         </tr>
             <!-- TMPL_ELSE -->
index 2e19641..6655e59 100644 (file)
                                                                                dateStatusFunc : validate2
                                                                        }
                                                                );
-                                                       </script>
+                                                       </script> <span class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></span>
                                </td>
                        </tr>
                        <tr class="hilighted"> 
                                                                                dateStatusFunc : validate2
                                                                        }
                                                                );
-                                                       </script>
+                                                       </script> <span class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></span>
                                </td>
                        </tr>
                        <tr> 
index 11933b2..6eefeac 100644 (file)
                              dateStatusFunc : validate2
                      });
                                        //]]>
-                                       </script>
+                                       </script> <span class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></span>
                     </td>
                 </tr>
                 <tr class="highlight"> 
index aa2e73d..f87aef1 100644 (file)
@@ -63,7 +63,8 @@
                      ifFormat : "<!-- TMPL_VAR NAME="DHTMLcalendar_dateformat" -->",
                  }
                 );
-            </script> <span class="required">Required</span></li>
+            </script> <span class="required">Required</span>
+                       <div class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></div></li>
                        </ol>
         
 </fieldset>
index 054a35e..16511ac 100644 (file)
                    ifFormat        : "<!-- TMPL_VAR NAME="DHTMLcalendar_dateformat" -->"
                });
                //]]>
-           </script>
+           </script> <span class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></span>
            <input type="button" value="OK" onclick="filterByDate();" />
         </li>
        
index a42a71a..d633abf 100644 (file)
@@ -317,10 +317,12 @@ td input,td input[type="submit"] { font-size: 85%; padding: 1px; }
                        <label for="from">Date: from </label>
                        <input type="text" size="10" id="from" name="from" value="<!-- TMPL_VAR NAME="filter_date_approved_from" -->" />
                        <img src="<!-- TMPL_VAR Name="themelang" -->/lib/calendar/cal.gif" border="0" alt="Show Calendar" style="cursor: pointer;" id="openCalendarFrom" />
-                       <br />
+                       <div class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></div>
+
                        <label for="to">...to </label>
                        <input type="text" size="10" id="to"   name="to"   value="<!-- TMPL_VAR NAME="filter_date_approved_to" -->" />
                        <img src="<!-- TMPL_VAR Name="themelang" -->/lib/calendar/cal.gif" border="0" alt="Show Calendar" style="cursor: pointer;" id="openCalendarTo" />
+                       <div class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></div>
            </li>
   </ol>
  <fieldset class="action"><input type="submit" value="Apply Filter(s)" /></fieldset>
index 995cedc..7e7b98b 100644 (file)
@@ -9,7 +9,6 @@
         });
 //]]>
 </script>
-<!-- TMPL_INCLUDE NAME="calendar.inc" -->
 </head>
 <body>
 <!-- TMPL_INCLUDE NAME="header.inc" -->
index 497a128..34cb7eb 100644 (file)
@@ -9,7 +9,6 @@
         });
 //]]>
 </script>
-<!-- TMPL_INCLUDE NAME="calendar.inc" -->
 </head>
 <body>
 <!-- TMPL_INCLUDE NAME="header.inc" -->
index 9ee2a98..2a0135f 100644 (file)
@@ -9,7 +9,6 @@
         });
 //]]>
 </script>
-<!-- TMPL_INCLUDE NAME="calendar.inc" -->
 </head>
 <body>
 <!-- TMPL_INCLUDE NAME="header.inc" -->
index 91eadb5..3259497 100644 (file)
@@ -67,7 +67,7 @@
                      ifFormat : "<!-- TMPL_VAR NAME="DHTMLcalendar_dateformat" -->",
                  }
                 );
-            </script></p>
+            </script> <span class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></span></p>
         
         <p><input id="checkissue" type="checkbox" name="checkbox" value="issue" checked="checked" />
         <label for="checkissue">Anonymize check-out history older than</label>
@@ -79,7 +79,7 @@
                      ifFormat : "<!-- TMPL_VAR NAME="DHTMLcalendar_dateformat" -->",
                  }
                 );
-            </script></p>
+            </script> <span class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></span></p>
 
             
             <!-- hidden here -->
index 6c864fd..7bef677 100644 (file)
@@ -58,6 +58,7 @@ $(document).ready(function(){
             }
             );
             </script>
+                       <div class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></div>
             </li>
           </ol>
         </fieldset>
@@ -135,6 +136,7 @@ $(document).ready(function(){
             }
             );
             </script>
+                       <div class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></div>
         </li>
         <li><label for="ignoreissued">Skip copies on loan: </label>
             <!-- TMPL_IF NAME="ignoreissued" -->
index 09dca99..b7b6748 100755 (executable)
@@ -77,6 +77,7 @@ Edit News Item<!-- TMPL_ELSE -->Add News Item<!-- /TMPL_IF --><!-- TMPL_ELSE -->
                     }
                     );
                 </script>
+                               <div class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></div>
             </li>
             <li>
                 <label for="expirationdate">Expiration date</label>
@@ -91,6 +92,7 @@ Edit News Item<!-- TMPL_ELSE -->Add News Item<!-- /TMPL_IF --><!-- TMPL_ELSE -->
                     }
                     );
                 </script>
+                               <div class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></div>
             </li>
             <li>
                 <label for="number">Appear in position </label>
index e4b0bfa..181c547 100644 (file)
@@ -42,7 +42,7 @@
                                });
 //]]>
 </script>
-
+<div class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></div>
 </li>
 <li><label for="report">Report:</label>
 <select name="report" id="report">
index 1d14e06..3b45f65 100644 (file)
@@ -65,7 +65,7 @@
                                                                </select>
                                                        </li>
                                                        <li>
-                                                               <label for="object">Object</label>
+                                                               <label for="object">Object</label>
                                                                <input type="text" id="object" name="object" value="<!-- TMPL_VAR NAME="object"-->" />
                                                        </li>
                                                        <li>
                                                                <input type="text" id="info" name="info" value="<!-- TMPL_VAR NAME="info"-->" />
                                                        </li>
                                                        <li>
-                                                               <label for="from"> Display from</label> <input type="text" size="10" id="from" name="from" value="<!-- TMPL_VAR NAME="datefrom"-->" />
+                                                               <label for="from"> Display from</label> <input type="text" size="10" id="from" name="from" value="<!-- TMPL_VAR NAME="datefrom"-->" />
                                                                <img src="<!-- TMPL_VAR Name="themelang" -->/lib/calendar/cal.gif" border="0" alt="Show Calendar" id="openCalendarFrom" style="cursor: pointer;" />
-                                                               <label for="to">to</label> <input size="10" id="to" name="to" type="text" value="<!-- TMPL_VAR NAME="dateto"-->" />
+                               <div class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></div>
+                                                       </li>
+                                                       <li>
+                                                               <label for="to">Display to: </label> <input size="10" id="to" name="to" type="text" value="<!-- TMPL_VAR NAME="dateto"-->" />
                                                                <img src="<!-- TMPL_VAR Name="themelang" -->/lib/calendar/cal.gif" id="openCalendarTo" alt="Show Calendar" style="cursor: pointer;" border="0" />
                                                                        <script type="text/javascript">
                                                                        //<![CDATA[
-                                                                       // function submit_check (from_id,to_id) {
-                                                                       //      var dateFrom = Date_from_syspref(document.getElementById(from_id).value);
-                                                                       //      var dateTo   = Date_from_syspref(document.getElementById(  to_id).value);
-                                                                       //      var today = new Date();
-                                                                       //      if (dateFrom < dateTo) { 
-                                                                       //              alert("The starting date cannot be after the ending date.");
-                                                                       //              document.getElementById(to_id).select();
-                                                                       //              return false;
-                                                                       //      }
-                                                                       //      if (dateFrom > today) { 
-                                                                       //              alert("The starting date cannot be in the future.");
-                                                                       //              document.getElementById(from_id).select();
-                                                                       //              return false;
-                                                                       //      }
-                                                                       // }
-                                                                       
+
                                                                        // return true if the date is blocked.
                                                                        function disable_from(date) {var limit = get_Calendar_limit(date,'to'  ); return (limit && limit < date);}
                                                                        function disable_to  (date) {var limit = get_Calendar_limit(date,'from'); return (limit && limit > date);}
-                                                                       
+
                                                                        Calendar.setup({
-                                                                       inputField : "from",
-                                                                       ifFormat : "<!-- TMPL_VAR NAME="DHTMLcalendar_dateformat" -->",
-                                                                       button : "openCalendarFrom",
-                                                                       disableFunc : disable_from,
-                                                                       dateStatusFunc : disable_from
+                                                                               inputField : "from",
+                                                                               ifFormat : "<!-- TMPL_VAR NAME="DHTMLcalendar_dateformat" -->",
+                                                                               button : "openCalendarFrom",
+                                                                               disableFunc : disable_from,
+                                                                               dateStatusFunc : disable_from
                                                                        });
                                                                        Calendar.setup({
-                                                                       inputField : "to",
-                                                                       ifFormat : "<!-- TMPL_VAR NAME="DHTMLcalendar_dateformat" -->",
-                                                                       button : "openCalendarTo",
-                                                                       disableFunc : disable_to,
-                                                                       dateStatusFunc : disable_to
+                                                                               inputField : "to",
+                                                                               ifFormat : "<!-- TMPL_VAR NAME="DHTMLcalendar_dateformat" -->",
+                                                                               button : "openCalendarTo",
+                                                                               disableFunc : disable_to,
+                                                                               dateStatusFunc : disable_to
                                                                        });
                                                                        //]]>
                                                                        </script>
+                               <div class="hint"><!-- TMPL_INCLUDE NAME="date-format.inc" --></div>
                                                        </li>
                                                </ol>
                                        </fieldset>