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

var MDCDialog = require('material-components-web').dialog.MDCDialog;

module.exports = {
  template: require('./event-form-upload.html'),
  bindings: {
    open: '<',
    event: '<',
    onFormCreateClose: '&'
  },
  controller: EventFormUploadController
};

EventFormUploadController.$inject = ['$element', 'Form'];

function EventFormUploadController($element, Form) {
  var formPanel;

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 $ = 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'];