Is there a way to change datetime template?

Simply put, the default ion-datetime component is too awkward for web pages as it sticks to the bottom of the page, in large screens it hurts good UI. Is there any way to change this layout? Btw, I’ve tried to implement angular material datepicker, but it brought more problems and nonconformities to the rest of my form items that I gave up using it.

1 Like

It’s possible to customize a advanced version of the datetime.

If your wish is to make it stay at the top, here’s a easy fix:

.picker-wrapper.sc-ion-picker-md {

bottom: unset !important;

}

or

.picker-wrapper.sc-ion-picker-md {

bottom: 0 !important;

}