brief intro

this is a brief documentation focusing on a date picker component. What was going through my mind while working on this component, the challenges and what i am doing to tackle the challenges.

so basically you know the role of a date picker in an app or a digital platform, right?

yeah, so in our case our date pick is no different, well slightly different.

Frame 266.png

this date picker has a few interesting elements, so looking at it the user can see the year, month, days, insight on days they took meds and if they took the entire set prescription, missed some or never took meds at all

Ah! this already dey look good, so what be the problem?

See so the thing is, the user can see all that data right? walk with me… so say i want to view data from last 2 month. i tap on this button twice and im there. Right?

navigationDatePicker.gif

so then what if ive been using this app for say 3years, using the control buttons(next & previous month) would become a headache.

Ooh… so we for find way to make this journey smooth

Exactly!

This is what i did. Then interaction journey is: the user taps on the date and year > the ui morphs into and month and year selector > they select month and year > done.

know oo.gif

Sharp guy! but wait o, how would the users know they have that “tap on the month/year” control?

hmm.. chale, back to the drawing board.

Screenshot 2026-07-18 at 3.10.18 PM.png