From 7ac0ab7c367e08fd0ea14a98e8543a2c7289246d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Susanna=20Landstr=C3=B6m?= <susanna.landstrom@lyyti.com>
Date: Thu, 28 Apr 2022 16:28:40 +0300
Subject: [PATCH 1/2] disable clock ui selection

---
 src/components/TimePicker.tsx | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/src/components/TimePicker.tsx b/src/components/TimePicker.tsx
index bf286472e..7a419faec 100644
--- a/src/components/TimePicker.tsx
+++ b/src/components/TimePicker.tsx
@@ -10,17 +10,11 @@ const TimePicker = ({ ampm = false, InputProps = {}, ...props }: TimePickerProps
   return (
     <MuiTimePicker
       ampm={ampm}
+      open={false}
       {...props}
-      PopperProps={{
-        // @ts-ignore
+      OpenPickerButtonProps={{
         sx: {
-          '& .MuiClockPicker-arrowSwitcher': {
-            width: '70px',
-
-            '& button:hover': {
-              backgroundColor: 'primary.light',
-            },
-          },
+          pointerEvents: 'none',
         },
       }}
       renderInput={(params) => <TextField {...(params as TextFieldProps)} {...InputProps} />}

From 536eddfeb2676d458ea7335ce407fa63c675b189 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Susanna=20Landstr=C3=B6m?= <susanna.landstrom@lyyti.com>
Date: Thu, 28 Apr 2022 16:29:47 +0300
Subject: [PATCH 2/2] fix placeholder not showing completely for am/pm

---
 src/components/TimePicker.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/TimePicker.tsx b/src/components/TimePicker.tsx
index 7a419faec..7b2b30f4c 100644
--- a/src/components/TimePicker.tsx
+++ b/src/components/TimePicker.tsx
@@ -12,6 +12,11 @@ const TimePicker = ({ ampm = false, InputProps = {}, ...props }: TimePickerProps
       ampm={ampm}
       open={false}
       {...props}
+      InputAdornmentProps={{
+        sx: {
+          ml: '0px',
+        },
+      }}
       OpenPickerButtonProps={{
         sx: {
           pointerEvents: 'none',