Skip to content

Instantly share code, notes, and snippets.

@kevindavis
Created February 20, 2012 10:15
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save kevindavis/1868669 to your computer and use it in GitHub Desktop.
Save kevindavis/1868669 to your computer and use it in GitHub Desktop.
Bootstrap styling for jQuery UI date picker
#ui-datepicker-div
{
.ui-datepicker-header
{
background-image: none;
background-color: #0088cc; color: #fff;
.ui-datepicker-prev span.ui-icon
{
background-image: url("/assets/glyphicons-halflings-white.png");
background-position: -432px -72px;
}
.ui-datepicker-prev-hover { background-image: none; background-color: white; }
.ui-datepicker-prev-hover span.ui-icon
{
background-image: url("/assets/glyphicons-halflings.png");
background-position: -432px -72px;
}
.ui-datepicker-next span.ui-icon
{
background-image: url("/assets/glyphicons-halflings-white.png");
background-position: -456px -72px;
}
.ui-datepicker-next-hover { background-image: none; background-color: white; }
.ui-datepicker-next-hover span.ui-icon
{
background-image: url("/assets/glyphicons-halflings.png");
background-position: -456px -72px;
}
}
.ui-datepicker-current-day a
{
background-color: #0088cc;
background-image: none;
color: white;
}
.ui-datepicker-calendar td a { background-image: none; }
.ui-datepicker-calendar td a.ui-state-hover { background-color: #0088cc; color: white; }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment