diff --git a/client/src/components/Form/Elements/parameters.js b/client/src/components/Form/Elements/parameters.js
index ce1e5c77306c..01729e887c0a 100644
--- a/client/src/components/Form/Elements/parameters.js
+++ b/client/src/components/Form/Elements/parameters.js
@@ -2,7 +2,6 @@
     This class creates input elements. New input parameter types should be added to the types dictionary.
 */
 import Backbone from "backbone";
-import DataPicker from "mvc/ui/ui-data-picker";
 import SelectFtp from "mvc/ui/ui-select-ftp";
 import SelectLibrary from "mvc/ui/ui-select-library";
 
@@ -12,7 +11,6 @@ export default Backbone.View.extend({
     types: {
         library_data: "_fieldLibrary",
         ftpfile: "_fieldFtp",
-        data_dialog: "_fieldDialog",
     },
 
     remove: function () {
@@ -32,15 +30,6 @@ export default Backbone.View.extend({
         this.$el.append(this.field.$el);
     },
 
-    /** Data dialog picker field */
-    _fieldDialog: function (input_def) {
-        return new DataPicker({
-            id: input_def.id,
-            multiple: input_def.multiple,
-            onchange: input_def.onchange,
-        });
-    },
-
     /** Library dataset field */
     _fieldLibrary: function (input_def) {
         return new SelectLibrary.View({
diff --git a/client/src/mvc/ui/ui-data-picker.js b/client/src/mvc/ui/ui-data-picker.js
deleted file mode 100644
index 5a5672fa363d..000000000000
--- a/client/src/mvc/ui/ui-data-picker.js
+++ /dev/null
@@ -1,49 +0,0 @@
-/** Creates a data dialog input field */
-import { getGalaxyInstance } from "app/index";
-import Backbone from "backbone";
-import $ from "jquery";
-import Buttons from "mvc/ui/ui-buttons";
-
-export default Backbone.View.extend({
-    constructor(options) {
-        const Galaxy = getGalaxyInstance();
-        this.model = (options && options.model) || new Backbone.Model(options);
-        this.button_dialog = new Buttons.Button({
-            icon: "fa-folder-open-o",
-            tooltip: "Browse Datasets",
-            cls: "btn btn-secondary float-left mr-2",
-            onclick: () => {
-                Galaxy.data.dialog(
-                    (response) => {
-                        this.model.set("value", response);
-                        if (this.model.get("onchange")) {
-                            this.model.get("onchange")(response);
-                        }
-                    },
-                    {
-                        multiple: Boolean(this.model.get("multiple")),
-                    }
-                );
-            },
-        });
-        this.$info = $("<input disabled/>").addClass("ui-input float-left");
-        this.setElement($("<div/>").addClass("d-flex").append(this.button_dialog.$el).append(this.$info));
-        this.listenTo(this.model, "change", this.render, this);
-        this.render();
-    },
-    value: function (new_val) {
-        if (new_val !== undefined) {
-            this.model.set("value", new_val);
-        }
-        return this.model.get("value");
-    },
-    render: function () {
-        this.$el.attr("id", this.model.id);
-        let label = this.model.get("value");
-        if (label && this.model.get("multiple")) {
-            label = label.join(", ");
-        }
-        this.$info.val(label || "Empty");
-        return this;
-    },
-});