From 8fd0d2232e682136f69180ca8337be8463b42425 Mon Sep 17 00:00:00 2001
From: Owen Leonard <oleonard@myacpl.org>
Date: Thu, 14 Apr 2022 18:27:47 +0000
Subject: [PATCH] Bug 30550: OPAC recalls page tries to use jQueryUI datepicker
Content-Type: text/plain; charset=utf-8

This patch updates the recalls page in the OPAC so that it uses
Flatpickr for the "Recall not needed after" field.

To test apply the patch and enable the UseRecalls preference if
necessary. You made need to update your circulation rules as well,
defining some default values for recalls.

- Log in to the OPAC.
- Locate a bibliographic record which has one item and that item is
  checked out.
- Click "Place recall."
- The "Recall not needed after" field should be styled correctly, and
  clicking it should trigger the calendar popup.
- You should be limited to selections after today's date.

Signed-off-by: David Nind <david@davidnind.com>

Signed-off-by: Marcel de Rooy <m.de.rooy@rijksmuseum.nl>
---
 koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-recall.tt | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-recall.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-recall.tt
index 258019e6e0..8c2881122a 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-recall.tt
+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-recall.tt
@@ -83,7 +83,11 @@
                                                 </select>
                                             </li>[% END %]
 
-                                            <li><label for="expirationdate">Recall not needed after:</label> <input type="text" name="expirationdate" id="expirationdate" size="20"> <a id="cleartext" style="display:none;">Clear text</a><span id="expiration-hint">[% INCLUDE 'date-format.inc' %]</span></li>
+                                            <li>
+                                                <label for="expirationdate">Recall not needed after:</label>
+                                                <input type="text" name="expirationdate" id="expirationdate" size="20" class="flatpickr futuredate" />
+                                                <span id="expiration-hint">[% INCLUDE 'date-format.inc' %]</span>
+                                            </li>
                                             <li class="level-option" style="display:none;"><label for="bibliolevel">Recall next available item</label> <input type="radio" name="type" id="bibliolevel" value="bibliolevel" checked></li>
                                             <li class="level-option" style="display:none;"><label for="itemlevel">Recall a specific item</label> <input type="radio" name="type" id="itemlevel" value="itemlevel"></li>
 
@@ -199,9 +203,6 @@
                 $("#items").hide();
             }
         });
-        $("#expirationdate").datepicker({
-            minDate: 0,
-        });
     });
 </script>
 [% END %]
-- 
2.20.1