multiple-date-picker-v2
Version:
Add support angular 1.5 and highe, range select was added original source https://arca-computing.github.io/MultipleDatePicker/
100 lines (83 loc) • 1.58 kB
CSS
.text-center {
text-align: center;
}
.multiple-date-picker {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.multiple-date-picker,
.picker-top-row,
.picker-days-week-row,
.picker-days-row {
width: 100%;
}
.picker-top-row > div {
display: inline-block;
}
.picker-navigate {
width: 16.66%;
}
.picker-navigate:hover {
cursor: pointer;
}
.picker-navigate.disabled,
.picker-navigate.disabled:hover {
color: #ddd;
cursor: default;
}
.picker-month {
width: 66.66%;
}
.picker-days-week-row > div {
width: 14.28%;
display: inline-block;
}
.picker-days-row > div {
width: 14.28%;
display: inline-block;
}
.picker-days-row > div {
width: 14.28%;
display: inline-block;
}
.picker-top-row,
.picker-day {
padding: 10px 0;
}
.picker-day {
background-color: #ffffff;
border: 1px solid #eeeeee;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #000000;
}
.picker-day.today,
.picker-day.today:hover,
.picker-day.today.picker-selected,
.picker-day.today.picker-off,
.picker-day.today.picker-off:hover {
color: #00a3ff;
font-weight: bold;
}
.picker-day:not(.picker-off):not(.picker-empty):hover {
background-color: #c6000b;
color: #ffffff;
cursor: pointer;
}
.picker-day.picker-selected {
background-color: #c6000b;
color: #ffffff;
}
.picker-day.picker-off,
.picker-day.picker-off:hover {
background-color: #eeeeee;
color: #bbbbbb;
cursor: default;
}
.picker-day.picker-empty,
.picker-day.picker-empty:hover {
background-color: #fafafa;
cursor: default;
}