How to create a theme date view with CSS styles?
I have my CSS to achieve this poster but I do not know how to add ??
how broken down the date for this display

Add 1 more Content: Even Date field.
Then for each Even Date field, select custom formatter.
for the first one put d (Note: there seems to be a bug, you will have to do this twice, as when you save the 1st time it does not change)

for the second one put F Y (Note: there seems to be a bug, you will have to do this twice, as when you save the 1st time it does not change)

Result

PS: You can add CSS classes to your field under the fields STYLE SETTINGS, no need to use template files to add css classes.

Then, for example, you add .cool { border: solid red; } to your theme's css file.