# List viewer component (days to go, image )

**URL:** <https://community.thunkable.com/t/list-viewer-component-days-to-go-image/1263160>\
**Category:** Questions about Thunkable X\
**Created:** [May 4, 2021, 5:51pm UTC](https://community.thunkable.com/t/list-viewer-component-days-to-go-image/1263160 "2021-05-04T17:51:48Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![charvi2k9gsbk2i](https://avatars.discourse-cdn.com/v4/letter/c/839c29/32.png) [@charvi2k9gsbk2i](https://community.thunkable.com/u/charvi2k9gsbk2i)\
**Post date:** [May 4, 2021, 5:51pm UTC](https://community.thunkable.com/t/list-viewer-component-days-to-go-image/1263160/1 "2021-05-04T17:51:49Z")

</div>

Hey,  
so basically when the user selects a date from the date-input component and I wanna subtract it with the current date and show ( so and so days to go)  
and this is the code I used:

 ![Screenshot 2021-05-04 at 11.19.40 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/6/763d56ee8e9bcd42e7c2bc634553917f7faef7b6.png)  
and this is the output that i got it shows “Nan”:  
 ![Screenshot 2021-05-04 at 11.20.54 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/b/ab63f76e2c5c2c7f128d64f6327c8724ade324fa.png)

---

<div class="post-metadata">

**Author:** ![charvi2k9gsbk2i](https://avatars.discourse-cdn.com/v4/letter/c/839c29/32.png) [@charvi2k9gsbk2i](https://community.thunkable.com/u/charvi2k9gsbk2i)\
**Post date:** [May 4, 2021, 5:54pm UTC](https://community.thunkable.com/t/list-viewer-component-days-to-go-image/1263160/2 "2021-05-04T17:54:08Z")

</div>

and beside the date, if I want to show the image selected by the user I used  
 ![Image 04-05-21 at 11.23 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/3/33f87e43a3e6919d253648d3d65315c6571bb6c2.jpeg)  
but it shows the URL ?

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [May 4, 2021, 7:00pm UTC](https://community.thunkable.com/t/list-viewer-component-days-to-go-image/1263160/3 "2021-05-04T19:00:50Z")

</div>

You’re asking Thunkable to do a math problem: “Subtract 03/16/21 from 4.” Even the best calculator isn’t going to know how to answer that.

You should Google _date calculation Thunkable_ to get started with solving this tricky issue.

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [May 4, 2021, 7:27pm UTC](https://community.thunkable.com/t/list-viewer-component-days-to-go-image/1263160/4 "2021-05-04T19:27:37Z")

</div>

> [@charvi2k9gsbk2i](#):
>
> , if I want to show the image selected by the user I used  
> ![Image 04-05-21 at 11.23 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/3/33f87e43a3e6919d253648d3d65315c6571bb6c2.jpeg)  
> but it shows the URL ?

It’s hard to debug one block. Are you setting an image’s picture to a url? That should work fine, as long as the url is actually a picture.

---

<div class="post-metadata">

**Author:** ![charvi2k9gsbk2i](https://avatars.discourse-cdn.com/v4/letter/c/839c29/32.png) [@charvi2k9gsbk2i](https://community.thunkable.com/u/charvi2k9gsbk2i)\
**Post date:** [May 5, 2021, 7:16am UTC](https://community.thunkable.com/t/list-viewer-component-days-to-go-image/1263160/5 "2021-05-05T07:16:01Z")

</div>

yes, mam  
so basically user using photo library block they are gonna select a pic and using that we need to get the image source. SO basically the image should be shown ,its showing the URL

---

<div class="post-metadata">

**Author:** ![charvi2k9gsbk2i](https://avatars.discourse-cdn.com/v4/letter/c/839c29/32.png) [@charvi2k9gsbk2i](https://community.thunkable.com/u/charvi2k9gsbk2i)\
**Post date:** [May 5, 2021, 7:19am UTC](https://community.thunkable.com/t/list-viewer-component-days-to-go-image/1263160/6 "2021-05-05T07:19:46Z")

</div>

> [@tatiang](#):
>
> date calculation Thunkable

so do we need to use javascript for the same?

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 1:22pm UTC](https://community.thunkable.com/t/list-viewer-component-days-to-go-image/1263160/7 "2024-11-08T13:22:39Z")

</div>


