From ccbf208ff05273baa71c9b62aa1b5c98b6219e14 Mon Sep 17 00:00:00 2001
From: Manuel <manuel.ruwe@bluewin.ch>
Date: Tue, 1 Aug 2023 12:37:35 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fix=20input=20element=20type=20f?=
 =?UTF-8?q?or=20create=20invite?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modals/create-invite/create-invite.modal.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/modals/create-invite/create-invite.modal.tsx b/src/modals/create-invite/create-invite.modal.tsx
index c3aa7c445..85f2ccb94 100644
--- a/src/modals/create-invite/create-invite.modal.tsx
+++ b/src/modals/create-invite/create-invite.modal.tsx
@@ -1,5 +1,5 @@
 import { Button, Group, Stack, Text } from '@mantine/core';
-import { DateInput } from '@mantine/dates';
+import { DateInput, DateTimePicker } from '@mantine/dates';
 import { useForm, zodResolver } from '@mantine/form';
 import { ContextModalProps, modals } from '@mantine/modals';
 import dayjs from 'dayjs';
@@ -41,11 +41,12 @@ export const CreateInviteModal = ({ id }: ContextModalProps<{}>) => {
         won't be able to create an account.
       </Text>
 
-      <DateInput
+      <DateTimePicker
         popoverProps={{ withinPortal: true }}
         minDate={minDate}
         maxDate={maxDate}
         withAsterisk
+        valueFormat="DD MMM YYYY hh:mm A"
         label="Expiration date"
         variant="filled"
         {...form.getInputProps('expirationDate')}