Bootstrap 3 LESS for JQuery UI Datepicker

datepicker.less

.ui-datepicker {
	margin-bottom: @line-height-computed;
	background-color: @panel-bg;
	border: 1px solid transparent;
	border-radius: @panel-border-radius;
	.box-shadow(0 1px 1px rgba(0,0,0,.05));
	border-color: @panel-default-border;
	
	a {
		border-radius: @border-radius-base;
		
		&:hover {
			background-color: @link-color;
			color: @panel-bg;
			text-decoration: none;
		}
	}
	
	.ui-datepicker-header {
		padding: @panel-heading-padding;
		border-bottom: 1px solid transparent;
		.border-top-radius((@panel-border-radius - 1));
		color: @panel-default-text;
		background-color: @panel-default-heading-bg;
		border-color: @panel-default-border;
		
		.ui-datepicker-prev,
		.ui-datepicker-next {
			.glyphicon();
			width: 1.5em;
			height: 1.5em;
			line-height: 1.5em;
			text-align: center;
			cursor: pointer;
			
			.ui-icon {
				display: none;
			}
		}
		
		.ui-datepicker-prev {
			.glyphicon-chevron-left();
			float: left;
		}
		
		.ui-datepicker-next {
			.glyphicon-chevron-right();
			float: right;
		}
		
		.ui-datepicker-title {
			.text-center();
		}
	}
	
	table {
		.table();
		margin-bottom: 0;
		
		tr {
			th,
			td {
				text-align: center;
				
				&:first-child {
					padding-left: @table-condensed-cell-padding * 2;
				}
				
				&:last-child {
					padding-right: @table-condensed-cell-padding * 2;
				}
			}
		}
			
		> tbody {
			> tr {
				> td {
					padding: @table-condensed-cell-padding;
					
					&.ui-datepicker-today > a {
						border: 1px solid @link-color;
						padding: @table-cell-padding - @table-condensed-cell-padding - 1;
					}
					
					> a {
						display: block;
						padding: @table-cell-padding - @table-condensed-cell-padding;
						width: 1.875em;
					}
				}
			}
		}
	}
}