diff options
Diffstat (limited to 'client/src/pages/Enrollment/FormOne')
| -rw-r--r-- | client/src/pages/Enrollment/FormOne/FormOne.jsx | 42 | ||||
| -rw-r--r-- | client/src/pages/Enrollment/FormOne/FormOne.module.css | 7 |
2 files changed, 32 insertions, 17 deletions
diff --git a/client/src/pages/Enrollment/FormOne/FormOne.jsx b/client/src/pages/Enrollment/FormOne/FormOne.jsx index a1d4b7d..4b588b0 100644 --- a/client/src/pages/Enrollment/FormOne/FormOne.jsx +++ b/client/src/pages/Enrollment/FormOne/FormOne.jsx @@ -78,7 +78,7 @@ const FormOne = () => { }} required /> - <label htmlFor="indian">{t('INDIAN_RESIDENT')}</label> + <label htmlFor="indian" className={styles.label}>{t('INDIAN_RESIDENT')}</label> </span> <span className={styles.formone__resident}> <input @@ -94,7 +94,7 @@ const FormOne = () => { }} required /> - <label htmlFor="non-resident-indian"> + <label className={styles.label} htmlFor="non-resident-indian"> {t('NON_RESIDENTIAL_INDIAN')} </label> </span> @@ -158,20 +158,30 @@ const FormOne = () => { <div className={styles.formone__dob}> <label htmlFor="dob">{t('DATE_OF_BIRTH')}</label> - <LocalizationProvider dateAdapter={AdapterMoment}> - <MobileDatePicker - label="Date mobile" - inputFormat="mm/dd/yyyy" - value={userData.dob} - onChange={(e) => { - setUserData({ - ...userData, - dob: e - }) - }} - renderInput={(params) => <TextField {...params} />} - /> - </LocalizationProvider> + <div style={{ marginRight: '160px' }}> + <LocalizationProvider dateAdapter={AdapterMoment}> + <MobileDatePicker + inputFormat="MM/DD/yyyy" + value={userData.dob} + onChange={(e) => { + setUserData({ + ...userData, + dob: e + }) + }} + renderInput={(params) => <TextField + placeholder="MM/DD/yyyy" sx={{ + '& fieldset': { + width: '500px', + height: '80px', + border: '3px solid !important', + borderRadius: '10px', + fontSize: '1.5rem' + } + }} {...params} />} + /> + </LocalizationProvider> + </div> {/* <input className={styles.formone__dob_input} type="date" diff --git a/client/src/pages/Enrollment/FormOne/FormOne.module.css b/client/src/pages/Enrollment/FormOne/FormOne.module.css index b83574a..80bb70e 100644 --- a/client/src/pages/Enrollment/FormOne/FormOne.module.css +++ b/client/src/pages/Enrollment/FormOne/FormOne.module.css @@ -46,6 +46,7 @@ .formone__dob label { font-size: 1.75rem; + margin-bottom: 10px; } .formone__dob_input { @@ -53,7 +54,11 @@ height: 80px; margin: 10px 0px; padding: 11px 10px; - border: 3px solid; + border: 3px solid !important; border-radius: 10px; font-size: 1.5rem; } + +.label { + font-size: 1.75rem; +}
\ No newline at end of file |