Ion-datetime as an alert instead of ActionSheet

Ionic Framework ionic-v3
1

Hi,

Is there any way to display ion-datetime to display as an alert instead of action sheet?

Thank you

2

Anyone have a suggestion how to implement this? My user is adamant that they don’t want to go to the bottom of the screen to select a date and time. I guess I could use the native datepicker but then I have to rewrite all the date fields plus it doesn’t work in the browser which makes it that much harder to test

3

Anyone else that wants this please comment on https://github.com/driftyco/ionic/issues/7896

4

It’s not the prettiest, but to solve this, I changed the following CSS:

@media screen and (min-width: 1025px) {

  .picker-wrapper {
    bottom: 70%;
  }

}

That way it looks normal on tablets and smaller, but moves it to the center for browsers (which are typically wider).

5

This isn’t working in v4. Any idea how to display ion-datetime in the center of the screen?