Simple responsive date for AngularJS

date-snippet-for-template.html

<span>{{fare.book_by_date | date:checkDate()}}</span>

function-for-controller.js

$scope.checkDate = function() {
    console.log($window.innerWidth);
    if ($window.innerWidth > 1024) {
      return 'longDate';
    } else {
      return 'shortDate';
    }
  };

I like it, but I think the breakpoint could stand to be smaller. I don't know too many tablets that couldn't handle a long date format, or too many mobile devices with a screen as big as 1024px wide.

sure, the break point can be whatever you want.