https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=44112 Bug ID: 44112 Summary: Add a clear control to the Vue date picker and move its icon inside right Initiative type: --- Sponsorship --- status: Product: Koha Version: Main Hardware: All OS: All Status: NEW Severity: enhancement Priority: P5 - low Component: Staff interface Assignee: koha-bugs@lists.koha-community.org Reporter: martin.renvoize@openfifth.co.uk QA Contact: testopia@bugs.koha-community.org CC: gmcharlt@gmail.com Target Milestone: --- The Vue FlatPickrWrapper (used for every date field of the Vue modules: ERM, Preservation, ILL, Item lists...) has no way to clear a date in one click. Koha's flatpickr defaults add a "clear date" link, but only to inputs carrying the "flatpickr" class used by the legacy pages, so the Vue inputs never got it. The Vue selects (vue-select) already put their controls inside the field, on the right: a grey clear cross, then the dropdown toggle. The date inputs do not: the calendar icon is inside on the left, and the clear link of the legacy pages is outside on the right, in red. This bug makes the Vue date picker consistent with the selects: a grey clear cross inside the field on the right, shown only when the field has a value, followed by the calendar icon moved from the left. Legacy flatpickr inputs are not part of this bug, they will be handled separately. Bug 42383 (new check-in page) depends on this: its return date field needs the clear control. -- You are receiving this mail because: You are watching all bug changes. You are the assignee for the bug.