Having problem creating a date selector field

HTML-CSS
1

Tell us what’s happening:
An input tag with a date selector field

Your code so far


<body>
<header>
  <h1>Tournaments</h1>
</header>
<main>
  <section>
    <h2>Mortal Kombat Tournament Survey</h2>
    <form>
      <p>Tell us the best date for the competition</p>
      <label for="pickdate">Preferred Date:</label>

      <!-- Only change code below this line -->



      <!-- Only change code above this line -->

      <input id= 
      "pickdate" 
type="date" 
name="date" value="Submit"
input="date"
>

    </form>
  </section>
</main>
<footer>&copy; 2018 Camper Cat</footer>
</body>

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 7.0; Infinix X572) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.162 Mobile Safari/537.36.

Challenge: Add an Accessible Date Picker

Link to the challenge:

2

you have not respected these lines and so you have changed the Submit button that was already present.
So I suggest you reset your code and try to write again the input field in the delimited space

then you just need to create an input element with a type attrbute with value of date, plus the other things required in the description (like the right id and such)