Customize the timer icon:
Hide time icon
.hide-time-icon::-webkit-calendar-picker-indicator { opacity: 0; display: none; -webkit-appearance: none; } and add the class in the time input
I've added the CSS rule to hide the browser's default time picker icon and applied the hide-time-icon class to the time input field. Now only the custom Clock icon on the right side will be visible.
Align clock to the right side and time input to left side.