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
24 lines
640 B
TypeScript
24 lines
640 B
TypeScript
import TextField from '@mui/material/TextField';
|
|
import Autocomplete from '@mui/material/Autocomplete';
|
|
|
|
export default function DisabledOptions() {
|
|
return (
|
|
<Autocomplete
|
|
options={timeSlots}
|
|
getOptionDisabled={(option) =>
|
|
option === timeSlots[0] || option === timeSlots[2]
|
|
}
|
|
sx={{ width: 300 }}
|
|
renderInput={(params) => <TextField {...params} label="Disabled options" />}
|
|
/>
|
|
);
|
|
}
|
|
|
|
// 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'
|
|
}`,
|
|
);
|