Skip to main content
dpkhmhs
Level 2
Jan 28, 2025 4:21 PM UTC
Solved

Date Picker field's calendar widget intermittently displays without any days

AEM 6.5, SPA, Angular 9, Bootstrap 4

AEM Forms packages:

adobe-aemfd-linux-pkg-6.0.1120.zip

adobe-aemfd-compat-pkg-2.0.48.zip

Date Picker field's calendar widget intermittently displays without any days (see image above).  It works most of the time, but we haven't been able to come up with steps to reproduce the blank popup.  We've seen the behavior on different Date Picker fields on different Adaptive Forms.

  1. Has anybody seen this behavior before?
  2. Do you have steps to reproduce the issue?
  3. Were you able to fix the issue or at least any hints for what to look for?
Khushwant_Singh
Khushwant_SinghAccepted solution
Adobe Employee
Feb 3, 2025 9:10 AM UTC

User has been asked to log a ticket through the support channel to have this addressed in the foundation component. If you are starting a new project, it is recommended to use Core Components.  

View in thread

6 replies

rishim22446870
Adobe Employee
rishim22446870Adobe Employee
Adobe Employee
Jan 29, 2025 4:57 AM UTC

@dpkhmhsAre you using foundation-based forms or core component-based forms? We've addressed many similar issues to the one you reported with the date picker core component. You can check the component here: https://github.com/adobe/aem-core-forms-components/tree/release/650/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/datepicker/v1/datepicker 

Translate
dpkhmhsAuthor
Level 2
Jan 29, 2025 4:29 PM UTC

I'm using whatever form components are installed with the AEM Forms install packages.  The component group for all the form components I'm using is "Adaptive Form".  The sling:resourceType is "fd/af/components/guidedatepicker".  I've always thought I'm using the core components but is there a simple way to know for sure?

 

   

   

 

Translate
rishim22446870
Adobe Employee
rishim22446870Adobe Employee
Adobe Employee
Jan 30, 2025 7:58 AM UTC

@dpkhmhs

Based on the screenshots you shared, it appears you're using foundation components to build the adaptive form. We recommend using the forms core components available through the AEM project archetype for creating adaptive forms.

Could you please switch to using the core components for this use case? We've resolved similar issues in the past using them.

Translate
Khushwant_Singh
Adobe Employee
Khushwant_SinghAdobe EmployeeAccepted solution
Adobe Employee
Feb 3, 2025 9:10 AM UTC

User has been asked to log a ticket through the support channel to have this addressed in the foundation component. If you are starting a new project, it is recommended to use Core Components.  

Translate
Terms & ConditionsAccessibility statement

Loading footer...