fix(date): add callback to be called when component blurs and picker is closed

[mihai-albu-sage]

fixes: #6788

Proposed behaviour

Added two new callbacks to the Date component:

• onPickerOpen which is called when the DatePicker is opened
• onPickerClosed which is called when the DatePicker is closed

This two callbacks enhance the functionality of the Date component and offer more flexibility especially when we want to trigger a callback precisely when the DatePicker component is opened and/or closed.

Current behaviour

In certain situations , when we want to open a Dialog as a callback the current onBlur does not suffice since both the DatePicker and the Dialog will be opened at the same time when we Tab away from the Date component.

Checklist

• Commits follow our style guide
• Related issues linked in commit messages if required
• Screenshots are included in the PR if useful
• All themes are supported if required
• Unit tests added or updated if required
• Playwright automation tests added or updated if required
• Storybook added or updated if required
• Translations added or updated (including creating or amending translation keys table in storybook) if required
• Typescript d.ts file added or updated if required
• Related docs have been updated if required

QA

• Tested in provided StackBlitz sandbox/Storybook
• Add new Playwright test coverage if required
• Carbon implementation matches Design System/designs
• UI Tests GitHub check reviewed if required

Additional context

Testing instructions

[carbonci]

🎉 This PR is included in version 142.13.2 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