Assuming D18019 is merged, this would:

Provides an easy lookup of the date format variables for the user so the user does not need to Alt+Tab between windows.

You can click a variable or it's rendered text to insert the variable into the TextField. It will add a space " " unless the text is empty.

You can also drag a variable and drop it onto the text field to insert it.

To Do:

• Delete the selected text first before inserting.
• I should check if we should add a space afterwards as well in case the text cursor is in the middle of a word.
• I should not add a space if there's already a space in front.
• Select the inserted text
• TextField.focus = true instead of drawing a rectangular outline above the TextField to demonstrate we can drop?
• Move the TextField.cursorPosition when a hovering with a drag

• Test clicking to add.
• Test dragging and dropping.
• Test adding with the cursorPosition at the start of a word, and make sure it adds a space after (but not before).
• Test adding with the cursorPosition inside a word, and make sure it adds a space before and after.
• Test adding with the cursorPosition at the end of a word, and make sure it adds a space before (but not after).
• Test adding with a selection, and make sure it deletes the existing selected text first before adding.