Canopi Date Picker

The interaction demonstrates a comprehensive date and time picker interface. Tapping the 'Date' card transitions into a dedicated setup screen. Switching between 'One Day', 'Multi-Day', and 'Repeating' tabs smoothly morphs the layout, hiding and revealing relevant date fields with subtle crossfades. Tapping a date or time field slides up a clean bottom sheet, either a calendar grid or a custom wheel picker. The wheel picker uses a tactile scrolling motion that snaps to values. Selecting options updates the form dynamically with high-fidelity transitions.