# Date range picker: initial value not showing?

**URL:** <https://community.weweb.io/t/date-range-picker-initial-value-not-showing/7207>\
**Category:** How do I?\
**Created:** [February 23, 2024, 11:05am UTC](https://community.weweb.io/t/date-range-picker-initial-value-not-showing/7207 "2024-02-23T11:05:38Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![raelyn](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/raelyn/32/2803_2.png) [@raelyn](https://community.weweb.io/u/raelyn)\
**Post date:** [February 23, 2024, 11:05am UTC](https://community.weweb.io/t/date-range-picker-initial-value-not-showing/7207/1 "2024-02-23T11:05:38Z")

</div>

I have a date ranger picker and changed “init value start” to 2024-01-06:

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

But then its not showing on the element, it still says “Select a date”.

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

On closer inspection, the preview value is not showing the initial value? The “value” is changed but not “preview”.

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

I hope this makes sense. I am trying to add one day to the date of another date picker and then show this new date as the start date of this date range picker. how do I do that?

---

<div class="post-metadata">

**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\
**Post date:** [February 27, 2024, 1:13am UTC](https://community.weweb.io/t/date-range-picker-initial-value-not-showing/7207/2 "2024-02-27T01:13:59Z")

</div>

Hi @raelyn 👋

The `init value start` corresponds to the value that the time picker will start on when the user clicks on it:

 ![CleanShot 2024-02-27 at 02.06.42@2x](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/e/eaa9faa62a33c96c6a1b857d4f07b4319b57e496.png)

If the user selects a different start date from the initial value, the component variable (on the left in the screenshot above) will be updated with the selected value:

 ![CleanShot 2024-02-27 at 02.09.25@2x](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/2/271c88f302a0509cdc93efbdb3eab3dc5dd2073f.png)

“Select a date” corresponds to the first placeholder element in the Layout panel:

 ![CleanShot 2024-02-27 at 02.10.24@2x](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/e/ed02015126d456a94151a8147544c69f103e46b4.png)

You can use bindings and formulas to make it dynamic:

 ![CleanShot 2024-02-27 at 02.12.26@2x](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/3/3722dfa68cb14ddee07795ccdd84af365a3672e1.jpeg)

But it won’t change the `init value start` of the date range picker:

 ![CleanShot 2024-02-27 at 02.13.14@2x](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/2/25ca755afaa607b72ec802a8d7bda48673c1358c.png)

You might need to change the binding of that value as well depending on your use case.