dh-c/dist/date_picker/style/time.css

The front-end development engineers jimberton gulp react component

.dh-calendar-time .dh-calendar-day-select {
  padding: 0 2px;
  font-weight: 700;
  display: inline-block;
  color: rgba(0, 0, 0, 0.65);
  line-height: 34px; }

.dh-calendar-time-picker {
  position: absolute;
  width: 100%;
  top: 34px;
  background-color: #fff; }
  .dh-calendar-time-picker-btn {
    color: #23c123; }
    .dh-calendar-time-picker-btn:hover {
      color: #23c123; }
  .dh-calendar-time-picker-panel {
    z-index: 1050;
    position: absolute;
    width: 100%; }
  .dh-calendar-time-picker-inner {
    display: inline-block;
    position: relative;
    outline: none;
    list-style: none;
    font-size: 12px;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    line-height: 1.5;
    overflow: hidden;
    width: 100%; }
  .dh-calendar-time-picker-input-wrap {
    display: none; }
  .dh-calendar-time-picker-checkbox {
    height: 100%; }
  .dh-calendar-time-picker-column-3 .dh-calendar-time-picker-select {
    width: 33.33%; }
  .dh-calendar-time-picker-select {
    float: left;
    font-size: 12px;
    border-right: 1px solid #e9e9e9;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    height: 206px;
    width: 33.33%;
    background: #fff; }
    .dh-calendar-time-picker-select ul {
      list-style: none;
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      width: 100%;
      max-height: 206px; }
      .dh-calendar-time-picker-select ul li {
        text-align: center;
        list-style: none;
        box-sizing: content-box;
        margin: 0;
        width: 100%;
        height: 24px;
        line-height: 24px;
        cursor: pointer;
        user-select: none;
        transition: background .3s ease; }
        .dh-calendar-time-picker-select ul li:hover {
          background: rgba(35, 193, 50, 0.1); }
        .dh-calendar-time-picker-select ul li:after {
          content: "";
          height: 182px;
          display: block; }
    .dh-calendar-time-picker-select:first-child {
      border-left: 0;
      margin-left: 0; }
    .dh-calendar-time-picker-select:last-child {
      border-right: 0; }
    .dh-calendar-time-picker-select-option-selected {
      background: #f7f7f7;
      font-weight: 700; }
    .dh-calendar-time-picker-select-active {
      overflow: auto; }