epam / epam/UUI

[TimePicker]: open native time picker on mobile devices

Open
#2,450 0 comments 0 reactions 0 assignees View on GitHub
Contributor needed improvement
Dominant language
TypeScript
Stars
247
Forks
78
Avg merge
14h 27m
Merged PRs (30d)
15

Description

## Now
Now we are opening our own time picker dropdown for mobile devices, but our version doesn't provide such UX as native mobile time pickers, which is developed to work on mobile devices.

## To Do
If user opens TimePicker on mobile device we should open native mobile time picker(depends on mobile OS).
![image](https://github.com/user-attachments/assets/e121aea1-2e0d-4755-a5bd-4583803ac38b)

For desktops let's leave current behavior as is.

## Describe the solution you'd like (optional)
1. For mobile devices we can try to swap our current TimePicker toggler implementation into `` - which will open native mobile pickers. We can do it just by condition in render.
2. Use `` always as a toggler, but for desktop users we should disable native dropdown and show our own.

Contributor guide

Open the contributing guide

Research direction

Start with the TimePicker component and its current toggler implementation, then inspect how its render logic distinguishes mobile and desktop behavior. Verify the result on mobile and desktop: mobile should open the native time picker, while desktop should retain the existing custom dropdown.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, 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.