<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
data-namespace-typo3-fluid="true">
<h2>{month.dateTimeInstance -> f:format.date(format: '%B %Y')}</h2>
<f:link.action class="calendar browse month previous" action="month" controller="Frontend\Calendar" arguments="{month: month.previousMonth}">
{f:translate(key: 'browse.month.previous', extensionName: 'calendar')}
</f:link.action>
<f:link.action class="calendar browse month next" action="month" controller="Frontend\Calendar" arguments="{month: month.nextMonth}">
{f:translate(key: 'browse.month.next', extensionName: 'calendar')}
</f:link.action>
<table class="calender monthly">
<tr>
<th>{f:translate(key: 'calendar_week.shorthand', extensionName: 'calendar')}</th>
<th>{f:translate(key: 'weekday.monday.shorthand', extensionName: 'calendar')}</th>
<th>{f:translate(key: 'weekday.tuesday.shorthand', extensionName: 'calendar')}</th>
<th>{f:translate(key: 'weekday.wednesday.shorthand', extensionName: 'calendar')}</th>
<th>{f:translate(key: 'weekday.thursday.shorthand', extensionName: 'calendar')}</th>
<th>{f:translate(key: 'weekday.friday.shorthand', extensionName: 'calendar')}</th>
<th>{f:translate(key: 'weekday.saturday.shorthand', extensionName: 'calendar')}</th>
<th>{f:translate(key: 'weekday.sunday.shorthand', extensionName: 'calendar')}</th>
</tr>
<f:for each="{month.weeks}" as="week">
<tr class="{f:if(condition: week.active, then: 'active', else: 'inactive')}">
<td>
<f:link.action action="week" controller="Frontend\Calendar" arguments="{week: week.asUrlArgument}">
{week.dateTimeInstance -> f:format.date(format: '%V')}
</f:link.action>
</td>
<f:for each="{week.days}" as="day">
<td class="{f:if(condition: day.active, then: 'active', else: 'inactive')}">
<f:link.action action="day" controller="Frontend\Calendar" arguments="{day: day.asUrlArgument}">
{day.dateTimeInstance -> f:format.date(format: 'd')}
</f:link.action>
</td>
</f:for>
</tr>
</f:for>
</table>
</html>