@import "@styles/theme.scss";
@import "@styles/custom.scss";

.date-picker-container {
  display         : flex;
  flex-direction  : column;
  padding         : 20px 32px 20px 30px;
  background-color: $white;

  .picker-container {
    display        : flex;
    flex-direction : column;
    justify-content: space-between;
    position       : relative;

    .picker-content {
      display        : flex;
      flex-direction : row;
      padding        : 20px 0px;
      align-items    : center;
      justify-content: flex-end;

      .picker-text {
        font-size: $font-size-lg;
        color    : $text-color-lighter;
        opacity  : .9;
      }

      .picker-arrow {
        margin-left: 24px;
        width      : 32px;
        height     : 32px;
      }
    }
  }
}