Add validation to form for enforcing chronological order of PoP start and end dates

This commit is contained in:
leigh-mil
2019-08-01 13:41:05 -04:00
parent 0493078b33
commit 25ab64f748
5 changed files with 41 additions and 8 deletions

View File

@@ -138,14 +138,15 @@
<div class="form-row">
{% if fields %}
<div class="form-col">
<div class="form-col form-col--half">
{{ DatePicker(fields.start_date, watch=True, optional=False) }}
</div>
<div class="form-col">
<div class="form-col form-col--half">
{{ DatePicker(fields.end_date, watch=True, optional=False) }}
</div>
{% else %}
<div class="form-col">
<div class="form-col form-col--half">
<date-selector :name-tag="'clins-' + clinIndex + '-start_date'" :watch='true' :optional='false' inline-template>
<fieldset class="usa-input date-picker" v-bind:class="{ 'usa-input--success': isDateValid }">
<legend>
@@ -209,7 +210,7 @@
</date-selector>
</div>
<div class="form-col">
<div class="form-col form-col--half">
<date-selector :name-tag="'clins-' + clinIndex + '-end_date'" :watch='true' :optional='false' inline-template>
<fieldset class="usa-input date-picker" v-bind:class="{ 'usa-input--success': isDateValid }">
<legend>