Przeglądaj źródła

date format border small fix

amenpunk 3 lat temu
rodzic
commit
237c643ae0
2 zmienionych plików z 29 dodań i 5 usunięć
  1. 1 1
      src/Components/Card.js
  2. 28 4
      src/Components/Home/Actividades.js

+ 1 - 1
src/Components/Card.js

@@ -27,7 +27,7 @@ export function Card( props ){
27 27
                         {
28 28
                             loading ?
29 29
                             <p style={{ paddingTop : 10}}>
30
-                                <CircularProgress />
30
+                                <CircularProgress color="inherit" />
31 31
                             </p>
32 32
                             : <p>{ props.quantity }</p>
33 33
                         }

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

@@ -10,7 +10,6 @@ import DateFnsUtils from '@date-io/date-fns';
10 10
 import { HelpModal } from './HelpAcividades.jsx'
11 11
 import { LastActivitys } from './LastActivitys.jsx'
12 12
 
13
-
14 13
 export default function Actividades() {
15 14
 
16 15
     const [value, setValue] = React.useState(new Date());
@@ -69,25 +68,50 @@ export default function Actividades() {
69 68
                                         value={value}
70 69
                                         onChange={handleChange}
71 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 83
                                 </LocalizationProvider>
75 84
                             </Col>
85
+
76 86
                             <Col md="4">
77 87
                                 <label>Fecha Final</label>
78
-                                <LocalizationProvider dateAdapter={DateFnsUtils}>
88
+                                <LocalizationProvider 
89
+
90
+                                    dateAdapter={DateFnsUtils}>
79 91
                                     <DesktopDatePicker
80 92
                                         inputFormat="MM/dd/yyyy"
81 93
                                         value={value}
82 94
                                         onChange={handleChange}
83 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 108
                                 </LocalizationProvider>
87 109
                             </Col>
110
+
88 111
                             <Col md="4">
89 112
                                 <button className="buscar_filtros_history">Buscar</button>
90 113
                             </Col>
114
+
91 115
                         </Row>
92 116
                     </div>
93 117
                     <div className="cabeceras_actividad">