Accept Numeric Input Only After Confirmation

Hi Experts,
I am new to ignition and playing around with vision components.
I have a Numeric input field which allows a user to edit the value and accept the value only after pressing ENTER button.
Now i want to have a confirmation dialog box after pressing ENTER key. Numeric field should accept the edited value only after i press Yes in confirmation dialog box. For this i have done below changes in component scripting:

But the observation is that numeric filed is accepting a value and passing it to the tag after pressing ENTER and before confirmation.

My Numeric field component property for your reference:

Don't use a bidirectional binding directly on the entry field's value. Instead, add a custom property (I would call it raw) and move the bidirectional binding to that new property. Then make a unidirectional property binding from the field's value to the custom property.

Add styling to the field to highlight when raw and value are different. Then, in your confirmation script, or perhaps a "send" button, all you have to do is copy value to raw after confirmation. You can also support canceling by copying raw to value.