Estoy trabajando en un sistema en el que se me pide que establezca un punto de tiempo exacto con este formato dd/MM/aaaa HH:mm:ss, el problema es que no puedo encontrar la manera de agregar un selector de fecha y hora que contenga todo eso en una vez, el DateTimePicker del componente MUI es muy feo, y me gusta el selector de fechas nativo (es el que me gustaría usar) pero solo he podido elegir la fecha completa, horas, minutos pero no segundos. ¿Hay una manera de hacerlo? Hasta ahora mi código es así (también adjunto una imagen del resultado):
<TextField id="datetime-local" label="Next appointment" type="datetime-local" defaultValue={ new Date() } InputLabelProps={{shrink: true,}} />material-ui tiene selectores: @material-ui/pickers
Puedes usarlo con la opción de format :
import React, { useState } from 'react'; import { DateTimePicker } from '@material-ui/pickers'; function App() { const [selectedDate, handleDateChange] = useState(new Date()); return ( <DateTimePicker format="dd-MM-yyyy HH:mm:ss" value={selectedDate} onChange={handleDateChange} /> ); } export default App;