Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-13 16:22:59 +10:00
Code Issues Packages Projects Releases Wiki Activity

update dependencies, fix typescript issues, optimize lodash imports

Browse Source
This commit is contained in:
Amruth Pillai
2023-04-05 09:06:49 +02:00
parent 3a430ad98c
commit 36bf729161
20 changed files with 190 additions and 161 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
client/modals/builder/sections/WorkModal.tsx
View File

@ -1,7 +1,7 @@
import { joiResolver } from '@hookform/resolvers/joi';
import { Add, DriveFileRenameOutline } from '@mui/icons-material';
import { Button, TextField } from '@mui/material';
import { DatePicker } from '@mui/x-date-pickers';
import { DatePicker } from '@mui/x-date-pickers/DatePicker';
import { WorkExperience } from '@reactive-resume/schema';
import dayjs from 'dayjs';
import Joi from 'joi';
@ -141,21 +141,23 @@ const WorkModal: React.FC = () => {
control={control}
render={({ field, fieldState }) => (
<DatePicker
{...field}
openTo="year"
inputRef={field.ref}
label={t<string>('builder.common.form.start-date.label')}
value={dayjs(field.value)}
views={['year', 'month', 'day']}
onChange={(date: Date | null, keyboardInputValue: string | undefined) => {
isEmpty(keyboardInputValue) && field.onChange('');
slots={{
textField: (params) => (
<TextField
{...params}
error={!!fieldState.error}
helperText={fieldState.error?.message || params.inputProps?.placeholder}
/>
),
}}
onChange={(date: dayjs.Dayjs | null) => {
date && dayjs(date).isValid() && field.onChange(dayjs(date).format('YYYY-MM-DD'));
}}
renderInput={(params) => (
<TextField
{...params}
error={!!fieldState.error}
helperText={fieldState.error?.message || params.inputProps?.placeholder}
/>
)}
/>
)}
/>
@ -165,21 +167,23 @@ const WorkModal: React.FC = () => {
control={control}
render={({ field, fieldState }) => (
<DatePicker
{...field}
openTo="year"
inputRef={field.ref}
label={t<string>('builder.common.form.end-date.label')}
value={dayjs(field.value)}
views={['year', 'month', 'day']}
onChange={(date: Date | null, keyboardInputValue: string | undefined) => {
isEmpty(keyboardInputValue) && field.onChange('');
slots={{
textField: (params) => (
<TextField
{...params}
error={!!fieldState.error}
helperText={fieldState.error?.message || t<string>('builder.common.form.end-date.help-text')}
/>
),
}}
onChange={(date: dayjs.Dayjs | null) => {
date && dayjs(date).isValid() && field.onChange(dayjs(date).format('YYYY-MM-DD'));
}}
renderInput={(params) => (
<TextField
{...params}
error={!!fieldState.error}
helperText={fieldState.error?.message || t<string>('builder.common.form.end-date.help-text')}
/>
)}
/>
)}
/>