Date field with ordinal suffix and “day of”

I've seen that I can use a JavaScript to change the date format to an ordinal date...I haven't a clue how to start that. If someone can explain, lovely. The format would be this: 3rd day of December, 2022 (except the "rd" would be superscript if at all possible) If not, the most important thing is to get the final format to work like this: 3 day of December, 2022.

I thought I had the custom format working because the example and when I select a date from the date picker it shows correctly, however when I then click off the form box it screws up. I've attached a photo to show what I mean.

any help is greatly appreciated!