Material Select Searchable Add Searched Term

Is there a way to add the term from a searchable material select to the list of items?  For example, if a user were to look for "orange" in the list: red, blue, green; is there a way to include a button to allow the user to add "orange"? My approach would be to pick up the value, destroy the material select, add the new option to the underlying option list as selected, and then re-initialize the list.  However, I really don't want to modify the MDB.js files to include the control; so I'm asking if there is a better way before I create a modification that will need to be tracked through MDB version changes. EDIT - My solution to keep the project moving... OK, I have something working...  grains of salt and all of that...

//MDB MaterialSelect add non-existing items shim...
$(document.body).on('click', 'button.mdb-select-add-btn', function () {
    var searchInput = $(this).parent().find('input.search');
    var searchValue = searchInput.val();
    var matsel = $('#useApplicationPicker');
    matsel.material_select('destroy');
    $('option:selected', matsel).removeAttr('selected');
    matsel.append('<option value="$NVCREATED$_' + searchValue + '" selected>' + searchValue + '</option>');
    matsel.material_select();
});

To get my button with the class "mdb-select-add-btn", I updated the MDB.js and MDB.min.js files with: LINE: 20678 FROM:

this.$searchInput = $('<span class="search-wrap ml-2">
<div class="md-form mt-0">
    <input type="text" 
           class="search form-control w-100 d-block" 
           placeholder="' + placeholder + '"></div></span>');

TO:

this.$searchInput = $('<span class="search-wrap ml-2">
<div class="md-form mt-0">
    <input type="text" 
           class="search form-control w-75 d-inline-block" 
           placeholder="' + placeholder + '">
    <button type="button" 
            class="mdb-select-add-btn btn btn-sm btn-default">add</button></div></span>');

  I will have to handle the provided values, but that won't be a big deal.  

---