DatePickerPopupPikaday.css

.flight-search-date-picker-popup {
  height: 100%;
  background-color: #ffffff;

  .date-picker-content-wrap {
    height: 100%;
    background-color: #ffffff;
  }
}

.pika-single.pikaday-tiketdotcom-theme {
  font: inherit;
  border: none;

  .pika-lendar {
    width: 100%;
    margin: 0;

    .pika-title {
      margin-bottom: 10px;

      .pika-label {
        font-size: 18px;
        font-weight: normal;
        color: #222222;
      }
    }

    .pika-table {

      td {
        position: relative;
        padding: 8px;
        text-align: center;
      }

      thead {
        tr {
          height: 45px;
        }
      }

      .pika-row {
        height: 60px;
      }

      .pika-button {
        background: none;
        font-size: 14px;
        font-weight: normal;
        text-align: center;
        color: #222222;
      }

      .is-inrange:after {
        content: ' ';
        background-color: #fedd00;
        opacity: 0.4;
        width: 100%;
        height: 32px;
        position: absolute;
        top: 8px;
        left: 0;
      }

      .is-startrange:after {
        content: ' ';
        background-color: #fedd00;
        opacity: 0.4;
        width: 44%;
        height: 32px;
        position: absolute;
        top: 8px;
        left: 56%;
      }

      .is-endrange:before {
        content: ' ';
        background-color: #fedd00;
        opacity: 0.4;
        width: 44%;
        height: 32px;
        position: absolute;
        top: 8px;
        left: 0;
      }

      .is-startrange, .is-endrange {

        .pika-button {
          color: #0064d2;
          border-radius: 50%;
          background-color: #fedd00;
          box-shadow: none;
          width: 32px;
          margin: 0 auto;
          height: 32px;
        }
      }

      .is-selected {

        .pika-button {
          color: #0064d2;
          border-radius: 50%;
          background-color: #fedd00;
          box-shadow: none;
          width: 32px;
          margin: 0 auto;
          height: 32px;
        }
      }

      .is-today {

        .pika-button {
          color: #0064d2;
          border-radius: 50%;
          box-shadow: none;
          width: 32px;
          margin: 0 auto;
          height: 32px;
          border: 1px #0064d2 solid;
        }
      }

      .is-selected.is-today, .is-startrange.is-today {

        .pika-button {
          border: none;
        }
      }
    }
  }
}