xxxxxxxxxx
import React, { useState } from 'react';
import TextField from '@material-ui/core/TextField';
import { KeyboardTimePicker } from '@material-ui/pickers';
const TimePickerMUI = () => {
const [selectedTime, setSelectedTime] = useState(null);
const handleTimeChange = (time) => {
setSelectedTime(time);
};
return (
<div>
<KeyboardTimePicker
label="Select Time"
value={selectedTime}
onChange={handleTimeChange}
inputVariant="outlined"
fullWidth
/>
{/* Additional code for displaying or using the selected time */}
</div>
);
};
export default TimePickerMUI;
xxxxxxxxxx
import React, { useState } from 'react';
import { TimePicker } from '@mui/lab';
export default function MyTimePicker() {
const [selectedTime, setSelectedTime] = useState(null);
const handleTimeChange = (newTime) => {
setSelectedTime(newTime);
};
return (
<TimePicker
label="Select Time"
value={selectedTime}
onChange={handleTimeChange}
ampm={false}
openTo="hours"
views={['hours', 'minutes']}
/>
);
}