[BUG] - onFocusChange in date range picker preset example

[AndreasDamen]

HeroUI Version

2.7.2

Describe the bug

The datepicker only changes the start date due to:
onFocusChange: (val) => setValue({...value, start: val}),

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

1. copy poc
2. test datepicker
3. notice the end date is not changed

Expected behavior

as a user i expect the end date to change. but the onfocuschange only changes the start date, creating issues.

Screenshots or Videos

No response

Operating System Version

windows 11

Browser

Chrome

[linear]

ENG-2174 [BUG] - Date-range-picker

[wingkwong]

Can you please elaborate more? onFocusChange: (val) => setValue({...value, start: val}), looks like a prop from calendar instead. I'm not sure what the issue here is. In the given code, you just update the start date. Every time it should only one date is changed, you can handle the logic there and update end date as well.

[AndreasDamen]

in the example on your website: https://www.heroui.com/docs/components/date-range-picker#presets
you can try to set the date range by selecting 2 dates. however, only the first date is changed, on both clicks.

End date is never updated when using the calendar in the code snippet on your site

[wingkwong]

Oh I got what you mean now. Thanks.

[AndreasDamen]

No worries haha. Thx for picking it up so fast!