Fix: Reset date range calendar when value is empty string or array

[dedanade]

Closes #17702

Fix issue when a user resets datepicker calendar using an empty string, array, or two empty strings in an array.

Changelog

New

• {{new thing}}

Changed

• {{change thing}}

Removed

• {{removed thing}}

Testing / Reviewing

Create a button to reset the date range in DatePicker.stories to reset the calendar with a daterange value like this https://stackblitz.com/edit/github-cmfaqv?file=src%2FApp.jsx.

Select the start and end date, click on the reset button you created above and reselect start date again to notice the end date doesn't automatically populate from the previous selection.

[github-actions]

All contributors have signed the DCO.
_{Posted by the DCO Assistant Lite bot.}

[netlify]

✅ Deploy Preview for v11-carbon-web-components ready!

Name	Link
🔨 Latest commit	410be25
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-web-components/deploys/678024e09c52610008db2f66
😎 Deploy Preview	https://deploy-preview-17889--v11-carbon-web-components.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[dedanade]

I have read the DCO document and I hereby sign the DCO.

[netlify]

✅ Deploy Preview for v11-carbon-react ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	410be25
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-react/deploys/678024e0d8f44b0008a74b84
😎 Deploy Preview	https://deploy-preview-17889--v11-carbon-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[emyarod]

it looks like VS Code is adding .history to the repo but we probably don't need to commit those files!

[dedanade]

it looks like VS Code is adding .history to the repo but we probably don't need to commit those files!

Hi @emyarod, Apologies, This is coming from a different commit that has been fixed and unrelated to this task. It looks good to me now.

[netlify]

✅ Deploy Preview for carbon-elements ready!

Name	Link
🔨 Latest commit	410be25
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-elements/deploys/678024e0eb92e30008d8dba8
😎 Deploy Preview	https://deploy-preview-17889--carbon-elements.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[guidari]

Hey @dedanade The Stackblitz does not work.
Can you create an example story for us to test, please

[dedanade]

Hi @guidari , to test for the issue, kindly check https://stackblitz.com/edit/github-cmfaqv?file=src%2FApp.jsx

[guidari]

I pull down locally and created a storybook example to test the fix.

LGTM 🚀 Thanks for opening that.

[tay1orjones]

LGTM 👍

[tay1orjones]

@dedanade your commits were made with username/email creds that don't match your github profile, so the DCO bot doesn't see this "user" as having signed the DCO. We can merge this manually to override the failing check, but just something to know for the future. Thanks again for this fix!

[dedanade]

recheck