Merge pull request #852 from topcoder-platform/profiles-app

MP-309 Tab order in edu&exp modals -> dev

Author: kkartunov

src/apps/profiles/src/member-profile/education-and-certifications/ModifyEducationModal/ModifyEducationModal.tsx

@@ -277,7 +277,7 @@ const ModifyEducationModal: FC<ModifyEducationModalProps> = (props: ModifyEducat
                             error={formErrors.major}
                             placeholder='Enter Degree'
                             dirty
-                            tabIndex={-1}
+                            tabIndex={0}
                             type='text'
                             onChange={bind(handleFormValueChange, this, 'major')}
                             value={formValues.major as string}
@@ -291,18 +291,8 @@ const ModifyEducationModal: FC<ModifyEducationModalProps> = (props: ModifyEducat
                             name='endDate'
                             label='End Year or Expected'
                             placeholder='Select a year'
+                            tabIndex={0}
                         />
-                        {/* <InputDatePicker
-                            label='End date (or expected)'
-                            date={formValues.endDate as Date}
-                            onChange={bind(handleFormValueChange, this, 'endDate')}
-                            disabled={false}
-                            error={formErrors.endDate}
-                            dirty
-                            showMonthPicker={false}
-                            showYearPicker
-                            dateFormat='yyyy'
-                        /> */}
                     </form>
                 ) : (
                     <Button

src/apps/profiles/src/member-profile/work-expirence/ModifyWorkExpirenceModal/ModifyWorkExpirenceModal.tsx

@@ -302,7 +302,7 @@ const ModifyWorkExpirenceModal: FC<ModifyWorkExpirenceModalProps> = (props: Modi
                             error={formErrors.position}
                             placeholder='Enter a position'
                             dirty
-                            tabIndex={-1}
+                            tabIndex={0}
                             type='text'
                             onChange={bind(handleFormValueChange, this, 'position')}
                             value={formValues.position as string}
@@ -314,7 +314,7 @@ const ModifyWorkExpirenceModal: FC<ModifyWorkExpirenceModalProps> = (props: Modi
                                 error={formErrors.industry}
                                 placeholder='Enter an industry'
                                 dirty
-                                tabIndex={-1}
+                                tabIndex={0}
                                 type='text'
                                 onChange={bind(handleFormValueChange, this, 'industry')}
                                 value={formValues.industry as string}
@@ -325,7 +325,7 @@ const ModifyWorkExpirenceModal: FC<ModifyWorkExpirenceModalProps> = (props: Modi
                                 error={formErrors.city}
                                 placeholder='Enter a city'
                                 dirty
-                                tabIndex={-1}
+                                tabIndex={0}
                                 type='text'
                                 onChange={bind(handleFormValueChange, this, 'city')}
                                 value={formValues.city as string}
@@ -356,7 +356,7 @@ const ModifyWorkExpirenceModal: FC<ModifyWorkExpirenceModalProps> = (props: Modi
                             label='I am currently working in this role'
                             error={formErrors.currentlyWorking}
                             dirty
-                            tabIndex={-1}
+                            tabIndex={0}
                             type='checkbox'
                             onChange={bind(handleFormValueChange, this, 'currentlyWorking')}
                             checked={formValues.currentlyWorking as boolean}