| Avi Ziv | b8e2faf | 2017-07-18 19:45:38 +0300 | [diff] [blame] | 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 | |||||