fix: Show tooltip for readable date

Signed-off-by: Julius Härtl <jus@bitgrid.net>

src/components/card/CardSidebarTabDetails.vue

@@ -36,7 +36,7 @@
 			@remove="removeUserFromCard" />
 
 		<DueDateSelector :card="card"
-			:can-edit="canEdit && !saving"
+			:can-edit="canEdit"
 			@change="updateCardDue" />
 
 		<div v-if="projectsEnabled" class="section-wrapper">

src/components/card/DueDateSelector.vue

@@ -92,6 +92,7 @@ import {
 	NcButton,
 	NcDateTimePickerNative,
 } from '@nextcloud/vue'
+import readableDate from '../../mixins/readableDate.js'
 import { getDayNamesMin, getFirstDay, getMonthNamesShort } from '@nextcloud/l10n'
 import moment from '@nextcloud/moment'
 import ArchiveIcon from 'vue-material-design-icons/Archive.vue'
@@ -118,6 +119,9 @@ export default defineComponent({
 		NcActionSeparator,
 		NcDateTimePickerNative,
 	},
+	mixins: [
+		readableDate,
+	],
 	props: {
 		card: {
 			type: Object,
@@ -225,9 +229,6 @@ export default defineComponent({
 		archiveUnarchiveCard() {
 			this.$store.dispatch('archiveUnarchiveCard', { ...this.card, archived: !this.card.archived })
 		},
-		formatReadableDate(date) {
-			return moment(date).format('lll')
-		},
 	},
 })
 </script>

src/components/cards/badges/Done.vue

@@ -24,7 +24,7 @@
 	<div v-if="card" class="done">
 		<transition name="zoom">
 			<div class="icon-check-circle">
-				<CheckCircle :size="20" />
+				<CheckCircle :size="20" :title="formatReadableDate(card.done)" />
 			</div>
 		</transition>
 	</div>
@@ -32,12 +32,16 @@
 
 <script>
 import CheckCircle from 'vue-material-design-icons/CheckCircle.vue'
+import readableDate from '../../../mixins/readableDate.js'
 
 export default {
 	name: 'Done',
 	components: {
 		CheckCircle,
 	},
+	mixins: [
+		readableDate,
+	],
 	props: {
 		card: {
 			type: Object,