diff --git a/src/public/js/angularjs/controllers/singleTicket.js b/src/public/js/angularjs/controllers/singleTicket.js
index dd5fed02b..f87500cc8 100644
--- a/src/public/js/angularjs/controllers/singleTicket.js
+++ b/src/public/js/angularjs/controllers/singleTicket.js
@@ -487,12 +487,21 @@ define([
         }
       }
 
+      $scope.clearDueDate = function ($event) {
+        $event.preventDefault()
+        var id = $('#__ticketId').html()
+        if (id.length > 0) {
+          socket.ui.setTicketDueDate(id, null)
+        }
+      }
+
       function onSocketUpdateTicketDueDate () {
         socket.socket.removeAllListeners('updateTicketDueDate')
         socket.socket.on('updateTicketDueDate', function (data) {
           $timeout(function () {
             if ($scope.ticketId === data._id)
-              $scope.dueDate = helpers.formatDate(data.dueDate, helpers.getShortDateFormat())
+              if (data.dueDate) $scope.dueDate = helpers.formatDate(data.dueDate, helpers.getShortDateFormat())
+              else $scope.dueDate = ''
           }, 0)
           // var dueDateInput = $('input#tDueDate[data-ticketId="' + data._id + '"]')
           // if (dueDateInput.length > 0) {
diff --git a/src/views/subviews/singleticket.hbs b/src/views/subviews/singleticket.hbs
index 3f47404cc..047838516 100644
--- a/src/views/subviews/singleticket.hbs
+++ b/src/views/subviews/singleticket.hbs
@@ -201,6 +201,7 @@
                                 <div class="uk-width-1-1 p-0">
                                     <span>Due Date</span>
                                     {{#hasPermOverRole data.ticket.owner.role data.common.loggedInAccount.role "tickets:update"}}
+                                    - <a href="#" class="no-ajaxy" ng-click="clearDueDate($event)">Clear</a>
                                     <input
                                             id="tDueDate"
                                             type="text"