Modal.open() opens datapicker instead of modal

[d-mance]

Expected Behavior

I want to open a modal, but it instead opens a datepicker.

Current Behavior

I use a function to open a modal but it opens a datepicker

Steps to Reproduce (for bugs)

I have a demo on git because I do not know how to make a live demo.

https://github.com/d-mance/angularmaterializebehaviour

Once cloned, type npm install and then npm start to initialize the angular application. Then you should go to http://localhost:4200

Click on a set button that should open a modal and it will open a datepicker instead.

Context

I want to create a start and end date for every item in the model.

Your Environment

• Version used: 1.0.0b
• Browser Name and version: chrome 65
• Operating System and version (desktop or mobile): Ubuntu Mate 16.04
• Link to your project (if appropriate): https://github.com/d-mance/angularmaterializebehaviour

[Dogfalo]

This is likely happening because you are calling .open() on the datepicker instance instead of the modal instance

[d-mance]

Hello @Dogfalo ,
Thanks for answer.

Actually I'm calling the modal with:
const instance = M.Modal.init(elem, {opacity: 0});
And the datepicker with function:

private loadDatePickers() {
    this.dataSources.forEach(
      (dataSource) => {
        let datePickers = document.getElementsByClassName('datepicker' + dataSource.id);
        this.datePickers[dataSource.id] = [];
        for (var i = 0; i < datePickers.length; i++) {
          let options = {
            format: 'yyyy-mm-dd',
            firstDay: 1,
            setDefaultDate: true
          }
          let instance = M.Datepicker.init(datePickers[i], options);
          this.datePickers[dataSource.id].push(instance);
        }
      }
    )
  }

[dmancecrg]

I tried to avoid the use of picker and modal in the same angular 6 component but now i have to use it.

It stills doing the same, when i open a modal it opens a picker.