005cf56baf
Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
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'
|
|
}`,
|
|
);
|