The project I recently worked on required native like wheel picker components yet this was a challenge because we use a PWA model. So in ensuring the experience felt natural and familiar, I decided to model this "Time Editor" wheel picker similar to the functionality and behaviour of the iOS wheel picker.

Start & End time selector with Period selector

Start & End time editor

The Start time editor features a subtext labeled - "Alarm begins", while the End time editor features a subtext labeled - "Alarm snoozes"

Period editor

The Period editor features a subtext labeled - "Set your reminder length" as well as a toggle switch to turn on or turn off repeating the alarm everyday.