# Date picker element help

**URL:** <https://community.weweb.io/t/date-picker-element-help/17592>\
**Category:** How do I?\
**Created:** [April 3, 2025, 1:29pm UTC](https://community.weweb.io/t/date-picker-element-help/17592 "2025-04-03T13:29:10Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![BaronIncognito](https://avatars.discourse-cdn.com/v4/letter/b/8baadc/32.png) [@BaronIncognito](https://community.weweb.io/u/BaronIncognito)\
**Post date:** [April 3, 2025, 1:29pm UTC](https://community.weweb.io/t/date-picker-element-help/17592/1 "2025-04-03T13:29:10Z")

</div>

Hi guys! Trying to work with date picker element and faced some problems.

First of all, can I make ‘Apr’ and ‘2025’ be together with for example gap 8px?

Second, can I make a padding for the actual calendar so that those arrows are not touching the borders?

And the last one, am I able to add another button to the actions tab? I want it to have Apply and Cancel.

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/1/1ce36cc059dd689a23458d674d32286e44a1b842.png)

Thanks!

---

<div class="post-metadata">

**Author:** ![Guillenius](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/guillenius/32/9570_2.png) [@Guillenius](https://community.weweb.io/u/Guillenius)\
**Post date:** [April 3, 2025, 3:10pm UTC](https://community.weweb.io/t/date-picker-element-help/17592/2 "2025-04-03T15:10:14Z")

</div>

you can use css + html to modify the component, firts, seek the componente name on the inspector and within you modify the compone by css coding.