@descco/ui-core/lib/css/06-components/datetime-picker.css

Descco UI

/*
 * https://github.com/arqex/react-datetime
 */
/* ==========================================================================
  Variables
  ========================================================================== */
/* Color
   ========================================================================== */
/* ==========================================================================
  Datetime picker component
  ========================================================================== */
.datetime-picker__form-control___oEFUr {
  border: 1px solid #ccc;
  display: block;
  height: 40px;
  outline: none;
  padding: 10px;
  width: 100%; }

.datetime-picker__rdt___29pTa {
  position: relative; }

.datetime-picker__rdtPicker___20Hdn {
  background: #fff;
  border: 1px solid #f9f9f9;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  display: none;
  margin-top: 1px;
  padding: 4px;
  position: absolute;
  width: 250px;
  z-index: 99999; }
  .datetime-picker__rdtPicker___20Hdn .datetime-picker__rdtTimeToggle___Ogfh_ {
    text-align: center; }
    .datetime-picker__rdtPicker___20Hdn .datetime-picker__rdtTimeToggle___Ogfh_:hover {
      background: #eee;
      cursor: pointer; }
  .datetime-picker__rdtPicker___20Hdn table {
    margin: 0;
    width: 100%; }
  .datetime-picker__rdtPicker___20Hdn td,
  .datetime-picker__rdtPicker___20Hdn th {
    height: 28px;
    text-align: center; }
  .datetime-picker__rdtPicker___20Hdn td {
    cursor: pointer; }
    .datetime-picker__rdtPicker___20Hdn td .datetime-picker__rdtOld___3yd30,
    .datetime-picker__rdtPicker___20Hdn td .datetime-picker__rdtNew___lTSsP {
      color: #999; }
    .datetime-picker__rdtPicker___20Hdn td .datetime-picker__rdtToday___3VLJW {
      position: relative; }
      .datetime-picker__rdtPicker___20Hdn td .datetime-picker__rdtToday___3VLJW:before {
        border-bottom: 7px solid #428bca;
        border-left: 7px solid transparent;
        border-top-color: rgba(0, 0, 0, 0.2);
        bottom: 4px;
        content: "";
        display: inline-block;
        position: absolute;
        right: 4px; }
    .datetime-picker__rdtPicker___20Hdn td .datetime-picker__rdtActive___3_rRF, .datetime-picker__rdtPicker___20Hdn td .datetime-picker__rdtActive___3_rRF:hover {
      background-color: #428bca;
      color: #fff;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
    .datetime-picker__rdtPicker___20Hdn td .datetime-picker__rdtActive___3_rRF.datetime-picker__rdtToday___3VLJW:before {
      border-bottom-color: #fff; }
    .datetime-picker__rdtPicker___20Hdn td .datetime-picker__rdtDisabled___3sFmV, .datetime-picker__rdtPicker___20Hdn td .datetime-picker__rdtDisabled___3sFmV:hover {
      background: none;
      color: #999;
      cursor: not-allowed; }
    .datetime-picker__rdtPicker___20Hdn td span .datetime-picker__rdtOld___3yd30 {
      color: #999; }
    .datetime-picker__rdtPicker___20Hdn td span.datetime-picker__rdtDisabled___3sFmV, .datetime-picker__rdtPicker___20Hdn td span.datetime-picker__rdtDisabled___3sFmV:hover {
      background: none;
      color: #999;
      cursor: not-allowed; }
    .datetime-picker__rdtPicker___20Hdn td.datetime-picker__rdtDay___2aS2J:hover, .datetime-picker__rdtPicker___20Hdn td.datetime-picker__rdtHour___2w4HM:hover, .datetime-picker__rdtPicker___20Hdn td.datetime-picker__rdtMinute___XloS9:hover, .datetime-picker__rdtPicker___20Hdn td.datetime-picker__rdtSecond___3ylXH:hover {
      background: #eee;
      cursor: pointer; }
  .datetime-picker__rdtPicker___20Hdn th {
    border-bottom: 1px solid #f9f9f9; }
    .datetime-picker__rdtPicker___20Hdn th.datetime-picker__rdtSwitch___13LAe {
      width: 100px; }
    .datetime-picker__rdtPicker___20Hdn th.datetime-picker__rdtNext___2Mkgg, .datetime-picker__rdtPicker___20Hdn th.datetime-picker__rdtPrev___3BlKk {
      font-size: 21px;
      vertical-align: top; }
    .datetime-picker__rdtPicker___20Hdn th.datetime-picker__rdtDisabled___3sFmV, .datetime-picker__rdtPicker___20Hdn th.datetime-picker__rdtDisabled___3sFmV:hover {
      background: none;
      color: #999;
      cursor: not-allowed; }
  .datetime-picker__rdtPicker___20Hdn .datetime-picker__dow___OcADL {
    border-bottom: 0;
    width: 14.2857%; }
  .datetime-picker__rdtPicker___20Hdn tr:first-child th {
    cursor: pointer; }
    .datetime-picker__rdtPicker___20Hdn tr:first-child th:hover {
      background: #eee; }
  .datetime-picker__rdtPicker___20Hdn thead button {
    height: 100%;
    width: 100%; }
  .datetime-picker__rdtPicker___20Hdn tfoot {
    border-top: 1px solid #f9f9f9; }
  .datetime-picker__rdtPicker___20Hdn button {
    background: none;
    border: 0;
    cursor: pointer; }
    .datetime-picker__rdtPicker___20Hdn button:hover {
      background-color: #eee; }

.datetime-picker__rdtOpen___34Jny .datetime-picker__rdtPicker___20Hdn {
  display: block; }

.datetime-picker__rdtStatic___KPEQ6 .datetime-picker__rdtPicker___20Hdn {
  box-shadow: none;
  position: static; }

.datetime-picker__rdtPrev___3BlKk span,
.datetime-picker__rdtNext___2Mkgg span {
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  display: block;
  user-select: none; }

td.datetime-picker__rdtMonth___2d3Ni, td.datetime-picker__rdtYear___3v8UK {
  cursor: pointer;
  height: 50px;
  width: 25%; }
  td.datetime-picker__rdtMonth___2d3Ni:hover, td.datetime-picker__rdtYear___3v8UK:hover {
    background: #eee; }

.datetime-picker__rdtCounters___-IHS1 {
  display: inline-block; }
  .datetime-picker__rdtCounters___-IHS1 > div {
    float: left; }

.datetime-picker__rdtCounterSeparator___jZFBb {
  line-height: 100px; }

.datetime-picker__rdtCounter___t3QhP {
  height: 100px;
  width: 40px; }
  .datetime-picker__rdtCounter___t3QhP .datetime-picker__rdtBtn___2KqJg {
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    cursor: pointer;
    display: block;
    height: 40%;
    line-height: 40px;
    user-select: none; }
    .datetime-picker__rdtCounter___t3QhP .datetime-picker__rdtBtn___2KqJg:hover {
      background: #eee; }
  .datetime-picker__rdtCounter___t3QhP .datetime-picker__rdtCount___9eBm_ {
    font-size: 1.2em;
    height: 20%; }

.datetime-picker__rdtMilli___SY4CZ {
  padding-left: 8px;
  vertical-align: middle;
  width: 48px; }
  .datetime-picker__rdtMilli___SY4CZ input {
    font-size: 1.2em;
    margin-top: 37px;
    width: 100%; }