Date picker popup border CSS

  • 1
  • Problem
  • Updated 2 years ago
  • Solved
  • (Edited)
How do I edit the border for the date picker pop up. I can't find the option anywhere nor can I seem to do it from within the page's CSS resources.


Photo of Josef Lagorio

Josef Lagorio

  • 2,852 Points 2k badge 2x thumb

Posted 2 years ago

  • 1
Photo of Mark DeSimone

Mark DeSimone, Official Rep

  • 11,050 Points 10k badge 2x thumb
Hi Josef, I'm able to set the border color and related properties from the area you've found.

Here's a screenshot just to make sure we're on the same page:

 

Is there a property you're after that's not here? If so, please try to clarify what else you'd like to change. 
Photo of Josef Lagorio

Josef Lagorio

  • 2,852 Points 2k badge 2x thumb
Hey Mark - I'm referring to that light blue/teal border in my screenshot. It surrounds the month and arrows. 
Photo of Mark DeSimone

Mark DeSimone, Official Rep

  • 11,050 Points 10k badge 2x thumb
I see. That property doesn't appear to have declarative controls in theme builder, but if you'd like to add some inline CSS to your theme (or to just one specific page), you can use a rule like this, and tweak the parameters that you want. 
.ui-datepicker-header.ui-widget-header{
    border:2px solid red;
}