I'm doing an ionic project using Ionic 6 and I need a datetime field in my form.

```
<ion-content>
  <ion-grid>
    <ion-row>
      <ion-col>
        <ion-item>
          <ion-label>Available From</ion-label>
          <ion-datetime min="1994-03-14" max="2012-12-09" value="2008-09-02"></ion-datetime>
        </ion-item>
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-content>

```

From what I have searched in many sources, it seems like the correct behavior should be button which is when it is clicked will display a slider up from the bottom of the page. The selector displays scrollable columns that can be used to individually specify values for years, months, days, hours, and minutes.

Instead of that, what I get is the picker is displayed instead of button or anything.

[![enter image description here](https://i.stack.imgur.com/Qt7Bq.jpg)](https://i.stack.imgur.com/Qt7Bq.jpg)

Am I missing something? I tried all usage example in the documentation and all of them are displayed like that. Please help.