Merge pull request #49 from susannalandstrom/NG-744

NG-744 disable clock ui selection
lyytioy · Apr 28, 2022 · 584e9c5 · 584e9c5
2 parents 57c0edb + 536eddf
commit 584e9c5
Showing 1 changed file with 8 additions and 9 deletions.
diff --git a/src/components/TimePicker.tsx b/src/components/TimePicker.tsx
@@ -10,17 +10,16 @@ const TimePicker = ({ ampm = false, InputProps = {}, ...props }: TimePickerProps
   return (
     <MuiTimePicker
       ampm={ampm}
+      open={false}
       {...props}
-      PopperProps={{
-        // @ts-ignore
+      InputAdornmentProps={{
         sx: {
-          '& .MuiClockPicker-arrowSwitcher': {
-            width: '70px',
-
-            '& button:hover': {
-              backgroundColor: 'primary.light',
-            },
-          },
+          ml: '0px',
+        },
+      }}
+      OpenPickerButtonProps={{
+        sx: {
+          pointerEvents: 'none',
         },
       }}
       renderInput={(params) => <TextField {...(params as TextFieldProps)} {...InputProps} />}