Estoy tratando de hacer una reserva sin el botón Enviar. Tengo muchos botones para seleccionar una hora y un selector de fecha.

quiero que se envíen los datos cuando se haga clic en los botones de fecha y hora

no soy capaz de obtener el valor de tiempo también

 var doctorid = props const [dateState, setDateState] = useState(new Date()); const changeDate = (e) => { setDateState(e); }; function booking() { const data = { date: dateState, time: "12:pm",/// time button value must come here doctor: doctorid, };

este es el jsx

 <Calendar value={dateState} onChange={changeDate} /> <TabPanel> <button style={styles.button}>9:00am</button> <button style={styles.button}>9:30am</button> <button style={styles.button}>10:00am</button> <button style={styles.button}>10:30am</button> <button style={styles.button}>11:00am</button> <button style={styles.button}>11:30am</button> <button style={styles.button}>12:00pm</button> </TabPanel> <TabPanel> <button style={styles.button}>6:30pm</button> <button style={styles.button}>7:00pm</button> <button style={styles.button}>7:30pm</button> <button style={styles.button}>8:00pm</button> </TabPanel>

no soy capaz de obtener el valor de tiempo también