kingdot/src/styles/lib/theme-default/DateTimePicker.css

A UI Components Library For Vue

.kd-date-time-picker{display:inline-block;outline:0}.kd-date-time-picker .kdicon{color:#b2b2b2}.kd-date-time-picker .kd-datetime-picker-panel{box-shadow:0 0 15px 0 rgba(0,0,0,.15)}.kd-datetime-range-container{display:-ms-flexbox;display:flex}.kd-datetime-picker-panel{display:-ms-flexbox;display:flex;background-color:#fff;position:relative;margin-top:5px;width:300px;min-height:312px;overflow:hidden}.kd-datetime-picker-panel.has-sidebar{width:400px}.kd-datetime-picker-panel.isRange{width:600px}.kd-datetime-picker-panel.isRange.has-sidebar{width:700px}.kd-datetime-picker-sidebar{width:100px;background-color:#fff;border-right:1px solid #e4e4e4;box-sizing:border-box;padding-top:6px;overflow-x:hidden;overflow-y:auto}.kd-sidebar-row{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:12px;color:#606266;padding-left:12px;text-align:left;outline:0;cursor:pointer}.kd-datetime-panel{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:300px}.kd-datetime-panel .kd-datetime-tabs{display:-ms-flexbox;display:flex}.kd-datetime-tabs .kd-datetime-tab{background:#fff;color:#4c4c4c;width:50%;text-align:center;padding:7px 0}.kd-datetime-picker-input,.kd-datetime-picker-panel .kd-time-panel{width:200px}.kd-datetime-tabs .kd-datetime-tab.kd-datetime-tab-not-active{background:#f1f1f5;border:2px solid #f1f1f5}.kd-datetime-panel .kd-picker-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:10px 0}.kd-datetime-footer{background-color:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;padding:10px 20px;border-top:1px solid #e5e5e5}.kd-datetime-footer .kd-btn{margin-left:10px}.kd-date-time-tooltip .kd-tooltip-inner{padding:0}.kd-datetime-picker-panel .kd-time-panel .column .kd-scroll-select{height:320px}.kd-datetime-picker-input.range{width:400px}.kd-datetime-picker-input .kd-datetime-close-icon{display:none}.kd-datetime-picker-input:hover .kd-input-inner{border-color:#318efa}.kd-datetime-picker-input:hover .kd-datetime-close-icon{display:block}.kd-datetime-picker-input:hover .kd-datetime-date-icon{display:none}.kd-datetime-picker-input.kd-input.kd-with-prefix.kd-input-default .kd-input-inner{padding-left:40px}