feat: ion-datetime circular functionality

[leocharrua]

Prerequisites

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

Describe the Feature Request

Add property to ion-datetime control to allow use a "circular Wheel Style Pickers".
For example, in the "Minutes Wheel", after 59 show 00.

Describe the Use Case

Lets say I want to edit a time value of 12:59 to 1:00.

Because the ion-datetime component ends on 59 and doesn’t have the ability to be circular or return to 00 by scrolling down, a user must scroll all the way up to 00, this is a little time consuming and not what users are accustomed to when using mobile devices.

Describe Preferred Solution

Describe Alternatives

https://demo.mobiscroll.com/jquery/datetime/mobile-desktop-usage

Related Code

No response

Additional Information

No response

[sean-perkins]

Hello @leocharrua thank you for this feature request.

The team discussed this and agree Ionic should look to implement this UI/UX for the wheel picker of datetime.

[fpladano]

Are there any updates regarding the status of this feature? @liamdebeasi @sean-perkins

[liamdebeasi]

Hi there,

Please do not tag the team asking for updates on the feature. The team will post here whenever we have updates.

[mikelhamer]

I am building an app where users can select an amount of time. So like 1 hour, 45 minutes for example in a two column picker. I would love to have this circular functionality for that, but it doesn't quite fall under the datetime picker, as users aren't selecting a specific time. My point being, that it would be great if we could have this just as an attribute like [circular]="true on an ion-picker or ion-picker-column as well.

[clowcher]

Curious if there are any updates on this? Or if anyone has figured out any workarounds? This is one the biggest feedback items we get on our app from our users.

Thanks!