Add date picker to recurrence end date.

diff --git a/kronolith/js/kronolith.js b/kronolith/js/kronolith.js
index 7d616f8..38625ad 100644 (file)
--- a/kronolith/js/kronolith.js
+++ b/kronolith/js/kronolith.js
@@ -2606,12 +2606,6 @@ KronolithCore = {
                 this.toggleAllDay();
                 return;
 
-            case 'kronolithEventStartPicker':
-            case 'kronolithEventEndPicker':
-            case 'kronolithTaskDuePicker':
-                Horde_Calendar.open(id, Date.parseExact($F(id.replace(/Picker$/, 'Date')), Kronolith.conf.date_format));
-                return;
-
             case 'kronolithEventLinkNone':
             case 'kronolithEventLinkDaily':
             case 'kronolithEventLinkWeekly':
@@ -2894,6 +2888,11 @@ KronolithCore = {
                 e.stop();
                 return;
 
+            case 'kronolithDatePicker':
+                id = elt.readAttribute('id');
+                Horde_Calendar.open(id, Date.parseExact($F(id.replace(/Picker$/, 'Date')), Kronolith.conf.date_format));
+                return;
+
             case 'kronolithColorPicker':
                 var input = elt.previous();
                 this.colorPicker = new ColorPicker({

diff --git a/kronolith/templates/index/edit.inc b/kronolith/templates/index/edit.inc
index 8765987..8972fce 100644 (file)
--- a/kronolith/templates/index/edit.inc
+++ b/kronolith/templates/index/edit.inc
@@ -37,7 +37,7 @@
       <label>
         <?php echo _("From") ?>:<br />
         <input type="text" name="start_date" id="kronolithEventStartDate" size="10" />
-        <?php echo Horde::img('picker.png', _("Set start date"), 'id="kronolithEventStartPicker"') ?>
+        <?php echo Horde::img('picker.png', _("Set start date"), 'id="kronolithEventStartPicker" class="kronolithDatePicker"') ?>
       </label>
       <label id="kronolithEventStartTimeLabel">
         <?php echo _("at") ?>
@@ -47,7 +47,7 @@
     <td>
       <label><?php echo _("To") ?>:<br />
         <input type="text" name="end_date" id="kronolithEventEndDate" size="10" />
-        <?php echo Horde::img('picker.png', _("Set end date"), 'id="kronolithEventEndPicker"') ?>
+        <?php echo Horde::img('picker.png', _("Set end date"), 'id="kronolithEventEndPicker" class="kronolithDatePicker"') ?>
       </label>
       <label id="kronolithEventEndTimeLabel">
         <?php echo _("at") ?>
@@ -154,7 +154,8 @@
     <?php printf(_("Stop %s never%s, or %s at %s , or %s after %s recurrences %s"),
     '<label><input type="radio" name="recur_end_type" value="none" checked="checked" />', '</label>',
     '<label><input type="radio" name="recur_end_type" value="date" />', '</label>
-    <input type="text" name="recur_end_date" id="kronolithEventRecurDate" size="10" class="kronolithDatePicker" />',
+    <input type="text" name="recur_end_date" id="kronolithEventRecurDate" size="10" /> '
+    . Horde::img('picker.png', _("Set end date"), 'id="kronolithEventRecurPicker" class="kronolithDatePicker"'),
     '<label><input type="radio" name="recur_end_type" value="count" />', '</label>
     <label><input type="text" name="recur_count" id="kronolithEventRecurCount" value="" size="2" class="kronolithEventValue" />', '</label>') ?>
     <br />

diff --git a/kronolith/templates/index/task.inc b/kronolith/templates/index/task.inc
index 6db9f95..7188c0d 100644 (file)
--- a/kronolith/templates/index/task.inc
+++ b/kronolith/templates/index/task.inc
@@ -34,7 +34,7 @@
     <div>
       <label><?php echo _("Due date") ?>:</label><br />
       <input type="text" name="task[due_date]" id="kronolithTaskDueDate" size="10" />
-      <?php echo Horde::img('picker.png', _("Set due date"), 'id="kronolithTaskDuePicker"') ?>
+      <?php echo Horde::img('picker.png', _("Set due date"), 'id="kronolithTaskDuePicker" class="kronolithDatePicker"') ?>
       <?php echo _("at") ?>
       <input type="text" name="task[due_time]" id="kronolithTaskDueTime" size="8" />
     </div>

diff --git a/kronolith/themes/screen.css b/kronolith/themes/screen.css
index 8381a85..bbaf3d0 100644 (file)
--- a/kronolith/themes/screen.css
+++ b/kronolith/themes/screen.css
@@ -360,6 +360,10 @@ body.kronolithAjax {
     color: #808080;
 }
 
+.kronolithDatePicker {
+    cursor: pointer;
+}
+
 /* Logo */
 #kronolithLogo {
     display: none;