ionic-team / ionic-team/ionic-framework

feat: ion-datetime circular functionality

Open
#26,268 8 comments 10 reactions 0 assignees View on GitHub
package: core type: feature request
Dominant language
TypeScript
Stars
52.7k
Forks
13.3k
Avg merge
1d 14h
Merged PRs (30d)
50

Description

### Prerequisites

- [X] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/.github/CONTRIBUTING.md#creating-an-issue).
- [X] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [X] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/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_

Contributor guide

Open the contributing guide

Research direction

Start by locating the ion-datetime component and its wheel-picker implementation. Review how minute values currently stop at 59, then determine the property and interaction behavior needed for circular scrolling, including the transition from 59 to 00. Done means the requested circular wheel behavior works without breaking normal datetime selection.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend, mobile-dev
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.