Type in either field: the text is parsed with the pattern on every change.
A name may contain dots - <Patient.FirstName> is one ordinary UFP name, and the result below is only grouped by those dots for readability.
The page runs the JavaScript port straight from UFP.JavaScript/ufp.js. See the user guide for the pattern syntax.