openecomp-ui/resources/scss/components/_datepicker.scss

   1 .customized-date-picker {
   2         margin-bottom: 24px;
   3         .date-picker-label {
   4                 &.required {
   5                         &:before {
   6                                 content: "*";
   7                                 color: $red;
   8                                 margin: 0 4px 0 0;
   9                         }
  10                 }
  11
  12                 @extend .body-2-semibold;
  13                 color: $dark-gray;
  14                 margin-bottom: 8px;
  15         }
  16         .datepicker-custom-input {
  17                 display: flex;
  18                 justify-content: space-between;
  19                 width: 243px;
  20                 height: 30px;
  21                 border-radius: 2px;
  22                 color: $dark-gray;
  23                 border: 1px solid $light-gray;
  24                 padding: 6px 12px;
  25                 &:hover {
  26                         border-color: $gray;
  27                         .clear-input {
  28                                 &:before {
  29                                         cursor: pointer;
  30                                         content: 'x';
  31                                 }
  32                         }
  33                 }
  34                 .datepicker-text {
  35                         cursor: pointer;
  36                         width: 170px;
  37                         @extend .body-1;
  38                         &.placeholder {
  39                                 color: $light-gray;
  40                         }
  41
  42                 }
  43                 .calendar-input {
  44                         fill: $light-gray;
  45                 }
  46         }
  47
  48
  49
  50 }
  51