Bump frontend npm packages to latest versions

aelassas · Jul 23, 2023 · fcac57a · fcac57a
1 parent 72e1a1a
commit fcac57a
Show file tree

Hide file tree

Showing 5 changed files with 312 additions and 435 deletions.
diff --git a/backend/pages/_app.js b/backend/pages/_app.js
@@ -36,7 +36,6 @@ const App = ({ Component, pageProps }) => {
   }, [])
 
   useEffect(() => {
-
     (async function () {
       const lang = await SettingService.getLanguage()
       const isFr = lang === 'fr'
@@ -130,7 +129,6 @@ const App = ({ Component, pageProps }) => {
 
       setTheme(theme)
     })()
-
   }, [])
 
   if (!theme) {

diff --git a/frontend/components/DatePicker.js b/frontend/components/DatePicker.js
@@ -3,12 +3,10 @@ import React, { useEffect, useState } from 'react'
 import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns'
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'
 import { DatePicker as MuiDatePicker } from '@mui/x-date-pickers/DatePicker'
-import { TextField, IconButton, InputAdornment } from '@mui/material'
-import { Clear as ClearIcon } from '@mui/icons-material'
 import { fr, enUS } from "date-fns/locale"
 
 const DatePicker = ({ label, language, value, minDate, required, onChange }) => {
-    const [date, setDate] = useState()
+    const [date, setDate] = useState(value || null)
 
     useEffect(() => {
         setDate(value)
@@ -29,36 +27,14 @@ const DatePicker = ({ label, language, value, minDate, required, onChange }) =>
                 minDate={minDate}
                 defaultCalendarMonth={minDate}
                 required={required}
-                renderInput={(params) =>
-                    <TextField
-                        {...params}
-                        variant='standard'
-                        fullWidth
-                        required={required}
-                        autoComplete='off'
-                        InputProps={{
-                            ...params.InputProps,
-                            endAdornment:
-                                <>
-                                    {
-                                        value && (
-                                            <InputAdornment position='end' className='d-adornment'>
-                                                <IconButton
-                                                    size='small'
-                                                    onClick={() => {
-                                                        setDate(null)
-                                                        if (onChange) onChange(null)
-                                                    }}>
-                                                    <ClearIcon className='d-adornment-icon' />
-                                                </IconButton>
-                                            </InputAdornment>
-                                        )
-                                    }
-                                    {params.InputProps.endAdornment}
-                                </>
-                        }}
-                    />
-                }
+                slotProps={{
+                    textField: {
+                        variant: 'standard',
+                    },
+                    actionBar: {
+                        actions: ['accept', 'cancel', 'today', 'clear']
+                    }
+                }}
             />
         </LocalizationProvider>
     )