TimePicker: Entering a new time does not completely clear the input

[silvalaura]

Describe the bug The time picker right now expects the user to press the backspace if there are already 2 characters in the field, instead of removing all values and replacing them with the new number

To Reproduce Steps to reproduce the behavior:

1. Go to https://next--upbeat-sinoussi-f675aa.netlify.app/api/time-picker/
2. Replace the time with 11:59
3. Try replacing the minutes from 59 to 30 by pressing the number 3 when the minutes are selected, then 0
4. Notice that the time ends up being 50

Expected behavior TimePicker replacement should work like MUI https://mui.com/x/react-date-pickers/time-picker/ where pressing a number after the minutes or hours are already filled completely erases both numbers