top: -6px;
left: 8px;
}
-/*.datepicker-dropdown.top:before {
+.datepicker-dropdown.top:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
position: absolute;
bottom: -7px;
left: 6px;
-}*/
+}
.datepicker-dropdown.top:after {
content: '';
left: 7px;
}
+.datepicker-dropdown.bottom-right:before {
+ content: '';
+ display: inline-block;
+ border-left: 7px solid transparent;
+ border-right: 7px solid transparent;
+ border-bottom: 7px solid #ccc;
+ border-bottom-color: rgba(0, 0, 0, 0.2);
+ position: absolute;
+ top: -7px;
+ left: 7px;
+}
+.datepicker-dropdown.bottom-right:after {
+ content: '';
+ display: inline-block;
+ border-left: 6px solid transparent;
+ border-right: 6px solid transparent;
+ border-bottom: 6px solid white;
+ position: absolute;
+ top: -6px;
+ left: 8px;
+}
+
+.datepicker-dropdown.bottom-left:before {
+ content: '';
+ display: inline-block;
+ border-left: 7px solid transparent;
+ border-right: 7px solid transparent;
+ border-bottom: 7px solid #ccc;
+ border-bottom-color: rgba(0, 0, 0, 0.2);
+ position: absolute;
+ top: -7px;
+ left: 260px;
+}
+.datepicker-dropdown.bottom-left:after {
+ content: '';
+ display: inline-block;
+ border-left: 6px solid transparent;
+ border-right: 6px solid transparent;
+ border-bottom: 6px solid white;
+ position: absolute;
+ top: -6px;
+ left: 261px;
+}
+
+.datepicker-dropdown.top-right:before {
+ content: '';
+ display: inline-block;
+ border-left: 7px solid transparent;
+ border-right: 7px solid transparent;
+ border-top: 7px solid #ccc;
+ border-top-color: rgba(0, 0, 0, 0.2);
+ position: absolute;
+ bottom: -7px;
+ left: 6px;
+}
+
+.datepicker-dropdown.top-right:after {
+ content: '';
+ display: inline-block;
+ border-left: 6px solid transparent;
+ border-right: 6px solid transparent;
+ border-top: 6px solid white;
+ position: absolute;
+ bottom: -6px;
+ left: 7px;
+}
+
+.datepicker-dropdown.top-left:before {
+ content: '';
+ display: inline-block;
+ border-left: 7px solid transparent;
+ border-right: 7px solid transparent;
+ border-top: 7px solid #ccc;
+ border-top-color: rgba(0, 0, 0, 0.2);
+ position: absolute;
+ bottom: -7px;
+ left: 260px;
+}
+
+.datepicker-dropdown.top-left:after {
+ content: '';
+ display: inline-block;
+ border-left: 6px solid transparent;
+ border-right: 6px solid transparent;
+ border-top: 6px solid white;
+ position: absolute;
+ bottom: -6px;
+ left: 261px;
+}
+
.datepicker > div {
display: none;
}