I am working on angular application. I want to create a component for Date and Time. I want to give user flexibility to choose Date and Time Separately, but it should be stored in one variable. I am using Bootstrap v3.3.7 and AngularJS v1.5.8
The control will be looking like this
The user should be able to load Date
Also use should be able to select Time
Here is the link to Plunkr
<div class="group row">
<input class="textInput form-control pick_date datepicker_input" type="text" name="date" placeholder="MM/DD/YY">
<div class="calendar_icon pull-right">
</div>
<input class="textInput form-control timepicker_input" type="text" name="time" placeholder="HH:MM">
<label class="date_label_txt dropdown_labelTxt">
Embargo
</label>
<span class="date_input_bar"></span>
<span class="time_input_bar"></span>
</div>
</div>