Add Event to Published Schedule Form + Validation

[ThatMegamind]

Instructions

• Events are added to the Published Schedule by taking existing events from the Catalog and adding additional information to them. In this task, you’ll be creating the basic frontend skeleton of the form that implements this functionality.
• The form should list the following information from the Catalog about the event as non-editable fields: Title, Host
• The form should include the following additional information as editable input fields: Confirmed?, Start Time, End Time, Cohort (Grad Year), Notes
• Add validation to the form using Yup

Notes

• Refer to DB Model for which fields to include
  • For any fields with ENUM values, use dropdowns
  • For any fields marked NOT NULL, make the fields required
• Refer to PNP code example for how to implement Yup into a form
• The design for this form hasn’t been finalized yet, so don’t worry too much about it yet
• Make your best approximation for validation

Acceptance Criteria

• Place the form in a new file located in src/components/AddEventToPublishedScheduleForm/AddEventToPublishedScheduleForm.jsx
• Input validation should exist for all fields as needed
• The user cannot submit the form if violating any input validation
  After submitting the form, the form data should be console logged (we’ll send it to the backend later)

Resources

• Chakra Documentation
• Yup Documentation
• AISS Form Example w/ Yup Validation
• DB Model

As always, feel free to message Michael and Michelle if you have any questions!