Recipe Component

Time Picker

A tactile duration selector for recipe prep and cook times. Drag or tap to set hours and minutes with instant visual feedback.

02Hours
:
30Minutes
PrepCookRest

Stepper columns

Independent hour and minute columns with increment/decrement controls. Large touch targets for mobile kitchens.

Duration chips

Toggle between prep, cook, and rest phases. Each stores its own time value independently.

Total rollup

Footer bar sums all phases into a single readout. No mental math required.