Calculator UI improvement of radio enabled fields
Currently, for fields such as room volume and meeting date, you have to click on a radio button and then enter a field value in order to have created a valid form input. This workflow is laborious and not user-friendly.
Instead, we can use the following rules to simplify the workflow:
- If a value is entered in one of the fields, automatically toggle the appropriate radio button
- If no values are in the fields because a user removed the value (e.g with backspace), automatically uncheck the radio buttons
- If a user clicks on a radio button, clear the fields from the group that are no longer applicable (and disable entry of those)
- Put the radio buttons last in the tab index of the form (after the submit button) so that users going through the form with the TAB button don't need to bother with toggling them (since they can just type and get what they need).