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

fix(client): 🐛 fix mui rendering of utc dates

Browse Source
This commit is contained in:
Amruth Pillai
2022-07-30 12:21:05 +02:00
parent 5197f954c0
commit 977fa72dde
9 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/components/shared/ResumeInput.tsx
View File

@ -63,7 +63,7 @@ const ResumeInput: React.FC<Props> = ({ type = 'text', label, path, className, m
renderInput={(params) => <TextField {...params} error={false} className={className} />} renderInput={(params) => <TextField {...params} error={false} className={className} />}
onChange={(date: Date | null, keyboardInputValue: string | undefined) => { onChange={(date: Date | null, keyboardInputValue: string | undefined) => {
isEmpty(keyboardInputValue) && onChangeValue(''); isEmpty(keyboardInputValue) && onChangeValue('');
date && dayjs(date).utc().isValid() && onChangeValue(date.toISOString()); date && dayjs(date).utc().isValid() && onChangeValue(dayjs(date).utc().toISOString());
}} }}
/> />
); );

2
client/modals/builder/sections/AwardModal.tsx
View File

@ -134,7 +134,7 @@ const AwardModal: React.FC = () => {
views={['year', 'month', 'day']} views={['year', 'month', 'day']}
onChange={(date: Date | null, keyboardInputValue: string | undefined) => { onChange={(date: Date | null, keyboardInputValue: string | undefined) => {
isEmpty(keyboardInputValue) && field.onChange(''); isEmpty(keyboardInputValue) && field.onChange('');
date && dayjs(date).utc().isValid() && field.onChange(date.toISOString()); date && dayjs(date).utc().isValid() && field.onChange(dayjs(date).utc().toISOString());
}} }}
renderInput={(params) => ( renderInput={(params) => (
<TextField <TextField

2
client/modals/builder/sections/CertificateModal.tsx
View File

@ -134,7 +134,7 @@ const CertificateModal: React.FC = () => {
views={['year', 'month', 'day']} views={['year', 'month', 'day']}
onChange={(date: Date | null, keyboardInputValue: string | undefined) => { onChange={(date: Date | null, keyboardInputValue: string | undefined) => {
isEmpty(keyboardInputValue) && field.onChange(''); isEmpty(keyboardInputValue) && field.onChange('');
date && dayjs(date).utc().isValid() && field.onChange(date.toISOString()); date && dayjs(date).utc().isValid() && field.onChange(dayjs(date).utc().toISOString());
}} }}
renderInput={(params) => ( renderInput={(params) => (
<TextField <TextField

4
client/modals/builder/sections/CustomModal.tsx
View File

@ -150,7 +150,7 @@ const CustomModal: React.FC = () => {
views={['year', 'month', 'day']} views={['year', 'month', 'day']}
onChange={(date: Date | null, keyboardInputValue: string | undefined) => { onChange={(date: Date | null, keyboardInputValue: string | undefined) => {
isEmpty(keyboardInputValue) && field.onChange(''); isEmpty(keyboardInputValue) && field.onChange('');
date && dayjs(date).utc().isValid() && field.onChange(date.toISOString()); date && dayjs(date).utc().isValid() && field.onChange(dayjs(date).utc().toISOString());
}} }}
renderInput={(params) => ( renderInput={(params) => (
<TextField <TextField
@ -174,7 +174,7 @@ const CustomModal: React.FC = () => {
views={['year', 'month', 'day']} views={['year', 'month', 'day']}
onChange={(date: Date | null, keyboardInputValue: string | undefined) => { onChange={(date: Date | null, keyboardInputValue: string | undefined) => {
isEmpty(keyboardInputValue) && field.onChange(''); isEmpty(keyboardInputValue) && field.onChange('');
date && dayjs(date).utc().isValid() && field.onChange(date.toISOString()); date && dayjs(date).utc().isValid() && field.onChange(dayjs(date).utc().toISOString());
}} }}
renderInput={(params) => ( renderInput={(params) => (
<TextField <TextField

4
client/modals/builder/sections/EducationModal.tsx
View File

@ -173,7 +173,7 @@ const EducationModal: React.FC = () => {
views={['year', 'month', 'day']} views={['year', 'month', 'day']}
onChange={(date: Date | null, keyboardInputValue: string | undefined) => { onChange={(date: Date | null, keyboardInputValue: string | undefined) => {
isEmpty(keyboardInputValue) && field.onChange(''); isEmpty(keyboardInputValue) && field.onChange('');
date && dayjs(date).utc().isValid() && field.onChange(date.toISOString()); date && dayjs(date).utc().isValid() && field.onChange(dayjs(date).utc().toISOString());
}} }}
renderInput={(params) => ( renderInput={(params) => (
<TextField <TextField
@ -197,7 +197,7 @@ const EducationModal: React.FC = () => {
views={['year', 'month', 'day']} views={['year', 'month', 'day']}
onChange={(date: Date | null, keyboardInputValue: string | undefined) => { onChange={(date: Date | null, keyboardInputValue: string | undefined) => {
isEmpty(keyboardInputValue) && field.onChange(''); isEmpty(keyboardInputValue) && field.onChange('');
date && dayjs(date).utc().isValid() && field.onChange(date.toISOString()); date && dayjs(date).utc().isValid() && field.onChange(dayjs(date).utc().toISOString());
}} }}
renderInput={(params) => ( renderInput={(params) => (
<TextField <TextField

4
client/modals/builder/sections/ProjectModal.tsx
View File

@ -143,7 +143,7 @@ const ProjectModal: React.FC = () => {
views={['year', 'month', 'day']} views={['year', 'month', 'day']}
onChange={(date: Date | null, keyboardInputValue: string | undefined) => { onChange={(date: Date | null, keyboardInputValue: string | undefined) => {
isEmpty(keyboardInputValue) && field.onChange(''); isEmpty(keyboardInputValue) && field.onChange('');
date && dayjs(date).utc().isValid() && field.onChange(date.toISOString()); date && dayjs(date).utc().isValid() && field.onChange(dayjs(date).utc().toISOString());
}} }}
renderInput={(params) => ( renderInput={(params) => (
<TextField <TextField
@ -167,7 +167,7 @@ const ProjectModal: React.FC = () => {
views={['year', 'month', 'day']} views={['year', 'month', 'day']}
onChange={(date: Date | null, keyboardInputValue: string | undefined) => { onChange={(date: Date | null, keyboardInputValue: string | undefined) => {
isEmpty(keyboardInputValue) && field.onChange(''); isEmpty(keyboardInputValue) && field.onChange('');
date && dayjs(date).utc().isValid() && field.onChange(date.toISOString()); date && dayjs(date).utc().isValid() && field.onChange(dayjs(date).utc().toISOString());
}} }}
renderInput={(params) => ( renderInput={(params) => (
<TextField <TextField

2
client/modals/builder/sections/PublicationModal.tsx
View File

@ -134,7 +134,7 @@ const PublicationModal: React.FC = () => {
views={['year', 'month', 'day']} views={['year', 'month', 'day']}
onChange={(date: Date | null, keyboardInputValue: string | undefined) => { onChange={(date: Date | null, keyboardInputValue: string | undefined) => {
isEmpty(keyboardInputValue) && field.onChange(''); isEmpty(keyboardInputValue) && field.onChange('');
date && dayjs(date).utc().isValid() && field.onChange(date.toISOString()); date && dayjs(date).utc().isValid() && field.onChange(dayjs(date).utc().toISOString());
}} }}
renderInput={(params) => ( renderInput={(params) => (
<TextField <TextField

4
client/modals/builder/sections/VolunteerModal.tsx
View File

@ -140,7 +140,7 @@ const VolunteerModal: React.FC = () => {
views={['year', 'month', 'day']} views={['year', 'month', 'day']}
onChange={(date: Date | null, keyboardInputValue: string | undefined) => { onChange={(date: Date | null, keyboardInputValue: string | undefined) => {
isEmpty(keyboardInputValue) && field.onChange(''); isEmpty(keyboardInputValue) && field.onChange('');
date && dayjs(date).utc().isValid() && field.onChange(date.toISOString()); date && dayjs(date).utc().isValid() && field.onChange(dayjs(date).utc().toISOString());
}} }}
renderInput={(params) => ( renderInput={(params) => (
<TextField <TextField
@ -164,7 +164,7 @@ const VolunteerModal: React.FC = () => {
views={['year', 'month', 'day']} views={['year', 'month', 'day']}
onChange={(date: Date | null, keyboardInputValue: string | undefined) => { onChange={(date: Date | null, keyboardInputValue: string | undefined) => {
isEmpty(keyboardInputValue) && field.onChange(''); isEmpty(keyboardInputValue) && field.onChange('');
date && dayjs(date).utc().isValid() && field.onChange(date.toISOString()); date && dayjs(date).utc().isValid() && field.onChange(dayjs(date).utc().toISOString());
}} }}
renderInput={(params) => ( renderInput={(params) => (
<TextField <TextField

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

@ -140,7 +140,7 @@ const WorkModal: React.FC = () => {
views={['year', 'month', 'day']} views={['year', 'month', 'day']}
onChange={(date: Date | null, keyboardInputValue: string | undefined) => { onChange={(date: Date | null, keyboardInputValue: string | undefined) => {
isEmpty(keyboardInputValue) && field.onChange(''); isEmpty(keyboardInputValue) && field.onChange('');
date && dayjs(date).utc().isValid() && field.onChange(date.toISOString()); date && dayjs(date).utc().isValid() && field.onChange(dayjs(date).utc().toISOString());
}} }}
renderInput={(params) => ( renderInput={(params) => (
<TextField <TextField
@ -164,7 +164,7 @@ const WorkModal: React.FC = () => {
views={['year', 'month', 'day']} views={['year', 'month', 'day']}
onChange={(date: Date | null, keyboardInputValue: string | undefined) => { onChange={(date: Date | null, keyboardInputValue: string | undefined) => {
isEmpty(keyboardInputValue) && field.onChange(''); isEmpty(keyboardInputValue) && field.onChange('');
date && dayjs(date).utc().isValid() && field.onChange(date.toISOString()); date && dayjs(date).utc().isValid() && field.onChange(dayjs(date).utc().toISOString());
}} }}
renderInput={(params) => ( renderInput={(params) => (
<TextField <TextField