Make date picker aware of the birthday max value

This commit is contained in:
tusooa 2023-01-22 11:22:24 -05:00
parent dd97a23ce7
commit 03d5c2e140
No known key found for this signature in database
GPG Key ID: 7B467EDE43A08224
2 changed files with 4 additions and 1 deletions

View File

@ -71,6 +71,9 @@ const registration = {
minDate.setTime(today.getTime() - minAge * DAY) minDate.setTime(today.getTime() - minAge * DAY)
return minDate return minDate
}, },
birthdayMinAttr () {
return this.birthdayMin.toJSON().replace(/T.+$/, '')
},
birthdayMinFormatted () { birthdayMinFormatted () {
const browserLocale = localeService.internalToBrowserLocale(this.$i18n.locale) const browserLocale = localeService.internalToBrowserLocale(this.$i18n.locale)
return this.user.birthday && new Date(Date.parse(this.birthdayMin)).toLocaleDateString(browserLocale, { timeZone: 'UTC', day: 'numeric', month: 'long', year: 'numeric' }) return this.user.birthday && new Date(Date.parse(this.birthdayMin)).toLocaleDateString(browserLocale, { timeZone: 'UTC', day: 'numeric', month: 'long', year: 'numeric' })

View File

@ -183,7 +183,7 @@
:disabled="isPending" :disabled="isPending"
class="form-control" class="form-control"
type="date" type="date"
max="birthdayMin" :max="birthdayRequired ? birthdayMinAttr : undefined"
:aria-required="birthdayRequired" :aria-required="birthdayRequired"
> >
</div> </div>