/* Plugin - Datepicker */
.datepicker {
color: @black;
min-width: 250px !important;
border-radius: 6px !important;
& table {
width: 100%;
}
& .next,
& .prev {
color: transparent;
}
& .next:before {
content: '\f105';
color: @black;
position: absolute;
font-size: 14px;
}
& .prev:before {
content: '\f104';
color: @black;
position: absolute;
font-size: 14px;
}
& .prev:hover,
& .next:hover,
& tfoot tr th:hover,
& .datepicker-switch:hover {
background: #f1f1f1 !important;
}
&.datepicker-dropdown {
width: 320px;
}
& table tr td, & table tr th {
padding-left: 14px;
padding-right: 14px;
}
& .datepicker-months table > thead > tr > th.prev,
& .datepicker-months table > thead > tr > th.next {
width: 45px;
}
& .datepicker-months table > thead > tr > th,
& .datepicker-months table > tbody > tr > td {
padding: 5px;
}
&.datepicker-dropdown > div {
display: block;
}
&.dropdown-menu {
min-width: 250px;
border: none !important;
box-shadow: 0 5px 30px 0px rgba(0, 0, 0, 0.25) !important;
}
& table tr td.selected,
& table tr td.selected.highlighted {
background: #575d63 !important;
text-shadow: none !important;
}
&.datepicker-inline {
display: block;
width: auto;
}
& table tr td.today,
& table tr td.today:hover,
& table tr td.today.disabled,
& table tr td.today.disabled:hover {
background: @silver_darker !important;
}
}
.datepicker-dropdown:before {
display: none !important;
}
.datepicker-full-width .datepicker-inline {
width: 100%;
}
.datepicker-dropdown.datepicker-orient-left:after {
left: 15px;
}
.datepicker-dropdown.datepicker-orient-right:after {
right: 15px;
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td span.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
background: @blue !important;
color: #fff !important;
}
.input-daterange .input-group-addon {
background: #d6d8dd !important;
border: none !important;
text-shadow: none !important;
padding: 6px 12px !important;
border-radius: 0 !important;
}
|
Download
