Date picker doesn't remember date in calendar when only one date is picked

[ArsalaanAnsariDeveloper]

Describe the bug

When using the date picker component and selecting a single date, it does not remember the date when the calendar is opened again.

Reproduction

If you go to the https://next.shadcn-svelte.com/docs/components/date-picker page, input one date in the Date Range Picker component, close the component and then open it again, it will not select the date in the calendar.

Logs

No response

System Info

Chromium (Arc Browser)

Severity

annoyance

[ieedan]

Also on Chromium Arc but I am unable to reproduce.

repro.mp4

[ArsalaanAnsariDeveloper]

Sorry, it should have been clearer; this only happens when one date is selected. In your video, you always select two dates. Here is a video on my end:

Screen.Recording.2024-12-22.at.11.27.34.AM.mov

[huntabyte]

A range with a single date isn't a range, it's a single date. The value isn't committed until both a start and end date are selected.

In our demo, though, we could probably improve the UX by resetting it when closed without a start and end selected so that it isn't a confusing experience where only a single date is shown.

The startValue is provided as a way to enhance the user experience by populating part of the range before it is complete, so we just need to clear that when the user closes the picker if they select both it should be populated from the value.start.

[ArsalaanAnsariDeveloper]

That's fair! I can see if I can put a PR up that mimics Bit UI's date range picker functionality shown in the video below. Also, I am curious why yall use a Popover + Range Calendar over the Bits UI Date Range Picker.

Screen.Recording.2024-12-22.at.1.24.12.PM.mov