Multiple html instances of the calendar being created when navigating back to the page

[mustn]

I am using <ng2-flatpickr> in angular for choosing scheduleDate.
ng2-flatpickr create calendar html before </body>

but each time go to schedule page it creates this html code again without removing the previous.
so if I want to query on it by className I will get more than one .. and that's not the expected.

this is from inspect console

any solution.