Styled Form - Copy this React, Mui Component to your project

JobId: A hidden field (not user-editable). JobName: Required TextField with a maximum length of 100 characters. Salary: Optional TextField; validate as a positive numeric value. Location: Optional TextField; maximum length 150 characters. WorkStyle: Dropdown (required) with options: 'Remote', 'Hybrid', 'On-site'. PostedDay: Required DatePicker; must not be a future date. Description: Multiline TextField; required; maximum 500 characters. EndDay: Optional DatePicker; must be later than or equal to PostedDay. ExperienceYear: Number Input (required); validate as a non-negative integer. RecruitmentCount: Number Input; optional; validate as a positive integer. Status: Switch (default: active); optional. Skills: Autocomplete with multiple selections (required; user must select at least one skill). Company: Dropdown for selecting an existing company (required). Validation Rules: Provide real-time validation feedback for all fields. Display validation error messages below each field if invalid. Disable the "Submit" button until all required fields are valid. Layout and Submission: Use MUI's Grid for responsive layout. On submission, log the validated form data to the console in JSON format. Use Formik or React Hook Form for form management and validation."