From 7c2cb3de1106db8856db096dd9489417c9accaeb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?John=20Molakvo=C3=A6?= <skjnldsv@protonmail.com>
Date: Sat, 29 Oct 2022 11:11:55 +0200
Subject: [PATCH] Fix DateTimePicker example and translation
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
---
 l10n/messages.pot                              | 18 ------------------
 .../NcDatetimePicker/NcDatetimePicker.vue      | 17 +++++++++--------
 2 files changed, 9 insertions(+), 26 deletions(-)

diff --git a/l10n/messages.pot b/l10n/messages.pot
index 93392fa443..508a31cba6 100644
--- a/l10n/messages.pot
+++ b/l10n/messages.pot
@@ -122,24 +122,6 @@ msgstr ""
 msgid "People & Body"
 msgstr ""
 
-msgid "Pick a date"
-msgstr ""
-
-msgid "Pick a date and a time"
-msgstr ""
-
-msgid "Pick a month"
-msgstr ""
-
-msgid "Pick a time"
-msgstr ""
-
-msgid "Pick a week"
-msgstr ""
-
-msgid "Pick a year"
-msgstr ""
-
 msgid "Pick an emoji"
 msgstr ""
 
diff --git a/src/components/NcDatetimePicker/NcDatetimePicker.vue b/src/components/NcDatetimePicker/NcDatetimePicker.vue
index 6ee62604dc..5910ab42e2 100644
--- a/src/components/NcDatetimePicker/NcDatetimePicker.vue
+++ b/src/components/NcDatetimePicker/NcDatetimePicker.vue
@@ -42,7 +42,7 @@
 export default {
 	data() {
 		return {
-			time: null,
+			time: new Date('2022-10-10 10:10:10'),
 		}
 	},
 }
@@ -168,7 +168,7 @@ export default {
 <script>
 import NcTimezonePicker from '../NcTimezonePicker/index.js'
 import NcPopover from '../NcPopover/index.js'
-import { t } from '../../l10n.js'
+import l10n from '../../mixins/l10n.js'
 
 import {
 	getFirstDay,
@@ -199,6 +199,7 @@ export default {
 		NcTimezonePicker,
 	},
 
+	mixins: [l10n],
 	inheritAttrs: false,
 
 	props: {
@@ -312,21 +313,21 @@ export default {
 		 */
 		defaultPlaceholder() {
 			if (this.type === 'time') {
-				return t('Pick a time')
+				return this.t('Pick a time')
 			}
 			if (this.type === 'month') {
-				return t('Pick a month')
+				return this.t('Pick a month')
 			}
 			if (this.type === 'year') {
-				return t('Pick a year')
+				return this.t('Pick a year')
 			}
 			if (this.type === 'week') {
-				return t('Pick a week')
+				return this.t('Pick a week')
 			}
 			if (this.type === 'date') {
-				return t('Pick a date')
+				return this.t('Pick a date')
 			}
-			return t('Pick a date and a time')
+			return this.t('Pick a date and a time')
 		},
 
 		/**