- fixed issue setting dates i ndatepicker;

- fixed styles and filters in tables;

src/pages/Dashboard/components/DraftApplicationsTable/index.js

@@ -33,7 +33,6 @@ const DraftApplicationsTable = () => {
     const [localAsyncRequest, setLocalAsyncRequest] = useState(false);
     const [items, setItems] = useState(null);
     const [filters, setFilters] = useState(null);
-    const [globalFilterValue, setGlobalFilterValue] = useState('');
     const [statuses, setStatuses] = useState([]);
 
     useEffect(() => {
@@ -79,16 +78,6 @@ const DraftApplicationsTable = () => {
         initFilters();
     };
 
-    const onGlobalFilterChange = (e) => {
-        const value = e.target.value;
-        let _filters = { ...filters };
-
-        _filters['global'].value = value;
-
-        setFilters(_filters);
-        setGlobalFilterValue(value);
-    };
-
     const initFilters = () => {
         setFilters({
             global: { value: null, matchMode: FilterMatchMode.CONTAINS },
@@ -96,6 +85,10 @@ const DraftApplicationsTable = () => {
                 operator: FilterOperator.AND,
                 constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }]
             },
+            companyName: {
+                operator: FilterOperator.AND,
+                constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }]
+            },
             modifiedDate: {
                 operator: FilterOperator.AND,
                 constraints: [{ value: null, matchMode: FilterMatchMode.DATE_IS }]
@@ -106,7 +99,6 @@ const DraftApplicationsTable = () => {
             },
             status: { operator: FilterOperator.OR, constraints: [{ value: null, matchMode: FilterMatchMode.EQUALS }] },
         });
-        setGlobalFilterValue('');
     };
 
     const renderHeader = () => {
@@ -114,28 +106,10 @@ const DraftApplicationsTable = () => {
             <div className="appTableHeader">
                 <Button type="button" icon="pi pi-filter-slash" label={__('Pulisci', 'gepafin')} outlined
                         onClick={clearFilter}/>
-                <IconField iconPosition="left">
-                    <InputIcon className="pi pi-search"/>
-                    <InputText value={globalFilterValue} onChange={onGlobalFilterChange}
-                               placeholder={__('Cerca', 'gepafin')}/>
-                </IconField>
             </div>
         );
     };
 
-    /*const dateModifyBodyTemplate = (rowData) => {
-        return formatDate(rowData.modifiedDate);
-    };
-
-    const dateEndBodyTemplate = (rowData) => {
-        return formatDate(rowData.callEndDate);
-    };
-
-    const dateFilterTemplate = (options) => {
-        return <Calendar value={options.value} onChange={(e) => options.filterCallback(e.value, options.index)}
-                         dateFormat="mm/dd/yy" placeholder="mm/dd/yyyy" mask="99/99/9999"/>;
-    };*/
-
     const statusBodyTemplate = (rowData) => {
         return <ProperBandoLabel status={rowData.status}/>;
     };
@@ -167,8 +141,7 @@ const DraftApplicationsTable = () => {
     return (
         <div className="appPageSection__table">
             <DataTable value={items} paginator showGridlines rows={10} loading={localAsyncRequest} dataKey="id"
-                       filters={filters}
-                       globalFilterFields={['name', 'status']}
+                       filters={filters} stripedRows removableSort
                        header={header}
                        emptyMessage={translationStrings.emptyMessage}
                        onFilter={(e) => setFilters(e.filters)}>