Time Frame for Catchpoint
Objective
Differentiate when Presets or Custom Range is in action.
Give a clear understanding when setting up a time frame for a test.
Concept
Using the dropdown styling for a clear and simplified UI to enhance the UX.
With some new features to choose the date faster with the arrows keys, or by choosing the month without going left or right makes it easier for the user to setup his preferred setting.
Final Elements
Before/After Active Preset
Active Custom Range
Dropdown Preset Selection
Month Selection in Custom Range
Wireframe
Prototype
Recorded with InVision
