Time picker preview on structure

Good day, guys, it’s my first time to post, How can I preview a 12-hour notation format just like in time picker inside of the structure. An example I set 3:00 PM and I want to display also a 3:00 PM on the preview, but instead it will show a 24-hour format, I did also try field preview extension, to modify the outcome but still the same. Any ideas? or what did I wrong.?
here is the SS:
image

image
thanks guys

What did you try to change the preview?

Good day @texnixe, I did try using this method

instead, it shows a 24 four format rather than 6:00 PM

@Daryl_Cabanting this example can be a good starting point. Check out the dayjs api reference to find the format you want.