- fixed issue in datepicker;

- updated styles;

src/assets/scss/components/appPage.scss

@@ -221,8 +221,9 @@
     flex-direction: column;
     padding: 0;
     width: 100%;
+}
 
-    > li {
+.appPageSection__listItem {
     padding: 15px;
     border-bottom: 1px solid var(--button-secondary-borderColor);
     display: flex;
@@ -234,7 +235,13 @@
     &.row {
         flex-direction: row;
     }
-    }
+}
+
+.appPageSection__listItemRow {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    gap: 16px;
 }
 
 .appPageSection__checklist {

src/components/FormField/components/Datepicker/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { classNames } from 'primereact/utils';
 import { Controller } from 'react-hook-form';
-import { is } from 'ramda';
+import { is, isEmpty } from 'ramda';
 
 import { Calendar } from 'primereact/calendar';
 
@@ -30,7 +30,7 @@ const Datepicker = ({
                 rules={config}
                 render={({ field, fieldState }) => (<Calendar id={field.name}
                                   disabled={disabled}
-                                  value={is(String, field.value) ? new Date(field.value) : field.value}
+                                  value={is(String, field.value) && !isEmpty(field.value) ? new Date(field.value) : field.value}
                                   onChange={(e) => field.onChange(e.value)}
                                   dateFormat="dd/mm/yy"
                                   hourFormat="24"

src/pages/DomandaEditPreInstructor/index.js

@@ -259,7 +259,7 @@ const DomandaEditPreInstructor = () => {
     }
 
     const shouldDisableField = (fieldName) => {
-        return !['EVALUATION'].includes(data.status) || ['ADMISSIBLE'].includes(data.status) && fieldName !== 'criteria'
+        return !['EVALUATION', 'OPEN'].includes(data.status) || ['ADMISSIBLE'].includes(data.status) && fieldName !== 'criteria'
     }
 
     useEffect(() => {
@@ -454,12 +454,8 @@ const DomandaEditPreInstructor = () => {
                             <div>
                                 <h3>{__('Documenti allegati', 'gepafin')}</h3>
                                 <ol className="appPageSection__list">
-                                    {data.files.map((o, i) => <li key={o.id}>
+                                    {data.files.map((o, i) => <li key={o.id} className="appPageSection__listItem">
-                                        <div className="appPageSection" style={{
+                                        <div className="appPageSection__listItemRow">
-                                            flexDirection: 'row',
-                                            alignItems: 'center',
-                                            justifyContent: 'space-between'
-                                        }}>
                                             <span>{o.label}</span>
                                             <div className="appPageSection__iconActions">
                                                 {o.fileDetail && o.fileDetail.length === 1