How to enabled a button in Web Clock for the Meal Break (Only for the in time)?

Team,

As per the client's requirement, only we need to capture the Meal-in time from the meal break, so I have created 3 buttons (Time In, Time Out, and Meal In). So I logged in as an employee and punched these 3 buttons then I checked the time card it created two rows, one was for time-in and time-out and the other one was for meal-in, and the time card was in an error state because it had only one in time.

As per the requirement no need to show this meal-in time on the time card, How can I do it please advise.