update question and date picker

[angela-lee1]

Fixes #1729

What changes did you make and why did you make them ?

• We need to update the question text and date picker on the 'Check In As a New User' and 'Create a New Profile' screens to accurately track when members first joined Hack for LA, as the current options are insufficient.
  • Changed the text to "IS THIS YOUR FIRST TIME ATTENDING A HACK FOR LA MEETING?"
  • Changed text to: "WHEN DID YOU FIRST JOIN HACK FOR LA?" in database
  • UPDATE the "year" component of the date picker so that the date displays years ranging from 2013 up to the current year
  • Changes are applied to both routes.

Screenshots of Proposed Changes Of The Website (if any, please do not screen shot code changes)

Visuals before changes are applied

[image]()

Visuals after changes are applied

[image](
!
)
)

)

[github-actions]

Want to review this pull request? Take a look at this documentation for a step by step guide!

From your project repository, check out a new branch and test the changes.

git checkout -b angela-lee1-update-question-datepicker-checkin-newuser-create-newprofile development
git pull https://github.com/angela-lee1/VRMS.git update-question-datepicker-checkin-newuser-create-newprofile

[pluto-bell]

Awesome, good work 👍 Everything is showing up on local host and working as expected, & the additional code looks great.

One thing to point out, the text doesn't seem to need all caps in the file, styling is taking care of it—I believe it's the font-family specifically.

[pluto-bell]

I am noticing that MUI components didn't seem to be utilized, per the issue #1729:

UPDATE the "year" component of the date picker so that the date displays years ranging from 2013 up to the current year, using MUI components (potentially reference MUI documentation and Stack Overflow to ensure only the year is listed)

[JackHaeg]

@angela-lee1 As discussed during call, use a single date picker (Month & Year).

[angela-lee1]

@JackHaeg @trillium Here is the image for using a single date picker. [image]()

[JackHaeg]

This is looking great, @angela-lee1! Thanks for your work on this :)

To any reviewers looking at this PR - please hold off on reviewing / merging this PR until Angela comments that the mobile view is working as expected.

[angela-lee1]

• []

• []

@trillium yarn dev see if you can get the same UI. The month is in 3 capitalized letters in DB. Sorry about the package manager. Thank you.

[trillium]

Looking great! Thanks for slogging through this to the end :)