Date Field

This field allows the user to insert the date manually and also offers a drop-down calendar to choose the date from there. The input mask is added automatically here, showing the user the right order of typing the date. The date chosen in the calendar will be put into the bar in the proper order.
Settings

Field Settings
If you want to use the date chosen by the user as a timestamp, enable the Is Timestamp toggle. Unlike the plain date data, the timestamps can be sent and used in some third-party apps like Google Calendar.
Style Settings

If you have installed the JetStyleManager plugin, the Block Style button will appear in the top right corner of the editing window. Here are the styling settings you can meet there: