Answer by totymedli for How to make tab skip the icon inside the Time Picker?

tl;dr

Set the tabIndex prop of the openPickerButton inside the TimePicker's slotProps.

Solution

<TimePicker  label="Basic time picker"   slotProps={{    openPickerButton: {      tabIndex: -1,    },  }}/>

Usually, MUI components expose a slotProp prop that can be used to pass props to the underlying components inside its slots. Just go to the Slots section of the API docs and find the name of the component whose behavior you would like to change (openPickerButton in this case) and override its related props via slotProps or provide a custom component via slots .