28 lines
758 B
JavaScript
28 lines
758 B
JavaScript
|
import FormControl from '@mui/joy/FormControl';
|
||
|
|
import FormLabel from '@mui/joy/FormLabel';
|
||
|
|
import Autocomplete from '@mui/joy/Autocomplete';
|
||
|
|
|
||
|
|
export default function DisabledOptions() {
|
||
|
|
return (
|
||
|
|
<FormControl id="disabled-options-demo">
|
||
|
|
<FormLabel>Disabled options</FormLabel>
|
||
|
|
<Autocomplete
|
||
|
|
options={timeSlots}
|
||
|
|
placeholder="Disabled options"
|
||
|
|
getOptionDisabled={(option) =>
|
||
|
|
option === timeSlots[0] || option === timeSlots[2]
|
||
|
|
}
|
||
|
|
sx={{ width: 300 }}
|
||
|
|
/>
|
||
|
|
</FormControl>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
// One time slot every 30 minutes.
|
||
|
|
const timeSlots = Array.from(new Array(24 * 2)).map(
|
||
|
|
(_, index) =>
|
||
|
|
`${index < 20 ? '0' : ''}${Math.floor(index / 2)}:${
|
||
|
|
index % 2 === 0 ? '00' : '30'
|
||
|
|
}`,
|
||
|
|
);
|