added TODO info

Author: BenOsodrac

core/src/components/datetime/datetime.ionic.scss

@@ -12,10 +12,16 @@
   --background: #{globals.$ion-bg-surface-default};
   --focus-ring-color: #{globals.$ion-border-focus-default};
   --focus-ring-width: #{globals.$ion-border-radius-025};
+  /**
+   * TODO(FW-6931): Remove these variables upon solving the root cause
+   */
   --body-opacity: 0;
   --year-opacity: 0;
 }
 
+  /**
+   * TODO(FW-6931): Remove all this css related to opacity upon solving the root cause
+   */
 :host .calendar-body {
   opacity: var(--body-opacity);
 }

core/src/components/datetime/datetime.native.scss

@@ -23,11 +23,17 @@
   max-width: 350px;
 }
 
+/**
+ * TODO(FW-6931): Move this back to common file upon solving the root cause
+ */
 :host .calendar-body,
 :host .datetime-year {
   opacity: 0;
 }
 
+/**
+ * TODO(FW-6931): Move this back to common file upon solving the root cause
+ */
 :host(.datetime-ready) .calendar-body,
 :host(.datetime-ready) .datetime-year {
   opacity: 1;