.tita-ui__picker-panel__date {
  display: grid;
  grid-template: 26px 1fr / 100%;
  gap: 12px;
}

.tita-ui__picker-panel__date .tita-ui__picker-head-btn__prev {
  margin-right: 0 !important;
}

.tita-ui__picker-panel__date .tita-ui__picker-body {
  display: grid;
  grid-template: 24px / 1fr;
  gap: 4px;
}

.tita-ui__picker-panel__date .tita-ui__picker-body__calendar-header {
  display: grid;
  grid-template: 24px/repeat(7, 1fr);
  justify-items: center;
}

.tita-ui__picker-panel__date .tita-ui__picker-body__calendar-header .tita-ui__picker-cell {
  padding: 0;
  line-height: 24px;
  text-align: center;
}

.tita-ui__picker-panel__date .tita-ui__picker-body__calendar {
  height: 192px;
  position: relative;
}

.tita-ui__picker-panel__date .tita-ui__picker-body__calendar::before, .tita-ui__picker-panel__date .tita-ui__picker-body__calendar::after {
  content: "";
  width: 100%;
  height: 10px;
  display: block;
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

.tita-ui__picker-panel__date .tita-ui__picker-body__calendar::before {
  background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  top: 0;
}

.tita-ui__picker-panel__date .tita-ui__picker-body__calendar::after {
  background: linear-gradient(to top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  bottom: 0;
}

.tita-ui__picker-panel__date .tita-ui__picker-body__calendar-item {
  display: flex;
}

.tita-ui__picker-panel__date .tita-ui__picker-body__calendar .ReactVirtualized__List::-webkit-scrollbar {
  display: none;
}

.tita-ui__picker-panel__date .tita-ui__picker-content {
  margin-top: 0;
}
