kingdot/lib/theme-default/TimePicker.css

A UI Components Library For Vue

.kd-time-picker{display:inline-block;outline:0}.kd-time-picker .kdicon{color:#b2b2b2}.kd-time-picker .kd-timepicker-panel{box-shadow:0 0 15px 0 rgba(0,0,0,.15)}.kd-timepicker-panel{width:172px}.kd-timepicker-panel .kd-timepicker-title{margin:10px 0;text-align:center}.kd-timepicker-panel .kd-common-selector-container{width:150px;margin:0 auto;padding:0 10px}.kd-timepicker-panel .kd-steptime-container{max-height:200px;overflow-y:scroll}.kd-timepicker-panel .kd-steptime-container .kd-steptime-item{padding:0 1.333333333333333em;height:32px;line-height:32px;cursor:pointer}.kd-timepicker-panel .kd-steptime-container .kd-steptime-item:hover{background:#f3f4f7}.kd-timepicker-panel .kd-steptime-container .kd-steptime-item.kd-active{color:#557dfc}.kd-timepicker-panel .kd-steptime-container .kd-steptime-item.kd-disabled{color:#ccc}.kd-timepicker-panel.range{width:450px;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;overflow:hidden}.kd-timepicker-panel.range .kd-range-selector-container{border:1px solid #e5e5e5;margin-bottom:20px;padding:5px 10px;width:150px}.kd-timepicker-input{width:200px}.kd-timepicker-input.range{width:400px}.kd-timepicker-input .kd-timepicker-close-icon{display:none}.kd-timepicker-input:hover .kd-input-inner{border-color:#318efa}.kd-timepicker-input:hover .kd-timepicker-close-icon{display:block}.kd-timepicker-input:hover .kd-timepicker-time-icon{display:none}.kd-timepicker-input.kd-input.kd-with-prefix.kd-input-default .kd-input-inner{padding-left:40px}.kd-time-picker-footer{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;border-top:1px solid #e5e5e5;padding-top:14px;padding-right:20px}.kd-time-picker-footer .kd-btn{margin-left:10px}