{"id":43761,"date":"2018-01-19T04:49:26","date_gmt":"2018-01-19T11:49:26","guid":{"rendered":"http:\/\/www.taterboy.com\/blog\/2018\/01\/one-date-picker-to-rule-them-all\/"},"modified":"2018-01-19T04:49:26","modified_gmt":"2018-01-19T11:49:26","slug":"one-date-picker-to-rule-them-all","status":"publish","type":"post","link":"https:\/\/www.taterboy.com\/blog\/2018\/01\/one-date-picker-to-rule-them-all\/","title":{"rendered":"One Date-Picker to rule them all"},"content":{"rendered":"
\"\"
Photo by Lacie Slezak<\/a> on\u00a0Unsplash<\/a><\/figcaption><\/figure>\n

Within the Android Eco-System, there are usually 2 types of events that would require a date-picker, one being single day events like your date of birth or an appointment or movie and the other being a multi-day event, like a progress tracker, or to&fro\u00a0tickets.<\/p>\n

\"\"<\/figure>\n

Bundled with Android comes a date picker which works great with a single day event happening\/happened in the near future\/past as well as for a multi-day event. The problem arises when you have to select a day which doesn\u2019t lie in the vicinity of the current day. Say for example you need to input your date of birth, which lies somewhere in the early 90\u2019s region. For most people that I\u2019ve come across, they would have no idea how to navigate to that year other than by clicking the month button (12*Age of the person) times and then selecting a date. No-one knows or even tries to click on the year at the top left of the dialog, because it just isn\u2019t intuitive.<\/p>\n

\"\"<\/figure>\n

Another thought for date pickers, is just let the user input their date of birth, but with that route, problems start right at the beginning. There are a number of validations that have to be coded by the developer which even in the end, isn\u2019t the best solution because of fail cases, when the user should be automatically shifted to the next field for the best possible experience and so\u00a0on.<\/p>\n

\"\"<\/figure>\n

A possible solution to that would be the older iOS-like date \u2018scroller\u2019. It works very smoothly, and isn\u2019t a problem to even scroll back a number of years. The drawback is that for multi-day events like booking flight tickets, or hotel rooms, for a better experience, the calendar is needed. That\u2019s where the android default date picker becomes really handy. Combined with a good product backing, you\u2019ll be able to see the price of tickets\/rooms on other days as well and make that calendar functional-as-fuck.<\/p>\n

So after all this, I went out in search for a date-picker that solved all these problems, and came back with\u00a0zilch.<\/p>\n

Hence, I decided to try and solve it\u00a0myself.<\/p>\n

\"\"
Current Android Date-Picker vs Redesigned Date-Picker<\/figcaption><\/figure>\n

So I took the closest reference to the best solution out there, which at the time was the default date-picker from Google and slightly changed the visual hierarchy of the information at the top and made it a little more intuitive. This way the date picker works for all single day as well as multi day events without changing the UI drastically. The user can just tap on the year from which a list of years will appear, select it, and move on to the next required field. It does involve an average of 6 steps to complete the entire date of birth process, but it\u2019s an improvement.<\/p>\n

If anyone has a better implementation of a date-picker, let me know!
Also, feel free to comment, share and start a discussion with me. You can mail me at kevingerardfernandez@gmail.com.<\/p>\n

<\/p>\n

Powered by WPeMatico<\/a><\/small><\/p>\n","protected":false},"excerpt":{"rendered":"

Photo by Lacie Slezak on\u00a0Unsplash Within the Android Eco-System, there are usually 2 types of events that would require a date-picker, one being single day events like your date of birth or an appointment or movie and the other being a multi-day event, like a progress tracker, or to&fro\u00a0tickets. Bundled with Android comes a date… Read the full article…<\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[15],"tags":[],"class_list":["post-43761","post","type-post","status-publish","format-standard","hentry","category-general-info"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t