feat: add support for wheel picker in ion-datetime

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]

This was released as part of Ionic 6.2.0 earlier today: https://ionicframework.com/docs/api/datetime#wheel-style-pickers