zarm-web/lib/date-picker/style/index.css

基于 React 的桌面端UI库

/* border */
/* box shadow */
/* btn */
.zw-range__date-picker {
  width: 480px;
}
.zw-range__date-picker.za-range__date-time-picker {
  width: 720px;
}
.zw-range__date-picker .zw-range__date-picker-table:before, .zw-range__date-picker .zw-range__date-picker-table:after {
  content: " ";
  display: table;
}
.zw-range__date-picker .zw-range__date-picker-table:after {
  clear: both;
}
.zw-range__date-picker .zw-range__date-picker-table .zw-range__date-picker-left {
  float: left;
  width: 50%;
  border-right: 1px solid #e9e9e9;
}

.zw-range__date-picker .zw-range__date-picker-table .zw-range__date-picker-right {
  float: right;
  width: 50%;
  border-left: 1px solid #e9e9e9;
}

.zw-range__date-picker .zw-range__date-picker-table .za-time__select .za-select .za-select__selection {
  max-height: 230px !important;
}

.zw-range__date-picker .zw-range__date-picker-footer {
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.zw-range__date-picker .zw-range__date-picker-footer .zw-range__date-picker-footer-btn {
  margin-right: 8px;
}
.zw-range__date-picker .zw-range__date-picker-footer .zw-range__date-picker-footer-btn.disabled {
  color: rgba(0, 0, 0, 0.25);
  text-decoration: none;
  cursor: not-allowed;
}