# Date picker custom style

**URL:** <https://community.weweb.io/t/date-picker-custom-style/9401>\
**Category:** How do I?\
**Created:** [June 27, 2024, 3:02pm UTC](https://community.weweb.io/t/date-picker-custom-style/9401 "2024-06-27T15:02:11Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![radume](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/radume/32/9698_2.png) [@radume](https://community.weweb.io/u/radume)\
**Post date:** [June 27, 2024, 3:02pm UTC](https://community.weweb.io/t/date-picker-custom-style/9401/1 "2024-06-27T15:02:11Z")

</div>

![calendar](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/d/d1ae71d77d98d5811ab8a4355647516098a48003.png)  
Hello everyone, I am trying to customize the date picker component and I managed to customize 90% of it. The only things left that I don’t know how to change are the highlighted icons and texts. Has anyone managed to replace the chevrons and remove the bottom icon?

---

<div class="post-metadata">

**Author:** ![Miguel](https://avatars.discourse-cdn.com/v4/letter/m/439d5e/32.png) [@Miguel](https://community.weweb.io/u/Miguel)\
**Post date:** [June 27, 2024, 3:45pm UTC](https://community.weweb.io/t/date-picker-custom-style/9401/2 "2024-06-27T15:45:58Z")

</div>

To remove the bottom icon, you need to change the mode to ‘Date’. But this will disable to time picker.

You can modify the font and color of the text and icons, but changing the icon or the text itself does not appear to be currently supported in the date picket element.

 ![Capture](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/f/fd014b6294e57e59bfc7daf521d175a2f3b09a4b.png)