Skip to content

Instantly share code, notes, and snippets.

@ismaelga
Forked from kevindavis/gist:1868669
Created July 22, 2012 03:58
Show Gist options
  • Save ismaelga/3158324 to your computer and use it in GitHub Desktop.
Save ismaelga/3158324 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