diff --git a/frontend/app/scripts/directives/updatableBoolean.js b/frontend/app/scripts/directives/updatableBoolean.js
index e6e231e814..5d84fc826f 100644
--- a/frontend/app/scripts/directives/updatableBoolean.js
+++ b/frontend/app/scripts/directives/updatableBoolean.js
@@ -12,7 +12,8 @@
                     'active': '=?',
                     'placeholder': '@',
                     'trueText': '@?',
-                    'falseText': '@?'
+                    'falseText': '@?',
+                    'clearable': '<?'
                 }
             };
         });
diff --git a/frontend/app/scripts/directives/updatableDataDropdown.js b/frontend/app/scripts/directives/updatableDataDropdown.js
index 3b1b1598df..6d4670c71e 100644
--- a/frontend/app/scripts/directives/updatableDataDropdown.js
+++ b/frontend/app/scripts/directives/updatableDataDropdown.js
@@ -10,7 +10,8 @@
                     'value': '=?',
                     'onUpdate': '&',
                     'active': '=?',
-                    'placeholder': '@'
+                    'placeholder': '@',
+                    'clearable': '<?'
 
                 }
             };
diff --git a/frontend/app/scripts/directives/updatableDate.js b/frontend/app/scripts/directives/updatableDate.js
index a8c0bc636f..da2c09d417 100644
--- a/frontend/app/scripts/directives/updatableDate.js
+++ b/frontend/app/scripts/directives/updatableDate.js
@@ -22,6 +22,12 @@
                 'restrict': 'E',
                 'link': function(scope, element, attrs, ctrl, transclude) {
                     UtilsSrv.updatableLink(scope, element, attrs, ctrl, transclude);
+
+                    scope.clear = function() {
+                        scope.value = null;
+                        scope.humanDate = null;
+                    };
+
                     $(element).find('.input-datetime').datetimepicker({
                         format: 'dd-mm-yyyy hh:ii',
                         weekStart: 1,
@@ -53,7 +59,8 @@
                 'scope': {
                     'value': '=?',
                     'onUpdate': '&',
-                    'active': '=?'
+                    'active': '=?',
+                    'clearable': '<?'
                 }
             };
         });
diff --git a/frontend/app/scripts/directives/updatableSelect.js b/frontend/app/scripts/directives/updatableSelect.js
index df9a7d4992..a7cf190707 100644
--- a/frontend/app/scripts/directives/updatableSelect.js
+++ b/frontend/app/scripts/directives/updatableSelect.js
@@ -11,7 +11,8 @@
                     'value': '=?',
                     'onUpdate': '&',
                     'active': '=?',
-                    'placeholder': '@'
+                    'placeholder': '@',
+                    'clearable': '<?'
                 }
             };
         });
diff --git a/frontend/app/scripts/directives/updatableSimpleText.js b/frontend/app/scripts/directives/updatableSimpleText.js
index 8a0e448dfc..fb724d202a 100644
--- a/frontend/app/scripts/directives/updatableSimpleText.js
+++ b/frontend/app/scripts/directives/updatableSimpleText.js
@@ -11,7 +11,8 @@
                     'value': '=?',
                     'onUpdate': '&',
                     'active': '=?',
-                    'placeholder': '@'
+                    'placeholder': '@',
+                    'clearable': '<?'
                 }
             };
         });
diff --git a/frontend/app/scripts/directives/updatableTags.js b/frontend/app/scripts/directives/updatableTags.js
index 20341ef70d..d70e9e2339 100644
--- a/frontend/app/scripts/directives/updatableTags.js
+++ b/frontend/app/scripts/directives/updatableTags.js
@@ -10,7 +10,8 @@
                     'value': '=?',
                     'onUpdate': '&',
                     'active': '=?',
-                    'source': '='
+                    'source': '=',
+                    'clearable': '<?'
                 }
             };
         });
diff --git a/frontend/app/scripts/directives/updatableText.js b/frontend/app/scripts/directives/updatableText.js
index e074793712..050d1bddce 100644
--- a/frontend/app/scripts/directives/updatableText.js
+++ b/frontend/app/scripts/directives/updatableText.js
@@ -8,7 +8,8 @@
             'scope': {
                 'value': '=?',
                 'onUpdate': '&',
-                'active': '=?'
+                'active': '=?',
+                'clearable': '<?'
             }
         };
     });
