Merge pull request #88 from uvarov-frontend/fix/87_multiple_input_cal…

…endars FIX: Multiple input calendars issue
uvarov-frontend · Jun 21, 2023 · 2fad816 · 2fad816
2 parents 2b423f6 + 69985b8
commit 2fad816
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/package/build/vanilla-calendar.min.js b/package/build/vanilla-calendar.min.js
diff --git a/package/package.json b/package/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@uvarov.frontend/vanilla-calendar",
-	"version": "2.6.0",
+	"version": "2.6.1",
 	"description": "VanillaCalendar is a pure JavaScript date and time picker that uses TypeScript so it supports any JS framework and library.",
 	"homepage": "https://vanilla-calendar.com",
 	"keywords": [

diff --git a/package/src/scripts/methods/handlerInput.ts b/package/src/scripts/methods/handlerInput.ts
@@ -5,7 +5,9 @@ let currentSelf: null | IVanillaCalendar = null;
 const documentClickEvent = (e: MouseEvent) => {
 	if (!currentSelf) return;
 	if ((e.target as HTMLElement).closest(`.${currentSelf.CSSClasses.calendar}`)) return;
-	currentSelf.HTMLElement?.classList.add(currentSelf.CSSClasses.calendarHidden);
+	document.querySelectorAll(`.${currentSelf.CSSClasses.calendar}`).forEach((calendar) => {
+		calendar.classList.add((currentSelf as IVanillaCalendar).CSSClasses.calendarHidden);
+	});
 	document.removeEventListener('click', documentClickEvent, { capture: true });
 };