[BUG] - DatePicker unexpectedly closes when value changes from null to a CalendarDateTime

[lilkimo]

NextUI Version

@nextui-org/[email protected]

Describe the bug

DatePicker component unexpectedly closes when value property changes from null to a CalendarDateTime.

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

import { toCalendarDateTime } from '@internationalized/date'

<DatePicker
  value={state} //const [ state, setState ] = useState(null)
  onChange={e => setState(toCalendarDateTime(e))}
/>

I had to do this workaround because there is no way to display the time fields without a default value (feat?)

Expected behavior

DatePicker doesnt closes and time fields appears.

Screenshots or Videos

Operating System Version

Windows

Browser

Chrome

[linear]

ENG-1467 [BUG] - DatePicker unexpectedly closes when value changes from null to a CalendarDateTime

[wingkwong]

any reason to use CalendarDateTime? You may try

const [value, setValue] = React.useState<DateValue>();
// ...
<DatePicker value={value} onChange={setValue} />

[lilkimo]

@wingkwong because the component only displays time fields when a CalendarDateTime or ZonedDateTime value/defaultValue is provided (As shown in the docs).
Unfortunately your solution doesnt work for me because the project im working on is JS only.

This is not related to this issue but a showTimeFields prop might be a nice feature.