DesignVaultAI
component · slider

Circular Sleep Schedule Slider

A 24-hour circular range slider with bedtime and wake handles that wrap past midnight, an SVG arc for the sleep window, 5-minute snapping, a one-hour minimum, live duration in the centre and a guideline note.

DesignVault · MCP