# Clickable elements and daterange

**URL:** <https://community.weweb.io/t/clickable-elements-and-daterange/864>\
**Category:** Ask us anything\
**Created:** [July 25, 2022, 8:23am UTC](https://community.weweb.io/t/clickable-elements-and-daterange/864 "2022-07-25T08:23:20Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Soenke](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/soenke/32/998_2.png) [@Soenke](https://community.weweb.io/u/Soenke)\
**Post date:** [July 25, 2022, 8:23am UTC](https://community.weweb.io/t/clickable-elements-and-daterange/864/1 "2022-07-25T08:23:20Z")

</div>

Hi there,

I already started building nice things with WeWeb, enjoying the speed of coming to good results.

Now I am struggling with some small things, which should be simple, just cannot figure out how to do it:

1. How do I achieve that clickable elements show the typical “Clickfinger” on mouseover? This is working for buttons, icons etc, but if I add workflows to other elements like containers, Text, etc, the clickfinger is not visible on mouseover. So for the user the element looks not clickable.

2. Using the daterange element, I want to use the output of the element as input for a backend request. Problem is that the daterange element returns the selected date not in a processable format. It looks like this: _“Mon Jul 25 2022 23:59:59 GMT+0200 (Mitteleuropäische Sommerzeit)”_ → This dateformat is not recognized by Xano. So my question is how can I transform the data to ISO or timestamp format?

3. Speaking about dates: Is there a way to process a date value, like adding days or minutes to an existing date/timestamp?

Thanks a lot guys 😉

---

<div class="post-metadata">

**Author:** ![dorilama](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dorilama/32/10403_2.png) [@dorilama](https://community.weweb.io/u/dorilama)\
**Post date:** [July 25, 2022, 9:37am UTC](https://community.weweb.io/t/clickable-elements-and-daterange/864/2 "2022-07-25T09:37:29Z")

</div>

1. Add some custom css to the element  
 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/d/dae5b6cc98bb6385015dce4e0bffa540f5e199bc.png)

2. The date element is only presentational.  
to manipulate dates add “date” extension  

3. you can find the formulas for making date manipulation as well

---

<div class="post-metadata">

**Author:** ![Soenke](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/soenke/32/998_2.png) [@Soenke](https://community.weweb.io/u/Soenke)\
**Post date:** [July 25, 2022, 2:12pm UTC](https://community.weweb.io/t/clickable-elements-and-daterange/864/3 "2022-07-25T14:12:14Z")

</div>

@dorilama Awesome, everything works perfectly!

Though I think the solution with css for clickable elements is not quite straightforward, as elements with an ‘on click’ workflow should show the pointer by default. But the css solution is quick and works, so thanks for that.

---

<div class="post-metadata">

**Author:** ![dorilama](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dorilama/32/10403_2.png) [@dorilama](https://community.weweb.io/u/dorilama)\
**Post date:** [July 25, 2022, 2:25pm UTC](https://community.weweb.io/t/clickable-elements-and-daterange/864/4 "2022-07-25T14:25:55Z")

</div>

> [@Soenke](#):
>
> everything works perfectly!

Wonderful 🙂

---

<div class="post-metadata">

**Author:** ![kevinwasie](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/kevinwasie/32/402_2.png) [@kevinwasie](https://community.weweb.io/u/kevinwasie)\
**Post date:** [July 25, 2022, 8:28pm UTC](https://community.weweb.io/t/clickable-elements-and-daterange/864/5 "2022-07-25T20:28:38Z")

</div>

Css pointer can also be set in the settings tab. No need to use custom css. It can also then be bindable.

 ![Screen Shot 2022-07-25 at 4.28.18 PM](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/b/b6aa94e593d5b44c885c656d1e4bb4f69d749720.png)

---

<div class="post-metadata">

**Author:** ![forgelab](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/forgelab/32/9671_2.png) [@forgelab](https://community.weweb.io/u/forgelab)\
**Post date:** [November 4, 2022, 7:16pm UTC](https://community.weweb.io/t/clickable-elements-and-daterange/864/6 "2022-11-04T19:16:12Z")

</div>

just found this while looking into date manipulation myself. you the best. thanks for taking the time to document for folks.