diff --git a/auslib/admin/views/forms.py b/auslib/admin/views/forms.py
index 24293175c5..2226b72663 100644
--- a/auslib/admin/views/forms.py
+++ b/auslib/admin/views/forms.py
@@ -352,7 +352,7 @@ class EditScheduledChangeNewReleaseForm(ScheduledChangeTimeForm):
     Release."""
     name = StringField('Name', validators=[Optional()])
     product = StringField('Product', validators=[Optional()])
-    data = JSONStringField({}, 'Data', validators=[Optional()], widget=FileInput())
+    data = JSONStringField(None, 'Data', validators=[Optional()], widget=FileInput())
     sc_data_version = IntegerField('sc_data_version', validators=[InputRequired()], widget=HiddenInput())
 
 
@@ -361,6 +361,6 @@ class EditScheduledChangeExistingReleaseForm(ScheduledChangeTimeForm):
     a Release. Name cannot be changed because it is a PK field, and product
     cannot be changed because it almost never makes sense to (and can be done
     by deleting/recreating instead)."""
-    data = JSONStringField({}, 'Data', validators=[Optional()], widget=FileInput())
+    data = JSONStringField(None, 'Data', validators=[Optional()], widget=FileInput())
     data_version = IntegerField('data_version', widget=HiddenInput())
     sc_data_version = IntegerField('sc_data_version', validators=[InputRequired()], widget=HiddenInput())
diff --git a/auslib/admin/views/releases.py b/auslib/admin/views/releases.py
index 011312dcee..c61c745fc1 100644
--- a/auslib/admin/views/releases.py
+++ b/auslib/admin/views/releases.py
@@ -555,12 +555,18 @@ def __init__(self):
 
     @requirelogin
     def _post(self, sc_id, transaction, changed_by):
-        if request.json and request.json.get("data_version"):
+        change_type = request.json.get("change_type")
+
+        if change_type == "update":
             form = EditScheduledChangeExistingReleaseForm()
-        else:
+        elif change_type == "insert":
             form = EditScheduledChangeNewReleaseForm()
-
-        form.data.data = createBlob(form.data.data)
+        elif change_type == "delete":
+            form = EditScheduledChangeExistingReleaseForm()
+        else:
+            return Response(status=400, response="Invalid or missing change_type")
+        if form.data.data:
+            form.data.data = createBlob(form.data.data)
         return super(ReleaseScheduledChangeView, self)._post(sc_id, form, transaction, changed_by)
 
     @requirelogin
diff --git a/auslib/test/admin/views/test_permissions.py b/auslib/test/admin/views/test_permissions.py
index 6ed4ea6385..414dc17af5 100644
--- a/auslib/test/admin/views/test_permissions.py
+++ b/auslib/test/admin/views/test_permissions.py
@@ -178,6 +178,7 @@ def setUp(self):
             base_permission="rule", base_username="janet", base_options={"products": ["foo"]},
         )
         dbo.permissions.scheduled_changes.signoffs.t.insert().execute(sc_id=1, username="bill", role="releng")
+
         dbo.permissions.scheduled_changes.signoffs.history.t.insert().execute(change_id=1, changed_by="bill", timestamp=30, sc_id=1, username="bill")
         dbo.permissions.scheduled_changes.signoffs.history.t.insert().execute(change_id=2, changed_by="bill", timestamp=31, sc_id=1,
                                                                               username="bill", role="releng")
@@ -224,7 +225,6 @@ def setUp(self):
         dbo.permissions.scheduled_changes.conditions.history.t.insert().execute(
             change_id=7, changed_by="bill", timestamp=100, sc_id=3, when=30000000, data_version=2
         )
