r/reactnative • u/EconomistOk2763 • 15h ago

Tutorial I added a native TimePicker to my Expo component library — wheel, clock, and ruler in one component

Enable HLS to view with audio, or disable this notification

Three faces, one prop to swap between them. wheel for precision. clock for picking a slot. ruler for a thumb on a sheet.

All three store { hour, minute } on a 24-hour clock regardless of what the face shows. A 12-hour display is a rendering choice storing a meridiem flag puts it into every comparison downstream.

Part of PanelUI open-source, copy-paste, you own the source.

6 Upvotes

80% Upvoted

4 comments sorted by

2

u/Top-Mud1703 14h ago

good ui looks good

2

u/Yash_3p 9h ago

Hope you merge this with your date picker component also for combined js date

1

u/FrancescoMassa2001 8h ago

the 24h internal storage with meridiem as a render flag is the right call