How to use the material-components-web.select function in material-components-web

const MDCSelect = require('material-components-web').select.MDCSelect;
module.exports = {
  template: require('./event.filter.html'),
  bindings: {
    events: '<',
    onEventChosen: '&'
  },
  controller: EventFilterController
};



EventFilterController.$inject = ['$element'];

function EventFilterController($element) {
  console.log('events pictker', this.events);
  this.$onChanges = function() {

var moment = require('moment')
  , MDCDialog = require('material-components-web').dialog.MDCDialog
  , MDCSelect = require('material-components-web').select.MDCSelect;

module.exports = {
  template: require('./filter.html'),
  bindings: {
    open: '<',
    events: '<',
    onFilterClose: '&'
  },
  controller: FilterController
};

FilterController.$inject = ['FilterService', '$element', '$timeout'];

function FilterController(FilterService, $element, $timeout) {
  this.filterPanel;

var MDCSelect = require('material-components-web').select.MDCSelect;

module.exports = {
  template: require('./dropdown.edit.html'),
  bindings: {
    field: '<',
    onFieldChanged: '&'
  },
  controller: ['$timeout', '$element', function($timeout, $element) {

    this.$postLink = function() {
      this.initializeDropDown();
    }
    
    this.initializeDropDown = function() {
      $timeout(function() {
        if (!this.select && this.field)

var $ = require('jquery')
  , MDCDialog = require('material-components-web').dialog.MDCDialog
  , MDCSelect = require('material-components-web').select.MDCSelect
  , MDCCheckbox = require('material-components-web').checkbox.MDCCheckbox
  , MDCFormField = require('material-components-web').formField.MDCFormField
  , moment = require('moment');

  module.exports = {
    template: require('./export.html'),
    bindings: {
      open: '<',
      events: '<',
      onExportClose: '&'
    },
    controller: ExportController
  };

ExportController.$inject = ['LocalStorageService', 'FilterService', '$timeout', '$element'];

var MDCSelect = require('material-components-web').select.MDCSelect;

module.exports = {
  template: require('./multiselect.component.html'),
  bindings: {
    options: '<',
    initialValues: '<',
    fieldLabel: '@',
    idProperty: '@',
    displayProperty: '@',
    width: '@',
    onSelect: '&'
  },
  controller: MultiselectController
};

MultiselectController.$inject = ['$element', '$timeout'];

var _ = require('underscore')
  , moment = require('moment')
  , MDCSelect = require('material-components-web').select.MDCSelect;

module.exports = {
  template: require('./user-feed.component.html'),
  controller: UserFeedController
};

UserFeedController.$inject = ['$element', '$timeout', 'EventService', '$filter', 'FilterService'];

function UserFeedController($element, $timeout, EventService, $filter, FilterService) {
  let userSelectMdc;

  this.currentUserPage = 0;
  this.usersChanged = 0;
  this.userPages = null;
  this.followUserId = null;
  var usersPerPage = 50;

var _ = require('underscore')
  , moment = require('moment')
  , MDCSelect = require('material-components-web').select.MDCSelect
  , MDCChipSet = require('material-components-web').chips.MDCChipSet;

module.exports = {
  template: require('./observation-feed.component.html'),
  controller: ObservationFeedController,
  bindings: {
    onCreateNewObservation: '&'
  }
};

ObservationFeedController.$inject = ['$element', '$timeout', 'EventService', '$filter', 'FilterService'];

function ObservationFeedController($element, $timeout, EventService, $filter, FilterService) {

  let observationSelectMdc;