[calcite-input-date-picker]: should display placeholder text when the value is reset to null

[vannizhang]

Actual Behavior

I have two simple simple components, a calcite-input-date-picker and a calcite-button:

I can use the date picker to select a date without any issue:

The selected date should be reset when I click on the reset button, and I can see selected date become unselected in the calendar component after clicking the button:

But the input still shows previously selected date even after we reset the selected date:

Expected Behavior

the input should show placeholder text (e.g. YYYY/MM/DD) once the selected date is reset to undefined, so that the user knows that they have successfully reset the selected date.

Reproduction Sample

https://codepen.io/vannizhang/pen/ZEjMLaL?editors=1010

Reproduction Steps

open the codepen sample,
select a date using the date-picker component and you should see the selected date in input-date-picker
click on reset selected date button
you still see the previously selected date in the input-date-picker, which is incorrect, should see the placeholder text

Reproduction Version

1.0.3

Relevant Info

No response

Regression?

No response

Impact

The Living Atlas Curation App (a internal tool to curate all Living Atlas contents) uses the calcite-input-date-picker in a Modal to let the curator to select a auto removal date for any Living Atlas content, we also gives them a button to reset the previously selected auto removal date, when that button is clicked, we want them to see that change in the calcite-input-date-picker:

Esri team

Calcite (dev)

[geospatialem]

Also surfaced in a Community post on June 9.

[github-actions]

Installed and assigned for verification.

[geospatialem]

Verified in 1.5.0-next.4.