How to print date in image in Event List in Drupal
Navigate to /admin/config/regional/date-time/formats/add and add a new date format. For the replacement pattern use: M t then click save.

then navigate to: /admin/config/regional/date-time and create a human readable name for your custom date format, then select the date format you created inside the select box. click save.

Create your view add your date field and then in the field settings give it your custom date format for the format section.

Style with CSS. You're done.

You may need to create two different date formats to achieve the styling you want. One for M and one for t. Then add your date field to the view twice and add the date formats on the fields, then you can easily target the two different date elements and use css to position them the way they are in the image you provided.