Time
Allows the user to select a time (no time zone).
Depending on browser support, a time picker can show up in the input field.
How to use this component
Code Resource
<label for="time" class="form_formLabelTitle">Choose a time *</label>
<input type="time" name="time" id="time" class="form_formTextbox" title="Choose a time">
/* Input Fields and Label*/
.form_formTextbox {
width: 100%;
font-size: medium;
margin-bottom: 10px;
float: right;
display: block;
border-radius: 0px;
border: 1px solid silver;
padding: 2px 5px;
border-radius: 6px;
height: 49px;
text-indent: 10px;
}
.form_formTextbox:hover, .form_formTextbox:focus {
border: 1px solid #015b66;
background: #f9f9f9;
}
.form_formLabelTitle {
width: 100%;
font-size: 1.1em;
color: black;
margin-bottom: -5px!important;
float: left;
text-align: left;
padding: 10px;
padding-left: 0px;
min-height: 49px!important;
}
.form_formInformationMessage {
width: 100%;
float: left;
margin-bottom: 10px;
color: #464545;
position: relative;
top: -5px;
font-size: 0.9em;
float: left;
}
/* END */