Change attrs directive on AngularJS

adaptativeDatetimePicker.js

"use strict";

angular.module('app').directive('adaptativeDatetimePicker', function($http, $rootScope, $document, $window, $compile) {
    return {
      priority:1001, // compiles first
      terminal:true, // prevent lower priority directives to compile after it
      compile: function(el, attrs) {
          if ($window.innerWidth <= 768) {
            el.removeAttr('adaptative-datetime-picker'); // necessary to avoid infinite compile loop
            el.removeAttr('data-smart-masked-input');
            el.attr('type', 'datetime-local');

          }else {
            el.removeAttr('adaptative-datetime-picker'); // necessary to avoid infinite compile loop
            el.attr('data-smart-masked-input', '99/99/9999 99:99');
          }
          var fn = $compile(el);
          return function(scope){
            fn(scope);
          };
      }
    }
})