1.date-picker-single,
  2.date-picker-single-no-range,
  3.datepick,
  4.date-picker {
  5    max-width: 135px;
  6}
  7
  8.date-picker-single.time,
  9.date-picker-single-no-range.time {
 10    max-width: 170px;
 11}
 12
 13.date-picker-search {
 14    max-width: 215px;
 15}
 16
 17.date-picker-search-100pc {
 18    max-width: 100%;
 19}
 20
 21.form-group .date-picker-prepend-icon,
 22.form-group.date-picker-prepend-icon {
 23    top: 0;
 24    left: 0;
 25    display: inline-block;
 26    vertical-align: top;
 27    position: relative;
 28    width: 100%;
 29    font-weight: normal;
 30    margin-bottom: 0;
 31}
 32.date-picker-prepend-icon .date-picker-search,
 33.date-picker-prepend-icon .date-picker-single,
 34.date-picker-prepend-icon .date-picker-single-no-range {
 35    padding-left: 38px;
 36}
 37.date-picker-prepend-icon .field-icon i {
 38    position: relative;
 39    font-size: 14px;
 40}
 41.date-picker-prepend-icon .field-icon {
 42    top: 0;
 43    z-index: 4;
 44    width: 42px;
 45    height: 36px;
 46    color: inherit;
 47    line-height: 36px;
 48    position: absolute;
 49    text-align: center;
 50    -webkit-transition: all 0.5s ease-out;
 51    -moz-transition: all 0.5s ease-out;
 52    -ms-transition: all 0.5s ease-out;
 53    -o-transition: all 0.5s ease-out;
 54    transition: all 0.5s ease-out;
 55    pointer-events: none;
 56}
 57.date-picker-field-icon i {
 58    color: #bbb;
 59}
 60