# CSS magic maybe - how to address the confusing UI of the date picker

**URL:** <https://community.glideapps.com/t/css-magic-maybe-how-to-address-the-confusing-ui-of-the-date-picker/26525>\
**Category:** Ask for Help\
**Created:** [May 7, 2021, 10:27am UTC](https://community.glideapps.com/t/css-magic-maybe-how-to-address-the-confusing-ui-of-the-date-picker/26525 "2021-05-07T10:27:02Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)\
**Post date:** [May 7, 2021, 10:27am UTC](https://community.glideapps.com/t/css-magic-maybe-how-to-address-the-confusing-ui-of-the-date-picker/26525/1 "2021-05-07T10:27:02Z")

</div>

I’ve done lots of user testing, and my German users fail 2 in 3 times to find the Year in the Date Picker component. I’ve watched them, zoomed with them, etc - and it’s weird that the year is almost invisible. (I missed it the first time too)

So I was wondering if there is any CSS wizardry to have three components and put them on the same ‘row’ in the ux?

A day  
The month (choice)  
The year

Doable? Thanks!

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [May 7, 2021, 11:47am UTC](https://community.glideapps.com/t/css-magic-maybe-how-to-address-the-confusing-ui-of-the-date-picker/26525/2 "2021-05-07T11:47:23Z")

</div>

thats why i do all my pickers custom… Glide is not old users friendly, they getting lost 😉

> **[Time & Address Picker](https://sa-test.glideapp.io/)**
>
> vCard + pick the time using buttons + enter address or place name, and this App will find the proper address and geolocation

---

<div class="post-metadata">

**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\
**Post date:** [May 7, 2021, 11:53am UTC](https://community.glideapps.com/t/css-magic-maybe-how-to-address-the-confusing-ui-of-the-date-picker/26525/3 "2021-05-07T11:53:54Z")

</div>

👏 👍

---

<div class="post-metadata">

**Author:** ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)\
**Post date:** [May 7, 2021, 11:57am UTC](https://community.glideapps.com/t/css-magic-maybe-how-to-address-the-confusing-ui-of-the-date-picker/26525/4 "2021-05-07T11:57:09Z")

</div>

Very cool - do you have a date of birth picker too? I see a time picker which works great 🙂 🙂

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [May 7, 2021, 11:58am UTC](https://community.glideapps.com/t/css-magic-maybe-how-to-address-the-confusing-ui-of-the-date-picker/26525/5 "2021-05-07T11:58:49Z")

</div>

no, i did not need it yet… i have time, open hours, address, and custom filters

---

<div class="post-metadata">

**Author:** ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)\
**Post date:** [May 16, 2021, 7:05pm UTC](https://community.glideapps.com/t/css-magic-maybe-how-to-address-the-confusing-ui-of-the-date-picker/26525/6 "2021-05-16T19:05:23Z")

</div>

This Glide Date picker is an absolute nightmare for me. It is the biggest area of user complaint. I have a terrible workaround for people to just type in numbers (dd.mm.yyyy) but that is a terrible solution… as I cannot stop people below the age of consent from joining.

How can something this fundamental be so poorly implemented :((((((((((((

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [May 16, 2021, 8:44pm UTC](https://community.glideapps.com/t/css-magic-maybe-how-to-address-the-confusing-ui-of-the-date-picker/26525/7 "2021-05-16T20:44:03Z")

</div>

Unfortunately, I have to agree. Selecting a year in the date picker is NOT intuitive. Would also like to have the option to manually type a date and have the date picker format it appropriately.

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [May 17, 2021, 3:38am UTC](https://community.glideapps.com/t/css-magic-maybe-how-to-address-the-confusing-ui-of-the-date-picker/26525/8 "2021-05-17T03:38:03Z")

</div>

> [@Mark\_Turrell](#):
>
> This Glide Date picker is an absolute nightmare for me. It is the biggest area of user complaint. I have a terrible workaround for people to just type in numbers (dd.mm.yyyy) but that is a terrible solution… as I cannot stop people below the age of consent from joining.

Okay, so that explains what’s going on with the DOB entries causing the PDF generation to fail for some rows. I replied to your PM about this - we should discuss.
