Clearing calendar causes graphical issue

[dlynchcodes]

I've got this calendar with some slightly custom date types and when I attempt to clear the calendars I get this odd graphical issue.

Here is a jsbin showing my problem: https://jsbin.com/cocimoseje/1/edit?html,js,output

I'm assuming I'm not clearing the calendars properly?

[dlynchcodes]

So it seems to be directly related to the Calendar icon. If you remove the calendar icon from the input field, this error does not occur.

https://jsbin.com/rijokijeza/edit?html,js,output

Edit: If you clear the calendar using the id of the calendar this issue does not occur, I have realized that $('.ui .calendar') is selecting the calendar icon to be cleared as well.

[lubber-de]

The main issue is a space in your selector. That searches for a sibling class calendar of ui

You used $('.ui .calendar') instead of $('.ui.calendar')

[dlynchcodes]

Yeah, you're right. I figured that out a long time ago and forgot to update the issue. This should be closed.