.x-input-icon {
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: right 1rem center;

  &.x-input-icon-calendar {
    background-size: 1.5em;
    background-image: url("data:image/svg+xml,%3Csvg width='96px' height='96px' viewBox='0 0 96 96' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3EExport/calendar%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Export/calendar' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect id='Calendar-Background' fill-opacity='0.15' fill='%236e7781' x='18' y='31' width='60' height='48'%3E%3C/rect%3E%3Cpath d='M54,23 L42,23 L42,17 L54,17 L54,23 Z M72,23 L72,17 L80,17 C82.209139,17 84,18.5918764 84,20.5555556 L84,81.4444444 C84,83.4081236 82.209139,85 80,85 L16,85 C13.790861,85 12,83.4081236 12,81.4444444 L12,20.5555556 C12,18.5918764 13.790861,17 16,17 L24,17 L24,23 L18,23 L18,79 L78,79 L78,23 L72,23 Z M33,11 C34.6568542,11 36,12.3431458 36,14 L36,26 C36,27.6568542 34.6568542,29 33,29 C31.3431458,29 30,27.6568542 30,26 L30,14 C30,12.3431458 31.3431458,11 33,11 Z M63,11 C64.6568542,11 66,12.3431458 66,14 L66,26 C66,27.6568542 64.6568542,29 63,29 C61.3431458,29 60,27.6568542 60,26 L60,14 C60,12.3431458 61.3431458,11 63,11 Z M30,46 C28.3431458,46 27,44.6568542 27,43 C27,41.3431458 28.3431458,40 30,40 C31.6568542,40 33,41.3431458 33,43 C33,44.6568542 31.6568542,46 30,46 Z M42,46 C40.3431458,46 39,44.6568542 39,43 C39,41.3431458 40.3431458,40 42,40 C43.6568542,40 45,41.3431458 45,43 C45,44.6568542 43.6568542,46 42,46 Z M54,46 C52.3431458,46 51,44.6568542 51,43 C51,41.3431458 52.3431458,40 54,40 C55.6568542,40 57,41.3431458 57,43 C57,44.6568542 55.6568542,46 54,46 Z M66,46 C64.3431458,46 63,44.6568542 63,43 C63,41.3431458 64.3431458,40 66,40 C67.6568542,40 69,41.3431458 69,43 C69,44.6568542 67.6568542,46 66,46 Z M30,58 C28.3431458,58 27,56.6568542 27,55 C27,53.3431458 28.3431458,52 30,52 C31.6568542,52 33,53.3431458 33,55 C33,56.6568542 31.6568542,58 30,58 Z M42,58 C40.3431458,58 39,56.6568542 39,55 C39,53.3431458 40.3431458,52 42,52 C43.6568542,52 45,53.3431458 45,55 C45,56.6568542 43.6568542,58 42,58 Z M54,58 C52.3431458,58 51,56.6568542 51,55 C51,53.3431458 52.3431458,52 54,52 C55.6568542,52 57,53.3431458 57,55 C57,56.6568542 55.6568542,58 54,58 Z M66,58 C64.3431458,58 63,56.6568542 63,55 C63,53.3431458 64.3431458,52 66,52 C67.6568542,52 69,53.3431458 69,55 C69,56.6568542 67.6568542,58 66,58 Z M30,70 C28.3431458,70 27,68.6568542 27,67 C27,65.3431458 28.3431458,64 30,64 C31.6568542,64 33,65.3431458 33,67 C33,68.6568542 31.6568542,70 30,70 Z M42,70 C40.3431458,70 39,68.6568542 39,67 C39,65.3431458 40.3431458,64 42,64 C43.6568542,64 45,65.3431458 45,67 C45,68.6568542 43.6568542,70 42,70 Z M54,70 C52.3431458,70 51,68.6568542 51,67 C51,65.3431458 52.3431458,64 54,64 C55.6568542,64 57,65.3431458 57,67 C57,68.6568542 55.6568542,70 54,70 Z M66,70 C64.3431458,70 63,68.6568542 63,67 C63,65.3431458 64.3431458,64 66,64 C67.6568542,64 69,65.3431458 69,67 C69,68.6568542 67.6568542,70 66,70 Z' id='Fill' fill='%236e7781' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  }
}