Border is displaying around date picker icon after closing the calendar & calendar is not closing on click on icon ones opend

[apallamreddy]

Describe the bug
1)please open the calendar on clicking calendar icon and select any date you can see the border around the icon which is displaying
2) open the calendar on clicking date picker icon again click on same icon calendar is still showing not closing
Expected behavior
The border should not be show around the icon ones calendar is closed or date is selected for time it self
on clicking date picker icon the calendar should close
Screenshots

[mchaudhary5]

Please provide ETC for this issue.

[jsardid]

Is the issue with the border itself? Or with the calendar keeping the focus after having picked a date? I think I don't fully understand where exactly is the issue here.

[apallamreddy]

Hi @jsardid ,
1)The calendar is keeping focus after picking date.
2)ones calendar is open when I re click the calendar icon opened Calendar is not closing

[aweell]

Hi @apallamreddy

Regarding 1)

The calendar is keeping focus after picking date.

When a value from the date dialog is selected the focus moves back to the trigger, that's the expected behavior. You can check the related behavior in the WAI-ARIA date picker dialog example.

Keyboard interaction from the dialog example documentation:

Key	Function
Enter, space	Select the date, close the dialog, and move focus to the Choose Date button.

Regarding 2)

ones calendar is open when I re click the calendar icon opened Calendar is not closing

I believe this is the actual issue:

• The dialog should close when clicking back the trigger
• The dialog should close when pressing esc key

Since clicking outside the dialog area and selecting a value are already closing it.