{% if newsListItems.length %}
  <ol class="[ news-list__items ]" reversed>
    {% for item in newsListItems %}
      {% if item.date.getTime() <= global.now %}
        <li class="news-list__item {{ item.data.type }}">
          <h3 class="news-list__item-heading">
            <a href="{{ item.url | url }}" class="news-list__link" rel="bookmark">{{ item.data.title }}</a>
          </h3>
          <p class="news-list__item-date">
            {% if item.data.eventDate %}
            <time datetime="{{ item.data.eventDate | w3DateFilter }}">{{ item.data.eventDate | dateFilter }}</time>
            {% else %}
            <time datetime="{{ item.date | w3DateFilter }}">{{ item.date | dateFilter }}</time>
            {% endif %}
            {% if item.data.eventTime %}
            <time datetime="{{ item.data.eventTime }}">{{ item.data.eventTime }}</time>
            {% endif %}
          </p>
        </li>
      {% endif %}
    {% endfor %}
  </ol>
{% endif %}