JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="app">
    <div ng-controller="eventsCtrl as person">
        Maximum date: 
        <input type="text" ng-model="rechercheDateDebut" id="rechercheDateDebut" placeholder="yyyy-mm-dd">
            <br />Only display events with date >= maximum date :<br />
        <ul>
            <li ng-repeat="depart in person.dateDepart  | filtreDateDepart:rechercheDateDebut">{{ depart.tra_start_date }}</li>
        </ul>
    </div>
</div>

CSS

</style> <script src="//code.angularjs.org/1.3.0-beta.7/angular.js"></script> <style>

JavaScript

var app = angular.module('app', []);

//objective: make a filter who display events with date > date give by user
app.filter('filtreDateDepart', function ($filter, param) {
    return function (dateDebut) {
        // Would like todo something like
        // if tra_start_date > dateDebut return dateDebut
        // else return nothing
        alert(param);
        var foo = $filter('filter')(dateDebut, function (item) {
  								return new Date(item.tra_start_date) > new Date();
									});
        return foo;
    };
});

app.controller('eventsCtrl', function () {
    this.dateDepart = [{
        tra_start_date: '2017-11-29'
    }, {
        tra_start_date: '2013-03-03'
    }, {
        tra_start_date: '2013-09-04'
    }, {
        tra_start_date: '2013-11-12'
    }, {
        tra_start_date: '2013-02-01'
    }];
});