Skip to content

Instantly share code, notes, and snippets.

@jonathanforsythe
Created March 19, 2015 04:08
Show Gist options
  • Save jonathanforsythe/d8b6c448fa6c43da5917 to your computer and use it in GitHub Desktop.
Save jonathanforsythe/d8b6c448fa6c43da5917 to your computer and use it in GitHub Desktop.
jQuery UI Datepicker CSS Classes
// The outer container of the datepicker. If the datepicker is inline, this element will additionally have a ui-datepicker-inline class. If the isRTL option is set, this element will additionally have a class of ui-datepicker-rtl.
.ui-datepicker {
}
// The container for the datepicker's header.
.ui-datepicker-header {
}
// The control used to select previous months.
.ui-datepicker-prev {
}
// The control used to select subsequent months.
.ui-datepicker-next {
}
// The container for the datepicker's title containing the month and year.
.ui-datepicker-title {
}
// The textual display of the month or a <select> element if the changeMonth option is set.
.ui-datepicker-month {
}
// The textual display of the year or a <select> element if the changeYear option is set.
.ui-datepicker-year {
}
// The table that contains the calendar itself.
.ui-datepicker-calendar {
}
// Cells containing weekend days.
.ui-datepicker-week-end {
}
// Cells containing days that occur in a month other than the currently selected month.
.ui-datepicker-other-month {
}
// Cells containing days that are not selectable by the user.
.ui-datepicker-unselectable {}
// The cell containing the selected day.
.ui-datepicker-current-day {
}
// The cell containing today's date.
.ui-datepicker-today {
}
// The buttonpane that is used when the showButtonPanel option is set.
.ui-datepicker-buttonpane {
}
// The button used to select today's date.
.ui-datepicker-current {
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment