From 03d5c2e140fc70937d3533665fa88d055ab486f1 Mon Sep 17 00:00:00 2001 From: tusooa Date: Sun, 22 Jan 2023 11:22:24 -0500 Subject: [PATCH] Make date picker aware of the birthday max value --- src/components/registration/registration.js | 3 +++ src/components/registration/registration.vue | 2 +- 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/src/components/registration/registration.js b/src/components/registration/registration.js index 3139bdd2..22ca6ad6 100644 --- a/src/components/registration/registration.js +++ b/src/components/registration/registration.js @@ -71,6 +71,9 @@ const registration = { minDate.setTime(today.getTime() - minAge * DAY) return minDate }, + birthdayMinAttr () { + return this.birthdayMin.toJSON().replace(/T.+$/, '') + }, birthdayMinFormatted () { 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' }) diff --git a/src/components/registration/registration.vue b/src/components/registration/registration.vue index 6d7fe76e..5701b05e 100644 --- a/src/components/registration/registration.vue +++ b/src/components/registration/registration.vue @@ -183,7 +183,7 @@ :disabled="isPending" class="form-control" type="date" - max="birthdayMin" + :max="birthdayRequired ? birthdayMinAttr : undefined" :aria-required="birthdayRequired" >