fix(calendar): fix calendar icon CSS issue #16446

[NabeelAyubee]

Closes #16446

-Calendar icon CSS issue fix when inline props is true
-DatePicker story added with inline props true

Changelog

New

-Added story for DatePicker with inline true in storybook

Changed

• Changed flatpickr calendar position to absolute and inset block start to auto

Testing / Reviewing

Testing / Reviewing

• Tested in storybook when inline props is set to true. calendar icon is showing correctly

[NabeelAyubee]

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

[netlify]

✅ Deploy Preview for carbon-elements ready!

Name	Link
🔨 Latest commit	423e6d5
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-elements/deploys/66c3979f1a61f50009842752
😎 Deploy Preview	https://deploy-preview-17144--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.

[netlify]

✅ Deploy Preview for v11-carbon-react ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	423e6d5
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-react/deploys/66c3979f3fd2840008f4ff1b
😎 Deploy Preview	https://deploy-preview-17144--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.

[tay1orjones]

LGTM, let's remove the inline story before merging as this is not a documented variant of the DatePicker

[NabeelAyubee]

LGTM, let's remove the inline story before merging as this is not a documented variant of the DatePicker

Thanks for the suggestion. I have removed the DatePicker inline story as mentioned

[NabeelAyubee]

@guidari Can you please review the PR ? I've got one approval.