TASK: Better display for event date period

Resources/Private/Templates/Event/Event.html

 {namespace ts=TYPO3\TypoScript\ViewHelpers}
 {namespace neos=TYPO3\Neos\ViewHelpers}
 <div{attributes -> f:format.raw()}>
-<div>
+<div style="margin-bottom: 1em; border-bottom: 1px solid #CCC;">
 	<f:render partial="DatePeriod" arguments="{dateFormatType: dateFormatType, startDate: startDate, endDate: endDate, venue: venue}" />
 </div>
 	{main -> f:format.raw()}

Resources/Private/Templates/Event/Partials/DatePeriod.html

 <f:if condition="{startDate}">
-	<f:if condition="{dateFormatType} == 'sameDay'">
-	<f:then>
-		<em><f:format.date format="F j Y" >{startDate}</f:format.date> {venue}</em>
-	</f:then>
-		<f:else>
-			<f:if condition="{dateFormatType} == 'sameMonth'">
-				<f:then>
-					<em>from <f:format.date format="j" >{startDate}</f:format.date> to <f:format.date  format="F j Y">{endDate}</f:format.date> {venue}</em>
-				</f:then>
-				<f:else>
-					<f:if condition="{dateFormatType} == 'sameYear'">
-						<f:then>
-							<em>from <f:format.date format="F j" >{startDate}</f:format.date> to <f:format.date  format="F j Y">{endDate}</f:format.date> {venue}</em>
-						</f:then>
-						<f:else>
-							<em>from <f:format.date format="F j Y" >{startDate}</f:format.date> to <f:format.date  format="F j Y">{endDate}</f:format.date> {venue}</em>
-						</f:else>
-					</f:if>
-				</f:else>
-			</f:if>
-		</f:else>
-	</f:if>
-</f:if>
\ No newline at end of file
+    <f:if condition="{dateFormatType} == 'sameDay'">
+        <f:then>
+            <f:format.date format="F j, Y" >{startDate}</f:format.date> {venue}
+        </f:then>
+        <f:else>
+            <f:if condition="{dateFormatType} == 'sameMonth'">
+                <f:then>
+                    from <f:format.date format="F j" >{startDate}</f:format.date>-<f:format.date format="j, Y">{endDate}</f:format.date> {venue}
+                </f:then>
+                <f:else>
+                    <f:if condition="{dateFormatType} == 'sameYear'">
+                        <f:then>
+                            from <f:format.date format="F j" >{startDate}</f:format.date> to <f:format.date format="F j, Y">{endDate}</f:format.date> {venue}
+                        </f:then>
+                        <f:else>
+                            from <f:format.date format="F j, Y" >{startDate}</f:format.date> to <f:format.date format="F j, Y">{endDate}</f:format.date> {venue}
+                        </f:else>
+                    </f:if>
+                </f:else>
+            </f:if>
+        </f:else>
+    </f:if>
+</f:if>

Resources/Private/TypoScript/Documents/Event.ts2

@@ -21,6 +21,8 @@ prototype(Ttree.News:Event) < prototype(Ttree.News:AbstractNews) {
 		nodePath = 'main'
 	}
 
+    @process.contentElementWrapping >
+
 	@cache {
 		mode = 'cached'
 		entryIdentifier {