Returning repeated objects only if unique in Angular's ng-repeat

I am using Angular to iterate through some events from a JSON file. All is well except I am trying to show repeated event.month only once in the ng-repeat. The event.month returns the month and the day (ie October 28th) and the event.day returns the day of the week (ie Tuesday)

If there are 20 events under October 28th, I only want the first October 28th to show up in the view. I've tried a few different custom filters but can't seem to get it right.

I've tried picking apart the unique filter from https://github.com/a8m/angular-filter but with no luck. The unique filter works, but it omits the entire object and I just want it to omit the date if it's already returned and to only show for the first date.

Any help would be greatly appreciated!

I have created a CodePen as well - http://codepen.io/drewbietron/pen/qLBit

Here is a dummied down version of what I'm working with so fat with css and the other filters I have omitted.

<ul ng-repeat="event in events">

    <span>
    {{event.day}}
    {{event.month}}
    </span>

    <li>

        <span>{{event.time}}</span>

        <h2>{{event.instructor}}</h2>
        <p>{{event.info}}</p>

    </li>

</ul>