- Change selector on flatpickr components to guaratee that the intern…

…al input doesn't appear when is inside form widget.
OutSystems · Nov 10, 2023 · 833d5f3 · 833d5f3
1 parent c2e4ff6
commit 833d5f3
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 21 deletions.
diff --git a/src/scripts/OSFramework/OSUI/Pattern/DatePicker/scss/_datepicker.scss b/src/scripts/OSFramework/OSUI/Pattern/DatePicker/scss/_datepicker.scss
@@ -31,15 +31,16 @@
 			color: var(--color-neutral-6);
 			pointer-events: none;
 		}
-	}
 
-	// Hide the platform input which is set as hidden by the library and we're change it into the expected type, however we do not want it visible since library will add a clone to better deal with the selected dates.
-	input.flatpickr-input:first-of-type {
-		display: none;
+		// Hide the platform input which is set as hidden by the library and we're change it into the expected type, however we do not want it visible since library will add a clone to better deal with the selected dates.
+		// We cannot use the provider class since the provider class will not be taken into consideration on the input widget react lifecycle
+		&:first-of-type {
+			display: none;
 
-		// Make the platform input visible in Service Studio
-		& {
-			-servicestudio-display: inline-flex !important;
+			// Make the platform input visible in Service Studio
+			& {
+				-servicestudio-display: inline-flex !important;
+			}
 		}
 	}
 

diff --git a/src/scripts/OSFramework/OSUI/Pattern/MonthPicker/scss/_monthpicker.scss b/src/scripts/OSFramework/OSUI/Pattern/MonthPicker/scss/_monthpicker.scss
@@ -53,15 +53,16 @@
 			color: var(--color-neutral-6);
 			pointer-events: none;
 		}
-	}
 
-	// Hide the platform input which is set as hidden by the library and we're change it into the expected type, however we do not want it visible since library will add a clone to better deal with the selected dates.
-	input.flatpickr-input:first-of-type {
-		display: none;
+		// Hide the platform input which is set as hidden by the library and we're change it into the expected type, however we do not want it visible since library will add a clone to better deal with the selected dates.
+		// We cannot use the provider class since the provider class will not be taken into consideration on the input widget react lifecycle
+		&:first-of-type {
+			display: none;
 
-		// Make the platform input visible in Service Studio
-		& {
-			-servicestudio-display: inline-flex !important;
+			// Make the platform input visible in Service Studio
+			& {
+				-servicestudio-display: inline-flex !important;
+			}
 		}
 	}
 }

diff --git a/src/scripts/OSFramework/OSUI/Pattern/TimePicker/scss/_timepicker.scss b/src/scripts/OSFramework/OSUI/Pattern/TimePicker/scss/_timepicker.scss
@@ -31,15 +31,16 @@
 			color: var(--color-neutral-6);
 			pointer-events: none;
 		}
-	}
 
-	// Hide the platform input which is set as hidden by the library and we're change it into the expected type, however we do not want it visible since library will add a clone to better deal with the selected dates.
-	input.flatpickr-input:first-of-type {
-		display: none;
+		// Hide the platform input which is set as hidden by the library and we're change it into the expected type, however we do not want it visible since library will add a clone to better deal with the selected dates.
+		// We cannot use the provider class since the provider class will not be taken into consideration on the input widget react lifecycle
+		&:first-of-type {
+			display: none;
 
-		// Make the platform input visible in Service Studio
-		& {
-			-servicestudio-display: inline-flex !important;
+			// Make the platform input visible in Service Studio
+			& {
+				-servicestudio-display: inline-flex !important;
+			}
 		}
 	}