Browse Source

date format border small fix

amenpunk 3 years ago
parent
commit
237c643ae0
2 changed files with 29 additions and 5 deletions
  1. 1 1
      src/Components/Card.js
  2. 28 4
      src/Components/Home/Actividades.js

+ 1 - 1
src/Components/Card.js

27
                         {
27
                         {
28
                             loading ?
28
                             loading ?
29
                             <p style={{ paddingTop : 10}}>
29
                             <p style={{ paddingTop : 10}}>
30
-                                <CircularProgress />
30
+                                <CircularProgress color="inherit" />
31
                             </p>
31
                             </p>
32
                             : <p>{ props.quantity }</p>
32
                             : <p>{ props.quantity }</p>
33
                         }
33
                         }

+ 28 - 4
src/Components/Home/Actividades.js

10
 import { HelpModal } from './HelpAcividades.jsx'
10
 import { HelpModal } from './HelpAcividades.jsx'
11
 import { LastActivitys } from './LastActivitys.jsx'
11
 import { LastActivitys } from './LastActivitys.jsx'
12
 
12
 
13
-
14
 export default function Actividades() {
13
 export default function Actividades() {
15
 
14
 
16
     const [value, setValue] = React.useState(new Date());
15
     const [value, setValue] = React.useState(new Date());
69
                                         value={value}
68
                                         value={value}
70
                                         onChange={handleChange}
69
                                         onChange={handleChange}
71
                                         renderInput={(params) => 
70
                                         renderInput={(params) => 
72
-                                        <TextField fullWidth={true} variant="standard" label="Standard warning" {...params} />}
71
+                                            <TextField 
72
+                                                sx={{
73
+                                                    '& ::before' : {
74
+                                                        'borderBottom': "0px solid red"
75
+                                                    }
76
+                                                }}
77
+                                                fullWidth={true} 
78
+                                                variant="standard" 
79
+                                                label="Standard warning" 
80
+                                                {...params} />
81
+                                        }
73
                                     />
82
                                     />
74
                                 </LocalizationProvider>
83
                                 </LocalizationProvider>
75
                             </Col>
84
                             </Col>
85
+
76
                             <Col md="4">
86
                             <Col md="4">
77
                                 <label>Fecha Final</label>
87
                                 <label>Fecha Final</label>
78
-                                <LocalizationProvider dateAdapter={DateFnsUtils}>
88
+                                <LocalizationProvider 
89
+
90
+                                    dateAdapter={DateFnsUtils}>
79
                                     <DesktopDatePicker
91
                                     <DesktopDatePicker
80
                                         inputFormat="MM/dd/yyyy"
92
                                         inputFormat="MM/dd/yyyy"
81
                                         value={value}
93
                                         value={value}
82
                                         onChange={handleChange}
94
                                         onChange={handleChange}
83
                                         renderInput={(params) => 
95
                                         renderInput={(params) => 
84
-                                        <TextField fullWidth={true} variant="standard" label="Standard warning" {...params} />}
96
+                                        <TextField 
97
+                                            sx={{
98
+                                                '& ::before' : {
99
+                                                    'borderBottom': "0px  solid red"
100
+                                                }
101
+                                            }}
102
+                                            fullWidth={true} 
103
+                                            variant="standard" 
104
+                                            label="Standard warning" 
105
+                                            {...params} 
106
+                                        />}
85
                                     />
107
                                     />
86
                                 </LocalizationProvider>
108
                                 </LocalizationProvider>
87
                             </Col>
109
                             </Col>
110
+
88
                             <Col md="4">
111
                             <Col md="4">
89
                                 <button className="buscar_filtros_history">Buscar</button>
112
                                 <button className="buscar_filtros_history">Buscar</button>
90
                             </Col>
113
                             </Col>
114
+
91
                         </Row>
115
                         </Row>
92
                     </div>
116
                     </div>
93
                     <div className="cabeceras_actividad">
117
                     <div className="cabeceras_actividad">