From d56acf99af8429ccb5f965bb4c40d9fb838dd31b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jakob=20R=C3=B6hrl?= <jakob.roehrl@web.de>
Date: Thu, 7 Jan 2021 14:07:46 +0100
Subject: [PATCH] date shortcuts
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Jakob Röhrl <jakob.roehrl@web.de>
---
 src/components/card/CardSidebarTabDetails.vue | 38 +++++++++++++++++--
 1 file changed, 34 insertions(+), 4 deletions(-)

diff --git a/src/components/card/CardSidebarTabDetails.vue b/src/components/card/CardSidebarTabDetails.vue
index 3827f1921..636dcc70f 100644
--- a/src/components/card/CardSidebarTabDetails.vue
+++ b/src/components/card/CardSidebarTabDetails.vue
@@ -179,17 +179,43 @@ export default {
 			},
 			shortcuts: [
 				{
-					text: 'Today',
+					text: t('deck', 'Today'),
 					onClick() {
 						const date = new Date()
+						date.setDate(date.getDate())
+						date.setHours(23)
+						date.setMinutes(59)
+						return date
+						// new Date(today.getFullYear(), today.getMonth(), today.getDate(), 23, 59, 59)
+					},
+				},
+				{
+					text: t('deck', 'Tomorrow'),
+					onClick() {
+						const date = new Date()
+						date.setDate(date.getDate() + 1)
+						date.setHours(23)
+						date.setMinutes(59)
 						return date
 					},
 				},
 				{
-					text: 'Tomorrow',
+					text: t('deck', 'Next week'),
 					onClick() {
 						const date = new Date()
-						date.setTime(date.getTime() + 3600 * 1000 * 24)
+						date.setDate(date.getDate() + 7)
+						date.setHours(23)
+						date.setMinutes(59)
+						return date
+					},
+				},
+				{
+					text: t('deck', 'Next month'),
+					onClick() {
+						const date = new Date()
+						date.setDate(date.getDate() + 30)
+						date.setHours(23)
+						date.setMinutes(59)
 						return date
 					},
 				},
@@ -334,10 +360,14 @@ export default {
 </script>
 <style lang="scss" scoped>
 
-.section-wrapper::v-deep .mx-datepicker-main .mx-datepicker-popup {
+.section-wrapper::v-deep .mx-datepicker-main.mx-datepicker-popup {
 	left: 0 !important;
 }
 
+.section-wrapper::v-deep .mx-datepicker-main.mx-datepicker-popup.mx-datepicker-sidebar {
+	padding: 0 !important;
+}
+
 .section-wrapper {
 	display: flex;
 	max-width: 100%;