mirror of
https://github.com/nasa/openmct.git
synced 2025-02-01 16:58:04 +00:00
a464fee6df
Implement date time controls up to the point that they validate, and information (albeit not the right information) propagates back up to the containing form. WTD-530.
50 lines
1.6 KiB
HTML
50 lines
1.6 KiB
HTML
<div class='form-control complex datetime'>
|
|
|
|
<div class='field-hints'>
|
|
<span class='hint date'>Date</span>
|
|
<span class='hint time sm'>Hour</span>
|
|
<span class='hint time sm'>Min</span>
|
|
<span class='hint time sm'>Sec</span>
|
|
<span class='hint timezone'>Timezone</span>
|
|
</div>
|
|
|
|
|
|
<ng-form name="mctControl">
|
|
<div class='fields' ng-controller="DateTimeController">
|
|
<span class='field control date'>
|
|
<input type='text'
|
|
name='date'
|
|
placeholder="YYYY-DDD"
|
|
ng-pattern="/\d\d\d\d-\d\d\d/"
|
|
ng-model='datetime.date'
|
|
ng-required='true'/>
|
|
</span>
|
|
<span class='field control time sm'>
|
|
<input type='text'
|
|
name='hour'
|
|
maxlength='2'
|
|
ng-model="datetime.hour"
|
|
ng-required='true'/>
|
|
</span>
|
|
<span class='field control time sm'>
|
|
<input type='text'
|
|
name='min'
|
|
maxlength='2'
|
|
ng-model="datetime.min"
|
|
ng-required='true'/>
|
|
</span>
|
|
<span class='field control time sm'>
|
|
<input type='text'
|
|
name='sec'
|
|
maxlength='2'
|
|
ng-model="datetime.sec"
|
|
ng-required='true'/>
|
|
</span>
|
|
<span class='field control timezone'>
|
|
UTC
|
|
</span>
|
|
</div>
|
|
</ng-form>
|
|
|
|
|
|
</div> |