The developer uses the TimePicker from MUI

import { TimePicker } from '@mui/x-date-pickers';

The developer wants to remove the right, left, top borders of the input
Below css is not working

border-left-style: none;
border-top-style: none;
border-right-style: none;
border-image-width: 0;
border-left-color: rgba(255, 255, 255, 0);
border-top-color: rgba(255, 255, 255, 0);
border-right-color: rgba(255, 255, 255, 0);

How do I remove borders of React MUI TimePicker