diff --git a/frontend/app/scripts/directives/updatableUser.js b/frontend/app/scripts/directives/updatableUser.js
index 4295438b6d..1722831dd6 100644
--- a/frontend/app/scripts/directives/updatableUser.js
+++ b/frontend/app/scripts/directives/updatableUser.js
@@ -49,7 +49,8 @@
                     query: '=',
                     queryParams: '=',
                     onUpdate: '&',
-                    active: '=?'
+                    active: '=?',
+                    clearable: '<?'
                 }
             };
         });
diff --git a/frontend/app/scripts/services/common/UtilsSrv.js b/frontend/app/scripts/services/common/UtilsSrv.js
index 35076d9807..4ff664a257 100644
--- a/frontend/app/scripts/services/common/UtilsSrv.js
+++ b/frontend/app/scripts/services/common/UtilsSrv.js
@@ -101,6 +101,9 @@
                         scope.value = scope.oldValue;
                         scope.updatable.updating = false;
                     };
+                    scope.clear = function() {
+                        scope.value = null;
+                    };
                 },
 
                 extractQueryParam: function(paramName, queryString) {
diff --git a/frontend/app/views/components/common/custom-field-input.component.html b/frontend/app/views/components/common/custom-field-input.component.html
index 6d62361643..ec4ad46a5d 100644
--- a/frontend/app/views/components/common/custom-field-input.component.html
+++ b/frontend/app/views/components/common/custom-field-input.component.html
@@ -4,29 +4,29 @@
         <updatable-select
             options="$ctrl.field.options"
             on-update="$ctrl.updateField(newValue)"
-            value="$ctrl.value"></updatable-select>
+            value="$ctrl.value" clearable="true"></updatable-select>
     </dd>
     <dd ng-if="$ctrl.editable && $ctrl.field.options.length === 0" ng-switch="$ctrl.field.type">
         <div class="custom-field-input-wrapper">
             <updatable-simple-text ng-switch-when="string"
-                input-type="text" on-update="$ctrl.updateField(newValue)" value="$ctrl.value"></updatable-simple-text>
+                input-type="text" on-update="$ctrl.updateField(newValue)" value="$ctrl.value" clearable="true"></updatable-simple-text>
 
-            <updatable-date ng-switch-when="date" on-update="$ctrl.updateField(newValue)" value="$ctrl.value"></updatable-date>
+            <updatable-date ng-switch-when="date" on-update="$ctrl.updateField(newValue)" value="$ctrl.value" clearable="true"></updatable-date>
 
             <updatable-simple-text ng-switch-when="integer"
                 input-type="integer"
                 on-update="$ctrl.updateField(newValue)"
-                value="$ctrl.value"></updatable-simple-text>
+                value="$ctrl.value" clearable="true"></updatable-simple-text>
 
             <updatable-simple-text ng-switch-when="float"
                input-type="float"
                on-update="$ctrl.updateField(newValue)"
-               value="$ctrl.value"></updatable-simple-text>
+               value="$ctrl.value" clearable="true"></updatable-simple-text>
 
             <updatable-boolean ng-switch-when="boolean"
                 input-type="number"
                 on-update="$ctrl.updateField(newValue)"
-                value="$ctrl.value"></updatable-boolean>
+                value="$ctrl.value" clearable="true"></updatable-boolean>
 
             <span ng-switch-default>Not Editable</span>
         </div>
diff --git a/frontend/app/views/directives/updatable-boolean.html b/frontend/app/views/directives/updatable-boolean.html
index f2eb94ab1b..4a383096de 100644
--- a/frontend/app/views/directives/updatable-boolean.html
+++ b/frontend/app/views/directives/updatable-boolean.html
@@ -18,6 +18,9 @@
 				<button class="btn btn-sm btn-default" type="button" ng-click="cancel()">
 					<i class="text-danger glyphicon glyphicon-remove"></i>
 				</button>
+				<button class="btn btn-sm btn-default" type="button" ng-click="clear()" ng-if="clearable === true">
+					<i class="text-danger glyphicon glyphicon-erase"></i>
+				</button>
 	        </span>
 		</div>
 	</form>
diff --git a/frontend/app/views/directives/updatable-date.html b/frontend/app/views/directives/updatable-date.html
index 6dc9c05410..0479e71ec3 100644
--- a/frontend/app/views/directives/updatable-date.html
+++ b/frontend/app/views/directives/updatable-date.html
@@ -21,6 +21,9 @@
                 <button class="btn btn-sm btn-default" type="button" ng-click="cancel()">
     				<i class="text-danger glyphicon glyphicon-remove"></i>
     			</button>
+                <button class="btn btn-sm btn-default" type="button" ng-click="clear()" ng-if="clearable === true">
+					<i class="text-danger glyphicon glyphicon-erase"></i>
+				</button>
             </span>
     	</div>
     </form>
diff --git a/frontend/app/views/directives/updatable-select.html b/frontend/app/views/directives/updatable-select.html
index e901a03d06..d7ade46e19 100644
--- a/frontend/app/views/directives/updatable-select.html
+++ b/frontend/app/views/directives/updatable-select.html
@@ -18,6 +18,9 @@
 				<button class="btn btn-sm btn-default" type="button" ng-click="cancel()">
 					<i class="text-danger glyphicon glyphicon-remove"></i>
 				</button>
+				<button class="btn btn-sm btn-default" type="button" ng-click="clear()" ng-if="clearable === true">
+					<i class="text-danger glyphicon glyphicon-erase"></i>
+				</button>
 	        </span>
 		</div>
 	</form>
diff --git a/frontend/app/views/directives/updatable-simple-text.html b/frontend/app/views/directives/updatable-simple-text.html
index 21cd440100..9a6bbb2b14 100644
--- a/frontend/app/views/directives/updatable-simple-text.html
+++ b/frontend/app/views/directives/updatable-simple-text.html
@@ -20,6 +20,9 @@
 				<button class="btn btn-sm btn-default" type="button" ng-click="cancel()">
 					<i class="text-danger glyphicon glyphicon-remove"></i>
 				</button>
+				<button class="btn btn-sm btn-default" type="button" ng-click="clear()" ng-if="clearable === true">
+					<i class="text-danger glyphicon glyphicon-erase"></i>
+				</button>
 	        </span>
 		</div>
 	</form>
diff --git a/frontend/app/views/directives/updatable-tags.html b/frontend/app/views/directives/updatable-tags.html
index feaf4e1a7a..e835f01ed3 100644
--- a/frontend/app/views/directives/updatable-tags.html
+++ b/frontend/app/views/directives/updatable-tags.html
@@ -23,6 +23,9 @@
             <button type="button" class="btn btn-sm btn-default" ng-click='cancel()'>
                 <i class="text-danger glyphicon glyphicon-remove"></i>
             </button>
+            <button class="btn btn-sm btn-default" type="button" ng-click="clear()" ng-if="clearable === true">
+                <i class="text-danger glyphicon glyphicon-erase"></i>
+            </button>
         </div>
     </span>
 </div>
diff --git a/frontend/app/views/directives/updatable-text.html b/frontend/app/views/directives/updatable-text.html
index 557019bb56..ef2ec25a26 100644
--- a/frontend/app/views/directives/updatable-text.html
+++ b/frontend/app/views/directives/updatable-text.html
@@ -28,6 +28,9 @@
                 <button type="button" class="btn btn-sm btn-default" ng-click='cancel()'>
                     <i class="text-danger glyphicon glyphicon-remove"></i>
                 </button>
+                <button class="btn btn-sm btn-default" type="button" ng-click="clear()" ng-if="clearable === true">
+					<i class="text-danger glyphicon glyphicon-erase"></i>
+				</button>
             </div>
             <a class="pull-right" href="https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet" target="_blank">
                 <i class="fa fa-question-circle"></i> Markdown Reference</a>
diff --git a/frontend/app/views/directives/updatable-user.html b/frontend/app/views/directives/updatable-user.html
index 7581a6b787..a64a013626 100644
--- a/frontend/app/views/directives/updatable-user.html
+++ b/frontend/app/views/directives/updatable-user.html
@@ -4,7 +4,7 @@
 
         <small class="updatable-input-icon">
             <i class="glyphicon glyphicon-pencil"></i>
-        </small>    
+        </small>
     </span>
     <span ng-init="updatable.dropdownOpen=false" ng-show="updatable.updating">
         <div class="btn-group" uib-dropdown is-open="updatable.dropdownOpen">
@@ -15,6 +15,9 @@
             <button class="btn btn-default btn-sm" ng-click='updatable.updating = false' type="button">
                 <i class="text-danger glyphicon glyphicon-remove"></i>
             </button>
+            <button class="btn btn-sm btn-default" type="button" ng-click="clear()" ng-if="clearable === true">
+                <i class="text-danger glyphicon glyphicon-erase"></i>
+            </button>
             <ul class="dropdown-menu scroll-dropdown" uib-dropdown-menu>
                 <li ng-repeat="user in userList">
                     <a ng-click="update(user.login)">{{user.organisation}}/{{user.name}}</a>