feat: add support for wheel picker in ion-datetime

[jongbonga]

Prequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already include this feature request, without success.

Describe the Feature Request

Have the option to choose between the wheel and calendar with a mode prop.

Describe the Use Case

Most apps that were using the old wheel mode didn't cater for calendar design and have to either squeeze the whole calendar into a tight space, open a modal, or a popover to display a calendar.

the upgrade might be tedious for some people (me...)

Describe Preferred Solution

Have a mode prop to switch between calendar and wheel

<ion-calendar mode="wheel"></ion-calendar>

Describe Alternatives

No response

Related Code

No response

Additional Information

No response

[liamdebeasi]

This is something we are definitely interested in adding to Ionic. The current wheel picker in Ionic 5 has performance issues and is buggy. We did not have the resources to refactor the wheel picker and add the new calendar picker at the same time, so we chose to start with the calendar picker in Ionic 6. We should expose this new wheel picker functionality through ion-picker so developers using wheels in non-datetime contexts can take advantage of its improvements.

[liamdebeasi]

Also our ion-datetime migration guide will cover use cases such as this so developers can easily get started with the calendar picker when Ionic 6.

[jongbonga]

Looking forward to it.
Thanks

[scr2em]

@liamdebeasi Hi, what is the current progress of this feature ?

[diogomgbrito]

Hi, any news related to this feature? Having a wheel picker for day/month/year and not only month/year, year and time is needed in my project and I would like to know if we can count on this or need to find another way. Thanks!