How to update date value of DateInput component from parent component

Widgets
1

Hi there,
I am using DateInput/DatePicker component. Below is my code with the state myDate

<DatePickerInput
	id="my-date-picker"
	label="Date picker"
	defaultValue={myDate}
	onSelectedDayChange={setMyDate}
/>

The use-case is that the myDate value can be either typed or picked from the calendar by the user or re-calculated from other actions of the parent component. But when updating the myDate value, the date value displayed in the DateInput is still the first one that I pass to the component.

Is there any way I can do to get the behavior I want?
Thank you

2

Hi Quynh,
Unfortunately, there is no way to update the selected date from outside the picker/input. defaultValue here is actually used to initialize a date, it’s not used to update the selected date by any actions.

3

Hi @dung-early-bud,
Thank you for your quick reply!
We need this behavior in our project, so I already created a ticket (A12-14510) for the Widget team. I hope Widget team considers it.

4

Hello,
the mentioned ticket has been accepted and the feature is included in 2023.06-ext1 version of A12. In case of any issues feel free to send feedback.