-
         dbo.permissions.scheduled_changes.t.insert().execute(
             sc_id=4, scheduled_by="bill", change_type="delete", data_version=1, base_permission="scheduled_change", base_username="mary",
             complete=False, base_data_version=1,
diff --git a/auslib/test/admin/views/test_releases.py b/auslib/test/admin/views/test_releases.py
index 19ff9ffa9d..0343f184b1 100644
--- a/auslib/test/admin/views/test_releases.py
+++ b/auslib/test/admin/views/test_releases.py
@@ -1084,7 +1084,6 @@ def setUp(self):
         dbo.releases.scheduled_changes.conditions.history.t.insert().execute(
             change_id=7, changed_by="bill", timestamp=25, sc_id=3, when=10000000, data_version=2
         )
-
         dbo.releases.scheduled_changes.t.insert().execute(
             sc_id=4, complete=False, scheduled_by="bill", change_type="delete", data_version=1, base_name="ab", base_data_version=1,
         )
@@ -1219,7 +1218,7 @@ def testAddScheduledChangeNewRelease(self):
     def testUpdateScheduledChangeExistingRelease(self):
         data = {
             "data": '{"name": "c", "hashFunction": "sha512", "extv": "3.0", "schema_version": 1}', "name": "c",
-            "data_version": 1, "sc_data_version": 1, "when": 78900000000,
+            "data_version": 1, "sc_data_version": 1, "when": 78900000000, "change_type": "update",
         }
         ret = self._post("/scheduled_changes/releases/2", data=data)
         self.assertEquals(ret.status_code, 200, ret.data)
@@ -1239,11 +1238,20 @@ def testUpdateScheduledChangeExistingRelease(self):
         cond_expected = {"sc_id": 2, "data_version": 2, "when": 78900000000}
         self.assertEquals(dict(cond[0]), cond_expected)
 
+    @mock.patch("time.time", mock.MagicMock(return_value=300))
+    def testUpdateScheduledChangeExistingDeleteRelease(self):
+        data = {
+            "name": "c",
+            "data_version": 1, "sc_data_version": 1, "when": 78900000000, "change_type": "delete"
+        }
+        ret = self._post("/scheduled_changes/releases/4", data=data)
+        self.assertEquals(ret.status_code, 200, ret.data)
+
     @mock.patch("time.time", mock.MagicMock(return_value=300))
     def testUpdateScheduledChangeNewRelease(self):
         data = {
             "data": '{"name": "m", "hashFunction": "sha512", "appv": "4.0", "schema_version": 1}', "name": "m", "product": "m",
-            "sc_data_version": 1,
+            "sc_data_version": 1, "change_type": "insert",
         }
         ret = self._post("/scheduled_changes/releases/1", data=data)
         self.assertEquals(ret.status_code, 200, ret.data)
@@ -1267,7 +1275,8 @@ def testUpdateScheduledChangeNewRelease(self):
     def testUpdateScheduledChangeNewReleaseChangeName(self):
         data = {
             "data": '{"name": "mm", "hashFunction": "sha512", "appv": "4.0", "schema_version": 1}', "name": "mm", "product": "mm",
-            "sc_data_version": 1,
+            "sc_data_version": 1, "change_type": "insert",
+
         }
         ret = self._post("/scheduled_changes/releases/1", data=data)
         self.assertEquals(ret.status_code, 200, ret.data)
diff --git a/ui/app/js/controllers/release_scheduled_change_delete_controller.js b/ui/app/js/controllers/release_scheduled_change_delete_controller.js
new file mode 100644
index 0000000000..505f99ff61
--- /dev/null
+++ b/ui/app/js/controllers/release_scheduled_change_delete_controller.js
@@ -0,0 +1,37 @@
+angular.module("app").controller("DeleteReleaseScheduledChangeCtrl",
+function ($scope, $modalInstance, CSRF, Releases, sc, scheduled_changes) {
+
+  $scope.sc = sc;
+  $scope.scheduled_changes = scheduled_changes;
+  $scope.saving = false;
+
+  $scope.saveChanges = function () {
+    $scope.saving = true;
+    CSRF.getToken()
+    .then(function(csrf_token) {
+      Releases.deleteScheduledChange($scope.sc.sc_id, $scope.sc, csrf_token)
+      .success(function(response) {
+        $scope.scheduled_changes.splice($scope.scheduled_changes.indexOf($scope.sc), 1);
+        $modalInstance.close();
+      })
+      .error(function(response) {
+        if (typeof response === 'object') {
+          sweetAlert(
+            {
+              title: "Form submission error",
+              text: response.exception
+            },
+            function() { $scope.cancel(); }
+          );
+        }
+      })
+      .finally(function() {
+        $scope.saving = false;
+      });
+    });
+  };
+
+  $scope.cancel = function () {
+    $modalInstance.dismiss("cancel");
+  };
+});
diff --git a/ui/app/js/controllers/release_scheduled_change_edit_controller.js b/ui/app/js/controllers/release_scheduled_change_edit_controller.js
new file mode 100644
index 0000000000..ad0b026f0f
--- /dev/null
+++ b/ui/app/js/controllers/release_scheduled_change_edit_controller.js
@@ -0,0 +1,134 @@
+
+angular.module('app').controller('EditReleaseScheduledChangeCtrl',
+function ($scope, $modalInstance, CSRF, Releases, sc) {
+
+  $scope.is_edit = true;
+  $scope.original_sc = sc;
+  $scope.sc = angular.copy(sc);
+  $scope.products = [];
+  Releases.getProducts().success(function(response) {
+    $scope.products = response.product;
+  });
+
+  $scope.errors = {};
+  $scope.saving = false;
+
+  $scope.setWhen = function(newDate) {
+    if (!newDate) {
+      newDate = new Date($("#id_when")[0].value);
+      $scope.sc.when = newDate;
+    }
+    $scope.calendar_is_open = false;
+    if (newDate <= new Date()) {
+      $scope.errors.when = ["Scheduled time cannot be in the past"];
+      $scope.sc.when = $scope.original_sc.when;
+    }
+    else {
+      $scope.errors.when = null;
+    }
+  };
+
+  $scope.clearWhen = function () {
+    $scope.sc.when = null;
+    $scope.errors.when = null;
+  };
+
+  $scope.fillName = function () {
+    var file = $scope.dataFile;
+    $scope.errors.data = [];
+    var reader = new FileReader();
+    reader.onloadend = function(evt) {
+      var blob = evt.target.result;
+      $scope.$apply( function() {
+        try {
+          var name = JSON.parse(blob).name;
+          if(!name) {
+            $scope.errors.data = ["Form submission error", "Name missing in blob.\n"];
+          }
+          else if (name !== $scope.sc.name) {
+            $scope.errors.data = ["Form submission error", "Name differs compared to name in blob.\n"];
+          }
+        } catch(err) {
+          $scope.errors.data = ["Form submission error", "Malformed JSON file.\n"];
+        }
+      });
+      if ($scope.errors.data.length === 0) {
+        $scope.sc.data = blob;
+      }
+    };
+    if (typeof file !== 'undefined') {
+      // should work
+      reader.readAsText(file);
+    }
+  };
+
+  $scope.changeName = function () {
+    //wait for actual file to be loaded
+    setTimeout($scope.fillName, 0);
+  };
+
+  $scope.saveChanges = function () {
+    if ($scope.sc.change_type !== "delete") {
+      if (!$scope.sc.product.trim()) {
+        sweetAlert(
+          "Form Error",
+          "Product is required.",
+          "error"
+        );
+        return;
+      }
+
+      if (!$scope.sc.name.trim()) {
+        sweetAlert(
+          "Form Error",
+          "Name is required",
+          "error"
+        );
+        return;
+      }
+
+      if (!$scope.dataFile) {
+        delete $scope.sc.data;
+      }
+    } 
+
+    $scope.saving = true;
+
+    CSRF.getToken()
+    .then(function(csrf_token) {
+      Releases.updateScheduledChange($scope.sc.sc_id, $scope.sc, csrf_token)
+      .success(function(response) {
+        $scope.sc.sc_data_version = response.new_data_version;
+        angular.copy($scope.sc, $scope.original_sc);
+        $scope.saving = false;
+        $modalInstance.close();
+      })
+      .error(function(response) {
+        if (typeof response === 'object') {
+          $scope.errors = response;
+          sweetAlert(
+            "Form submission error",
+            "See fields highlighted in red.",
+            "error"
+          );
+        }
+        else if (typeof response === 'string') {
+        // quite possibly an error in the blob validation
+          sweetAlert(
+            "Form submission error",
+            "Unable to submit successfully.\n" +
+            "(" + response+ ")",
+            "error"
+          );
+        }
+      })
+      .finally(function() {
+        $scope.saving = false;
+      });
+    });
+  }; // /saveChanges
+
+  $scope.cancel = function () {
+    $modalInstance.dismiss('cancel');
+  };
+});
diff --git a/ui/app/js/controllers/release_scheduled_changes_controller.js b/ui/app/js/controllers/release_scheduled_changes_controller.js
new file mode 100644
index 0000000000..7af77ae20e
--- /dev/null
+++ b/ui/app/js/controllers/release_scheduled_changes_controller.js
@@ -0,0 +1,168 @@
+angular.module("app").controller("ReleaseScheduledChangesController",
+function($scope, $routeParams, $location, $timeout, Search, $modal, $route, Releases) {
+
+  $scope.loading = true;
+  $scope.failed = false;
+
+  $scope.sc_id = $routeParams.sc_id;
+
+  function loadPage(newPage) {
+    Releases.getScheduledChangeHistory($scope.sc_id, $scope.pageSize, newPage)
+    .success(function(response) {
+      // it's the same release, but this works
+      $scope.scheduled_changes = response.revisions;
+      $scope.scheduled_changes_count = response.count;
+    })
+    .error(function() {
+      console.error(arguments);
+      $scope.failed = true;
+    })
+    .finally(function() {
+      $scope.loading = false;
+    });
+  }
+
+  if ($scope.sc_id) {
+    $scope.$watch("currentPage", function(newPage) {
+      loadPage(newPage);
+    });
+  } else {
+
+  Releases.getScheduledChanges()
+  .success(function(response) {
+    // "when" is a unix timestamp, but it's much easier to work with Date objects,
+    // so we convert it to that before rendering.
+    $scope.scheduled_changes = response.scheduled_changes.map(function(sc) {
+      if (sc.when !== null) {
+        sc.when = new Date(sc.when);
+      }
+      return sc;
+    });
+  })
+  .error(function() {
+    console.error(arguments);
+    $scope.failed = true;
+  })
+  .finally(function() {
+    $scope.loading = false;
+  });
+}
+  $scope.$watch("ordering_str", function(value) {
+    $scope.ordering = value.value.split(",");
+  });
+  if ($scope.sc_id) {
+    $scope.ordering_options = [
+      {
+        text: "Data Version",
+        value: "-data_version"
+      },
+    ];
+  } else {
+  $scope.ordering_options = [
+    {
+      text: "When",
+      value: "when"
+    },
+    {
+      text: "Product",
+      value: "product"
+    },
+    {
+      text: "Name",
+      value: "name"
+    },
+  ];
+  }
+
+  $scope.ordering_str = $scope.ordering_options[0];
+
+  $scope.currentPage = 1;
+  $scope.pageSize = 10;
+
+  $scope.state_filter = [
+    {
+      text: "Active",
+      value: "active",
+    },
+    {
+      text: "Completed",
+      value: "complete",
+    },
+  ];
+  $scope.state_str = $scope.state_filter[0];
+
+  $scope.filterBySelect = function(sc) {
+    if($scope.sc_id) {
+      return true;
+    }
+    if ($scope.state_str.value === "complete" && sc.complete) {
+      return true;
+    }
+    else if ($scope.state_str.value === "active" && !sc.complete) {
+      return true;
+    }
+    return false;
+  };
+
+  $scope.formatMoment = function(when) {
+    date = moment(when);
+    // This is copied from app/js/directives/moment_directive.js
+    // We can't use that for this page, because it doesn't re-render when
+    // values change.
+    return '<time title="' + date.format('dddd, MMMM D, YYYY HH:mm:ss ') + 'GMT' + date.format('ZZ') + '">' + date.fromNow() + '</time>';
+  };
+
+  $scope.openNewScheduledReleaseChangeModal = function() {
+
+    var modalInstance = $modal.open({
+      templateUrl: 'release_scheduled_change_modal.html',
+      controller: 'NewReleaseScheduledChangeCtrl',
+      size: 'lg',
+      backdrop: 'static',
+      resolve: {
+        scheduled_changes: function() {
+          return $scope.scheduled_changes;
+        },
+        sc: function() {
+          // blank new default release
+          return {
+            name: '',
+            product: '',
+            change_type: 'insert',
+          };
+        }
+      }
+    });
+  };
+
+  $scope.openUpdateModal = function(sc) {
+    var modalInstance = $modal.open({
+      templateUrl: "release_scheduled_change_modal.html",
+      controller: "EditReleaseScheduledChangeCtrl",
+      size: 'lg',
+      backdrop: 'static',
+      resolve: {
+        sc: function() {
+          sc.when = new Date(sc.when);
+          return sc;
+        }
+      }
+    });
+  };
+
+  $scope.openDeleteModal = function(sc) {
+    var modalInstance = $modal.open({
+      templateUrl: "release_scheduled_change_delete_modal.html",
+      controller: "DeleteReleaseScheduledChangeCtrl",
+      backdrop: 'static',
+      resolve: {
+        sc: function() {
+          return sc;
+        },
+        scheduled_changes: function() {
+          return $scope.scheduled_changes;
+        }
+      }
+    });
+  };
+});
diff --git a/ui/app/js/controllers/release_scheduled_changes_new_controller.js b/ui/app/js/controllers/release_scheduled_changes_new_controller.js
new file mode 100644
index 0000000000..0c7da384d3
--- /dev/null
+++ b/ui/app/js/controllers/release_scheduled_changes_new_controller.js
@@ -0,0 +1,149 @@
+angular.module("app").controller("NewReleaseScheduledChangeCtrl",
+function($scope, $http, $modalInstance, CSRF, Releases, scheduled_changes, sc) {
+
+
+  $scope.is_edit = false;
+  $scope.scheduled_changes = scheduled_changes;
+  $scope.sc = sc;
+  $scope.errors = {};
+  $scope.saving = false;
+  $scope.calendar_is_open = false;
+
+  $scope.products = [];
+  Releases.getProducts().success(function(response) {
+    $scope.products = response.product;
+  });
+
+
+  $scope.setWhen = function(newDate) {
+    if (!newDate) {
+      newDate = new Date($("#id_when")[0].value);
+      $scope.sc.when = newDate;
+    }
+    $scope.calendar_is_open = false;
+    if (newDate <= new Date()) {
+      $scope.errors.when = ["Scheduled time cannot be in the past"];
+      $scope.sc.when = null;
+    }
+    else {
+      $scope.errors.when = null;
+    }
+  };
+
+  $scope.clearWhen = function () {
+    $scope.sc.when = null;
+    $scope.errors.when = null;
+  };
+  $scope.fillName = function () {
+    var file = $scope.dataFile;
+    $scope.errors.data = [];
+    $scope.sc.name = "";
+
+    var reader = new FileReader();
+    reader.onloadend = function(evt) {
+      var blob = evt.target.result;
+      $scope.$apply( function() {
+        try{
+          var name = JSON.parse(blob).name;
+          if (name) {
+            $scope.sc.name = name;
+          }
+          else {
+            $scope.errors.data = ["Form submission error", "Missing name field in JSON blob.\n"];
+          }
+        }catch(err) {
+           $scope.errors.data = ["Form submission error", "Malformed JSON file.\n"];
+        }
+      });
+    };
+    if (typeof file !== 'undefined') {
+      // should work
+      reader.readAsText(file);
+    }
+
+  };
+
+  $scope.changeName = function () {
+    //wait for actual file to be loaded
+    setTimeout($scope.fillName, 0);
+  };
+
+  $scope.saveChanges = function () {
+    if (!$scope.sc.product.trim()) {
+      sweetAlert(
+        "Form Error",
+        "Product is required.",
+        "error"
+      );
+      return;
+    }
+    if (!$scope.dataFile) {
+      sweetAlert(
+        "Form Error",
+        "No file has been selected.",
+        "error"
+      );
+      return;
+    }
+
+    if (!$scope.sc.name.trim()) {
+      sweetAlert(
+        "Form Error",
+        "Name is required",
+        "error"
+      );
+      return;
+    }
+
+    $scope.saving = true;
+    $scope.errors = {};
+
+    var file = $scope.dataFile;
+
+    var reader = new FileReader();
+    reader.onload = function(evt) {
+      var blob = evt.target.result;
+      CSRF.getToken()
+      .then(function(csrf_token) {
+        var data = $scope.sc;
+        data.data = blob;
+        Releases.addScheduledChange(data, csrf_token)
+        .success(function(response){
+          $scope.sc.sc_data_version = 1;
+          $scope.sc.sc_id = response.sc_id;
+          $scope.scheduled_changes.push($scope.sc);
+          $modalInstance.close();
+        })
+        .error(function(response){
+          if (typeof response === 'object') {
+            $scope.errors = response;
+            sweetAlert(
+              "Form submission error",
+              "See fields highlighted in red.",
+              "error"
+            );
+          } else if (typeof response === 'string') {
+            // quite possibly an error in the blob validation
+            sweetAlert(
+              "Form submission error",
+              "Unable to submit successfully.\n" +
+              "(" + response + ")",
+              "error"
+            );
+          }
+        })
+        .finally(function() {
+          $scope.saving = false;
+        });
+      });
+    };
+      // should work
+    reader.readAsText(file);
+
+  };
+
+  $scope.cancel = function () {
+    $modalInstance.dismiss('cancel');
+  };
+});
+
diff --git a/ui/app/js/controllers/release_scheduled_delete_controller.js b/ui/app/js/controllers/release_scheduled_delete_controller.js
new file mode 100644
index 0000000000..e2b5c2a54e
--- /dev/null
+++ b/ui/app/js/controllers/release_scheduled_delete_controller.js
@@ -0,0 +1,86 @@
+angular.module("app").controller("NewReleaseScheduledDeleteCtrl",
+function($scope, $http, $modalInstance, CSRF, Releases, scheduled_changes, sc) {
+
+
+  $scope.is_edit = false;
+  $scope.scheduled_changes = scheduled_changes;
+  $scope.sc = sc;
+  $scope.errors = {};
+  $scope.saving = false;
+  $scope.calendar_is_open = false;
+
+
+
+  $scope.setWhen = function(newDate) {
+    if (!newDate) {
+      newDate = new Date($("#id_when")[0].value);
+      $scope.sc.when = newDate;
+    }
+    $scope.calendar_is_open = false;
+    if (newDate <= new Date()) {
+      $scope.errors.when = ["Scheduled time cannot be in the past"];
+      $scope.sc.when = null;
+    }
+    else {
+      $scope.errors.when = null;
+    }
+  };
+
+  $scope.clearWhen = function () {
+    $scope.sc.when = null;
+    $scope.errors.when = null;
+  };
+
+
+ $scope.changeName = function () {
+    //wait for actual file to be loaded
+    setTimeout($scope.fillName, 0);
+  };
+
+  $scope.saveChanges = function () {
+
+    $scope.saving = true;
+    $scope.errors = {};
+
+
+      CSRF.getToken()
+      .then(function(csrf_token) {
+        var data = $scope.sc;
+        Releases.addScheduledChange(data, csrf_token)
+        .success(function(response){
+          $scope.sc.sc_data_version = 1;
+          $scope.sc.sc_id = response.sc_id;
+          $scope.scheduled_changes.push($scope.sc);
+          $modalInstance.close();
+        })
+        .error(function(response){
+          if (typeof response === 'object') {
+            $scope.errors = response;
+            sweetAlert(
+              "Form submission error",
+              "See fields highlighted in red.",
+              "error"
+            );
+          } else if (typeof response === 'string') {
+            // quite possibly an error in the blob validation
+            sweetAlert(
+              "Form submission error",
+              "Unable to submit successfully.\n" +
+              "(" + response + ")",
+              "error"
+            );
+          }
+        })
+        .finally(function() {
+          $scope.saving = false;
+        });
+      });
+    };
+      // should work
+
+
+  $scope.cancel = function () {
+    $modalInstance.dismiss('cancel');
+  };
+});
+
diff --git a/ui/app/js/controllers/releases_controller.js b/ui/app/js/controllers/releases_controller.js
index a869435cae..9777ebb5c6 100644
--- a/ui/app/js/controllers/releases_controller.js
+++ b/ui/app/js/controllers/releases_controller.js
@@ -177,6 +177,45 @@ function($scope, $routeParams, $location, $timeout, Releases, Search, $modal) {
   };
   /* End openUpdateModal */
 
+    $scope.openNewScheduledDeleteModal = function(release) {
+
+    var modalInstance = $modal.open({
+      templateUrl: 'release_scheduled_delete_modal.html',
+      controller: 'NewReleaseScheduledDeleteCtrl',
+      size: 'lg',
+      resolve: {
+        scheduled_changes: function() {
+          return [];
+        },
+        sc: function() {
+          sc = angular.copy(release);
+          sc["change_type"] = "delete";
+          return sc;
+        }
+      }
+    });
+  };
+
+  $scope.openNewScheduledReleaseChangeModal = function(release) {
+
+    var modalInstance = $modal.open({
+      templateUrl: 'release_scheduled_change_modal.html',
+      controller: 'NewReleaseScheduledChangeCtrl',
+      size: 'lg',
+      backdrop: 'static',
+      resolve: {
+        scheduled_changes: function() {
+          return [];
+        },
+        sc: function() {
+          sc = angular.copy(release);
+          sc["change_type"] = "update";
+          return sc;
+        }
+      }
+    });
+  };
+
   $scope.openDeleteModal = function(release) {
 
     var modalInstance = $modal.open({
diff --git a/ui/app/js/router.js b/ui/app/js/router.js
index e8cfa3836d..b10bc2990e 100644
--- a/ui/app/js/router.js
+++ b/ui/app/js/router.js
@@ -26,6 +26,18 @@ angular.module("app").config(function($routeProvider, $locationProvider) {
     reloadOnSearch: false
   })
 
+  .when("/releases/scheduled_changes", {
+    templateUrl: "release_scheduled_changes.html",
+    controller: "ReleaseScheduledChangesController",
+    reloadOnSearch: false
+  })
+
+  .when("/scheduled_changes/releases/:sc_id", {
+    templateUrl: "release_scheduled_changes.html",
+    controller: "ReleaseScheduledChangesController",
+    reloadOnSearch: false
+  })
+
   .when('/releases/:name', {
     templateUrl: 'releases.html',
     controller: 'ReleasesController',
diff --git a/ui/app/js/services/releases_service.js b/ui/app/js/services/releases_service.js
index 080ee02f40..138ff7df9f 100644
--- a/ui/app/js/services/releases_service.js
+++ b/ui/app/js/services/releases_service.js
@@ -69,8 +69,53 @@ angular.module("app").factory('Releases', function($http, $q) {
       data.csrf_token = csrf_token;
       var url = '/api/releases/' + encodeURIComponent(name) + '/revisions';
       return $http.post(url, data);
-    }
+    },
+
+    getScheduledChanges: function() {
+      return $http.get("/api/scheduled_changes/releases?all=1");
+    },
+
+    getScheduledChange: function(sc_id) {
+      return $http.get("/api/scheduled_changes/releases/" + sc_id);
+    },
+    getScheduledChangeHistory: function(sc_id, limit, page) {
+      url = '/api/scheduled_changes/releases/' + encodeURIComponent(sc_id) + '/revisions';
+      url += '?limit=' + limit + '&page=' + page;
+      return $http.get(url);
+    },
+
+    addScheduledChange: function(data, csrf_token) {
+      data = jQuery.extend({}, data);
+      if (data.when === null) {
+        data.when = "";
+      }
+      else {
+        data.when = data.when.getTime();
+      }
+      data.csrf_token = csrf_token;
+      return $http.post("/api/scheduled_changes/releases", data);
+    },
+
+    updateScheduledChange: function(sc_id, data, csrf_token) {
+      data = jQuery.extend({}, data);
+      if (data.when === null) {
+        data.when = "";
+      }
+      else {
+        data.when = data.when.getTime();
+      }
+      data.csrf_token = csrf_token;
+      return $http.post("/api/scheduled_changes/releases/" + sc_id, data);
+    },
+
+    deleteScheduledChange: function(sc_id, data, csrf_token) {
+      var url = "/api/scheduled_changes/releases/" + sc_id;
+      url += '?data_version=' + data.sc_data_version;
+      url += '&csrf_token=' + encodeURIComponent(csrf_token);
+      return $http.delete(url);
+     },
   };
+
   return service;
 
 });
diff --git a/ui/app/pages/index.us b/ui/app/pages/index.us
index 626d1d3b67..df92d4c092 100644
--- a/ui/app/pages/index.us
+++ b/ui/app/pages/index.us
@@ -29,7 +29,12 @@
                     <li><a href="/rules/scheduled_changes">Scheduled Changes</a></li>
                 </ul>
             </li>
-            <li ng-class="{active: isOn('/releases')}"><a href="/releases">Releases</a></li>
+            <li class="dropdown nav" ng-class="{active: isOn('/releases')}">
+                <a href="/releases">Releases <span class="caret"></span></a>
+                <ul class="dropdown-menu dropdown-menu-left">
+                    <li><a href="/releases/scheduled_changes">Scheduled Changes</a></li>
+                </ul>
+            </li>
             <li ng-class="{active: isOn('/permissions')}"><a href="/permissions">Permissions</a></li>
           </ul>
         </div><!--/.nav-collapse -->
diff --git a/ui/app/templates/release_scheduled_change_delete_modal.html b/ui/app/templates/release_scheduled_change_delete_modal.html
new file mode 100644
index 0000000000..81c7684727
--- /dev/null
+++ b/ui/app/templates/release_scheduled_change_delete_modal.html
@@ -0,0 +1,20 @@
+<div class="modal-header">
+    <h3 class="modal-title">Are you sure you want to delete this release?</h3>
+</div>
+<div class="modal-body">
+
+  <dl class="dl-horizontal">
+    <dt ng-show="sc.when">When:</dt>
+    <dd ng-show="sc.when" moment="sc.when"></dd>
+    <dt>Product:</dt>
+    <dd>{{ sc.product }}</dd>
+    <dt>Name:</dt>
+    <dd>{{ sc.name }}</dd>
+  </dl>
+
+</div>
+<div class="modal-footer">
+  <div ng-show="saving" small-loader></div>
+  <button class="btn btn-primary" ng-show="!saving" ng-click="saveChanges()">Yes</button>
+  <button class="btn btn-default" ng-show="!saving" ng-click="cancel()">Cancel</button>
+</div>
diff --git a/ui/app/templates/release_scheduled_change_modal.html b/ui/app/templates/release_scheduled_change_modal.html
new file mode 100644
index 0000000000..9c5c6dbbb5
--- /dev/null
+++ b/ui/app/templates/release_scheduled_change_modal.html
@@ -0,0 +1,70 @@
+<div class="modal-header">
+    <h3 class="modal-title" ng-show="!sc.name">Add Scheduled Change</h3>
+    <h3 class="modal-title" ng-show="sc.name && !sc.when">Add Scheduled Change for {{ sc.name }}</h3>
+    <h3 class="modal-title" ng-show="sc.name && sc.when">Edit Scheduled Change for {{ sc.name }}</h3>
+</div>
+<div class="modal-body">
+  <form role="form">
+    <h4>Scheduled Change Details</h4>
+
+      <div class="row">
+      <div class="col-md-8 col-md-offset-2">
+        <label for="id_when">When</label>
+        <div class="form-group dropdown" is-open="calendar_is_open" ng-class="{'has-error': errors.when}">
+          <div class="input-group">
+            <span class="input-group-btn">
+              <button class="btn btn-secondary dropdown-toggle" type="button"><i class="glyphicon glyphicon-calendar"></i></button>
+            </span>
+            <!-- Manual edits of this field throw deprecation warnings, but no errors. This is because the
+                 way we display dates is not an ISO format, and Moment.js will be removing support for parsing
+                 those directly in the near future. We will probably have to handle ng-change when we upgrade moment
+                 to have this continue to work. https://github.com/moment/moment/issues/1407 has more details. -->
+            <input type="text" id="id_when" class="form-control" data-ng-model="sc.when" ng-blur="setWhen()">
+            <span class="input-group-btn">
+              <button class="btn btn-secondary" type="button" ng-click="clearWhen()">Clear</button>
+            </span>
+          </div>
+          <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
+            <datetimepicker data-ng-model="sc.when" data-datetimepicker-config="{ minuteStep: 5 }"
+                            data-on-set-time="setWhen(newDate)" />
+          </ul>
+          <p class="help-block" ng-show="errors.when">{{ errors.when.join(', ') }}</p>
+        </div>
+      </div>
+    </div>
+
+    <hr>
+    <h4 ng-show= "sc.change_type !== 'delete'">Release Details</h4>
+    <div ng-show= "sc.change_type !== 'delete'" class="form-group" ng-class="{'has-error': errors.data}">
+      <label for="id_data">Data</label>
+      <input type="file" id="id_data" file-model="dataFile" onchange="angular.element(this).scope().changeName()">
+      <ul class="help-block" style="padding: 0px" ng-show="errors.data">
+        <li class="help-block" ng-repeat="error in errors.data">{{ error }}</li>
+      </ul>
+    </div>
+    <div ng-show= "sc.change_type !== 'delete'" class="form-group" ng-class="{'has-error': errors.name}">
+      <label for="id_name">Name</label>
+      <input type="text" class="form-control" id="id_name" ng-model="sc.name" ng-disabled="true">
+      <p class="help-block" ng-show="errors.name">{{ errors.name.join(', ') }}</p>
+    </div>
+    <div ng-show= "sc.change_type !== 'delete'" class="form-group" ng-class="{'has-error': errors.product}">
+      <label for="id_product">Product</label>
+      <input type="text" class="form-control" id="id_product" ng-model="sc.product"
+      typeahead="product for product in products | filter:$viewValue | limitTo:16">
+      <p class="help-block" ng-show="errors.product">{{ errors.product.join(', ') }}</p>
+    </div>
+
+    <div class="form-group" ng-class="{'has-error': errors.exception}">
+      <p class="help-block" ng-show="errors.exception">{{ errors.exception }}</p>
+    </div>
+
+    <input type="hidden" name="sc_data_version" ng-model="sc.sc_data_version">
+    <input type="hidden" name="data_version" ng-model="sc.data_version">
+  </form>
+</div>
+<div class="modal-footer">
+  <div ng-show="saving" small-loader></div>
+  <button class="btn btn-primary" ng-show="!saving" ng-click="saveChanges()">Save Changes</button>
+  <button class="btn btn-default" ng-show="!saving" ng-click="cancel()">Cancel</button>
+</div>
+
diff --git a/ui/app/templates/release_scheduled_changes.html b/ui/app/templates/release_scheduled_changes.html
new file mode 100644
index 0000000000..ac2c7f3524
--- /dev/null
+++ b/ui/app/templates/release_scheduled_changes.html
@@ -0,0 +1,104 @@
+<div loader ng-show="loading"></div>
+
+<h2>
+  <span ng-show="!scheduled_changes_count">Scheduled Release Changes</span>
+  <span ng-show="scheduled_changes_count">Revision of Scheduled Release Change</span>
+
+  <span class="count">
+    ({{ filtered_items.length | number:0 }}
+    <span>found)</span>
+  </span>
+
+  <button ng-show="!scheduled_changes_count" class="btn btn-primary btn-xs" ng-click="openNewScheduledReleaseChangeModal()">
+    Add a new Scheduled Release Change
+    <i class="glyphicon glyphicon-plus"></i>
+  </button>
+
+</h2>
+
+
+<div class="row">
+  <div class="col-sm-6">
+    <div class="pagination-container" ng-show="filtered_items.length > pageSize">
+      <pagination
+        class="pagination-sm"
+        total-items="filtered_items.length"
+        ng-model="currentPage"
+        items-per-page="pageSize"
+      ></pagination>
+    </div>
+  </div>
+  <div class="col-sm-6 text-right">
+    <div ng-show="!scheduled_changes_count" class="row">
+      <label>State:</label>
+      <select ng-model="state_str" name="state_filter" ng-options="o.text for o in state_filter track by o.value">
+      </select>
+    </div>
+    <div class="row">
+      <label>Order by:</label>
+      <select ng-model="ordering_str" name="ordering_str"
+        ng-options="o.text for o in ordering_options track by o.value">
+      </select>
+    </div>
+  </div>
+</div>
+
+
+<div class="panel panel-default" style="clear:right"
+     ng-repeat="sc in filtered_items = (scheduled_changes | filter: filterBySelect) | orderBy:ordering | startFrom:(currentPage - 1)*pageSize | limitTo:pageSize">
+  <div class="panel-heading">
+
+    <h3 class="panel-title">
+      <div style="float: right">
+        <i ng-if="scheduled_changes_count && $first && (currentPage == 1)">Current</i>
+        <button ng-show="!scheduled_changes_count" class="btn btn-default btn-xs" ng-click="openUpdateModal(sc)">Update</button>
+        <button ng-show="!scheduled_changes_count" class="btn btn-default btn-xs" ng-click="openDeleteModal(sc)">Delete</button>
+        <a ng-show="!scheduled_changes_count" class="btn btn-default btn-xs" ng-href="/scheduled_changes/releases/{{ sc.sc_id }}">History</a>
+      </div>
+
+      <i title="Product" ng-show="sc.name">{{ sc.name }}</i>
+    </h3>
+  </div>
+  <div class="panel-body">
+    <div class="left" style="float: left">
+      <h5 title="Scheduled By">
+        Scheduled By: <b>{{ sc.scheduled_by }}</b>
+      </h5>
+      <h5 ng-show="sc.when" title="When">
+        When: <b><span ng-bind-html="formatMoment(sc.when)"></span></b>
+      </h5>
+
+      <h5 title="Scheduled Change ID">
+        Scheduled Change ID: <b>{{ sc.sc_id }}</b>
+      </h5>
+      <h5 title="Data Version">
+        Data version: <b>{{ sc.sc_data_version }}</b>
+      </h5>
+    </div>
+
+    <dl class="dl-horizontal" style="float:right">
+
+      <dt ng-show="sc.data_version">Data Version:</dt>
+      <dd>{{ sc.data_version }}</dd>
+
+      </dd>
+
+      <dt ng-show="sc.product !== null">Product:</dt>
+      <dd>{{ sc.product }}</dd>
+      <dt ng-show="sc.change_type">Change Type:</dt>
+      <dd>{{ sc.change_type }}</dd>
+    </dl>
+
+  </div>
+
+</div>
+
+
+<div class="pagination-container" ng-show="filtered_items.length > pageSize">
+  <pagination
+    class="pagination-sm"
+    total-items="filtered_items.length"
+    ng-model="currentPage"
+    items-per-page="pageSize"
+  ></pagination>
+</div>
diff --git a/ui/app/templates/release_scheduled_delete_modal.html b/ui/app/templates/release_scheduled_delete_modal.html
new file mode 100644
index 0000000000..b458e0208c
--- /dev/null
+++ b/ui/app/templates/release_scheduled_delete_modal.html
@@ -0,0 +1,45 @@
+<div class="modal-body">
+  <div class="modal-header">
+    <h3 class="modal-title">Schedule a Deletion of Release {{ sc.name }}</h3>
+  </div>
+  <form role="form">
+    <div class="row">
+    <div class="col-md-8 col-md-offset-2">
+      <label for="id_when">When</label>
+      <div class="form-group dropdown" is-open="calendar_is_open" ng-class="{'has-error': errors.when}">
+        <div class="input-group">
+          <span class="input-group-btn">
+            <button class="btn btn-secondary dropdown-toggle" type="button"><i class="glyphicon glyphicon-calendar"></i></button>
+          </span>
+          <!-- Manual edits of this field throw deprecation warnings, but no errors. This is because the
+               way we display dates is not an ISO format, and Moment.js will be removing support for parsing
+               those directly in the near future. We will probably have to handle ng-change when we upgrade moment
+               to have this continue to work. https://github.com/moment/moment/issues/1407 has more details. -->
+          <input type="text" id="id_when" class="form-control" data-ng-model="sc.when" ng-blur="setWhen()">
+          <span class="input-group-btn">
+            <button class="btn btn-secondary" type="button" ng-click="clearWhen()">Clear</button>
+          </span>
+        </div>
+        <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
+          <datetimepicker data-ng-model="sc.when" data-datetimepicker-config="{ minuteStep: 5 }"
+                          data-on-set-time="setWhen(newDate)" />
+        </ul>
+        <p class="help-block" ng-show="errors.when">{{ errors.when.join(', ') }}</p>
+      </div>
+    </div>
+    </div>
+
+    <div class="form-group" ng-class="{'has-error': errors.exception}">
+      <p class="help-block" ng-show="errors.exception">{{ errors.exception }}</p>
+    </div>
+
+    <input type="hidden" name="sc_data_version" ng-model="sc.sc_data_version">
+    <input type="hidden" name="data_version" ng-model="sc.data_version">
+  </form>
+</div>
+<div class="modal-footer">
+  <div ng-show="saving" small-loader></div>
+  <button class="btn btn-primary" ng-show="!saving" ng-click="saveChanges()">Save Changes</button>
+  <button class="btn btn-default" ng-show="!saving" ng-click="cancel()">Cancel</button>
+</div>
+
diff --git a/ui/app/templates/releases.html b/ui/app/templates/releases.html
index 1bec3e19ab..2486c41d85 100644
--- a/ui/app/templates/releases.html
+++ b/ui/app/templates/releases.html
@@ -72,6 +72,8 @@ <h3 class="panel-title">
       <div style="float:right">
         <i ng-if="release_name && $first && (currentPage == 1)">Current</i>
         <button ng-if="release_name && ((currentPage != 1) || !$first )" class="btn btn-default btn-xs" ng-click="openRevertModal(release)">Revert to this</button>
+        <button ng-show="!rule_id" class="btn btn-default btn-xs" ng-click="openNewScheduledReleaseChangeModal(release)">Schedule an Update</button>
+        <button ng-show="!rule_id" class="btn btn-default btn-xs" ng-click="openNewScheduledDeleteModal(release)">Schedule for Deletion</button>
         <a ng-show="!release_name" class="btn btn-default btn-xs" download="{{ release.name | uriencode }}.json" target="_self" ng-href="/api/releases/{{ release.name | uriencode }}?pretty=1">Download</a>
         <button ng-show="!release_name" class="btn btn-default btn-xs" ng-click="openUpdateModal(release)">Update</button>
         <button ng-show="!release_name" class="btn btn-default btn-xs" ng-click="openDeleteModal(release)">Delete</button>