From dacb7e3b486c83bf9b4db338990b685920280330 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Fri, 16 Apr 2021 09:56:28 +0200
Subject: [PATCH] Fix compatibility with latest versions of DateTimePicker not
 showing time panel
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Closes #2983
  It seems the `format` prop is required to have `HH:mm` to display the
timepanel…for some reason

- Note: The `first-day-of-week` seems unused, it should probably
  override the setting in `lang`
- Remove obsolete props `not-before` and `not-after` which are replaced
  by a `disabled-date` function prop in vue2-datepicker 3.0.0

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 src/components/Shared/DatePicker.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/components/Shared/DatePicker.vue b/src/components/Shared/DatePicker.vue
index 0d88c7dfa9..2dd2221f58 100644
--- a/src/components/Shared/DatePicker.vue
+++ b/src/components/Shared/DatePicker.vue
@@ -24,13 +24,13 @@
 	<DatetimePicker
 		:lang="lang"
 		:first-day-of-week="firstDay"
+		:format="'YYYY-MM-DD HH:mm'"
 		:formatter="formatter"
 		:value="date"
 		:type="type"
 		:clearable="false"
 		:minute-step="5"
-		:not-before="minimumDate"
-		:not-after="maximumDate"
+		:disabled-date="disabledDate"
 		:show-second="false"
 		:show-time-panel="showTimePanel"
 		:show-week-number="showWeekNumbers"
@@ -397,6 +397,16 @@ export default {
 				return moment(dateMatches[1] + ' ' + timeMatches[1], 'L LT', this.locale).toDate()
 			}
 		},
+		/**
+       * Whether or not the date is acceptable
+       *
+       * @param {Date} date The date to compare to
+       * @returns {Boolean}
+       */
+		disabledDate(date) {
+			const now = new Date()
+			return now < this.minimumDate || now > this.maximumDate
+		},
 	},
 }
 </script>