Merge pull request #4644 from nextcloud/backport/4643/stable26

[stable26] fix: Append datetime picker to body to avoid cut off

src/components/card/CardSidebarTabDetails.vue

@@ -103,6 +103,7 @@
 					:formatter="format"
 					:disabled="saving || !canEdit"
 					:shortcuts="shortcuts"
+					:append-to-body="true"
 					confirm />
 				<NcActions v-if="canEdit">
 					<NcActionButton v-if="copiedCard.duedate" icon="icon-delete" @click="removeDue()">
@@ -448,5 +449,10 @@ export default {
 .multiselect.multiselect--active:deep(.multiselect__tags-wrap) {
 	z-index: 0;
 }
-
+</style>
+<style>
+.mx-datepicker-main.mx-datepicker-popup {
+	/* above the modal */
+	z-index: 9999;
+}
 </style>