Why is my date picker background blue when adding a subform?

 
1
0
-1

Hello Everyone.

I have a strange issue on one form.

When you click Add Row it displays a subform, but somehow the date picker fields have turned blue!




On the actual form itself that is being used as the subform the date pickers look and work as expected.

I tried deleting them and adding them again, thus using default values and when I get to the step to add employment details and click Add Row the date pickers are blue again.

Any help on this is appreciated.

Thank you.

    CommentAdd your comment...

    2 answers

    1.  
      1
      0
      -1

      Thank you for replying Anders.

      I inspected it and yes, there is CSS turning it blue.  I updated it as below, and, for each date picker, under Styling I chose Custom and pasted it in and saved and tried again, but it is still blue.

      #content main button[class*=button]:not([class*="btn-"]), #content main input[class*=button]:not([class*="btn-"]), #content main button.btn-primary, #content main input.btn-primary {
          color: #ffffff;
          background-color: var(--theme-button-bg, #ffffff);
          border-color: var(--theme-button-bg, #ffffff);
      }

      Any further help is much appreciated.

      Regards.

        CommentAdd your comment...
      1.  
        1
        0
        -1

        Hi, do you have custom CSS in your UI? Try using the browser developer tools to inspect the date picker field, it should show which selector is causing it to become blue.

          CommentAdd your comment...