Expected behavior the MDBSelect should display the label and 'selected' element on startup.

Actual behavior

Even using the exact code from the MDBSelect section of the website, whatever is typed in the 'selected' property of the MDBSelectInput does not actually do anything.

Resources (screenshots, code snippets etc.)

Code snippet from your website.

<div>
    <MDBSelect label="Example label">
      <MDBSelectInput selected="Choose your country" />
      <MDBSelectOptions>
        <MDBSelectOption disabled>Choose your country</MDBSelectOption>
        <MDBSelectOption value="1">USA</MDBSelectOption>
        <MDBSelectOption value="2">Germany</MDBSelectOption>
        <MDBSelectOption value="3">France</MDBSelectOption>
        <MDBSelectOption value="4">Poland</MDBSelectOption>
        <MDBSelectOption value="5">Japan</MDBSelectOption>
      </MDBSelectOptions>
    </MDBSelect>
  </div>

I put the exact same code in my solution but here is the result that is displayed. The 'selected' value of "Choose your country" does not show up.

I have the Pro version of MDBootstrap and I can use the select, but the issue that I'm running into is a niche case anyway. I need the 'selected' value to be something that might not necessarily be in the select list. I have a select option that I want to be disabled, but because of that, I can't have it pre-selected in the MDBSelect. Because of that, I was going to just have default text in the MDBSelectInput but that did not work either.