JSFiddle - React, Tailwind, and code Playground

by iamjpg

HTML

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

<div class="fun-form-container">
  To: <i class="material-icons">date_range</i> <input name="foo" type="text" placeholder="mm/dd/yyyy" />
</div>

CSS

body {
  font-family: Verdana;
}
.fun-form-container {
  padding: 10px;
  background: #fff;
  display: inline-block;
  color: #666;
}
.material-icons {
  display: inline-flex;
  vertical-align: middle;
}

input {
  border: 0;
  outline-width: 0;
}