lin-view-ui/lib/theme-chalk/date-picker.css

vue components library

.lin-date-picker{position:relative;display:inline-block;color:#606266}.lin-date-picker-input-box{position:relative}.lin-date-picker-icon{position:absolute;top:50%;left:8px;font-size:18px;transform:translateY(-50%)}.lin-date-picker-input{box-sizing:border-box;display:inline-block;width:100%;height:40px;padding:0 15px 0 30px;font-size:inherit;line-height:40px;color:#606266;cursor:pointer;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;outline:0;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.lin-date-picker-input:hover{border-color:#838da6}.lin-date-picker-absolute{position:absolute;z-index:100}.lin-date-picker-pannel{box-sizing:border-box;padding:5px;background-color:#fff;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.lin-date-picker-pannel-header{display:flex;align-items:center;justify-content:space-around;height:30px}.lin-date-picker-pannel-header span{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lin-date-picker-month{margin-left:10px}.lin-date-picker-cell{position:relative;box-sizing:border-box;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:5px;margin:5px}.lin-date-picker-pannel-row{white-space:nowrap}.lin-date-picker-pannel-cell{cursor:pointer;border:1px solid transparent}.lin-date-picker-pannel-cell .lin-date-picker-info{font-size:12px}.lin-date-picker-pannel-cell:hover{border:1px solid #409eff;border-radius:4px}.lin-date-picker-pannel-label-cell{cursor:default}.lin-date-picker-not-current-month{color:#c0c4cc}.lin-date-picker-disabled{color:#c0c4cc;cursor:not-allowed;background-color:#f5f7fa;border-color:#e4e7ed}.lin-date-picker-disabled-date{color:#c0c4cc;cursor:not-allowed;background-color:#f5f7fa;border-color:#f5f7fa}.lin-date-picker-disabled-date:hover{border:1px solid transparent;border-radius:4px}.lin-date-picker-current-val{color:#fff;background-color:#409eff;border-radius:4px}.lin-date-picker-current-val:hover{border-color:#409eff}.lin-date-picker-radius{border-radius:50%}.lin-date-picker-radius:hover{border-radius:50%}.lin-date-picker-fade-enter-active,.lin-date-picker-fade-leave-active{transition:all .3s}.lin-date-picker-fade-enter,.lin-date-picker-fade-leave-to{opacity:0}