UNPKG

light-datepicker

Version:
2 lines 1.73 kB
.datepicker{position:absolute;width:260px;box-shadow:0 0 10px rgba(0,0,0,.4);padding:15px;z-index:9999;background-color:#fff}.datepicker,.datepicker span{box-sizing:content-box}.datepicker .arrow{position:relative;background:#fff}.datepicker .arrow:after{content:"";position:absolute;width:0;height:0;border:10px solid rgba(0,0,0,.4);border-color:#fff #fff transparent transparent;transform:rotate(-45deg);top:-23px;left:15px;box-shadow:3px -3px 3px 0 rgba(0,0,0,.15)}.datepicker .weekdays{width:260px}.datepicker .calendar span,.datepicker .weekdays span{display:inline-block;background-color:#fff;text-align:center;text-transform:capitalize;margin:3px;padding:5px;border:1px solid #fff;width:calc(1 / 7 * 100% - 18px)}.datepicker .weekdays span{padding:0!important}.calendar span.out-month{visibility:hidden}.calendar span.enabled{background-color:#eee;border:1px solid #eee;cursor:pointer}.calendar span.enabled:hover,.calendar span.range{background-color:#fff;border:1px solid #ff690f;color:#ff690f}.calendar span.disabled,.calendar span.disabled:hover{background-color:#fff;color:#ccc;border:1px solid #fff;cursor:default}.calendar span.selected,.calendar span.selected:hover{background-color:#ff690f;color:#fff;font-weight:600}.datepicker .header{display:flex;flex-direction:row;justify-content:space-between;line-height:28px}.datepicker .header .next,.datepicker .header .prev{background-color:transparent;border:none;font-size:1.5em;font-weight:900;padding:0;cursor:pointer;line-height:18px}.datepicker .header .next:hover,.datepicker .header .prev:hover{color:#ff690f;cursor:pointer}.datepicker .header .next.disabled,.datepicker .header .prev.disabled{visibility:hidden} /*# sourceMappingURL=datepicker.min.css.map*/