# Date Picker Style

**URL:** <https://community.glideapps.com/t/date-picker-style/52833>\
**Category:** Ask for Help\
**Created:** [October 29, 2022, 9:08am UTC](https://community.glideapps.com/t/date-picker-style/52833 "2022-10-29T09:08:08Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Alexander\_Rubino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_rubino/32/48638_2.png) [@Alexander\_Rubino](https://community.glideapps.com/u/Alexander_Rubino)\
**Post date:** [October 29, 2022, 9:08am UTC](https://community.glideapps.com/t/date-picker-style/52833/1 "2022-10-29T09:08:08Z")

</div>

I’ve had some bad experiences with the date picker from users. They can’t seem to figure out how to change the year. They move back one month at a time, which takes a long time. How can I make a custom date picker that is a bit more user friendly?

![Screenshot 2022-10-29 at 11.05.11](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/b/6be4895b088ec75763ac7f70bd4bdbdc17c60bf8.png)

---

<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:** [October 29, 2022, 9:50am UTC](https://community.glideapps.com/t/date-picker-style/52833/2 "2022-10-29T09:50:45Z")

</div>

I use the following CSS, which makes the year selector more obvious:

```auto
<pre><span><style>
/* Month */
.MuiPickersSlideTransition-transitionContainer > * {
  font-size: 1.5em !important;
}

/* Year & Day */
.MuiPickersToolbarText-toolbarTxt {
  font-size: 2.125rem;
  font-family: "Roboto", "Helvetica", "Arial", 
  sans-serif;
  font-weight: 400;
  line-height: 1.235;
  letter-spacing: 0.00735em;
}

/* Day only */
.MuiTypography-h4 {
  font-size: 1.8rem !important;
}

```