scott/crabfit
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Fix calendar field weekdays selector

Browse source
This commit is contained in:
Ben Grant 2021-06-01 14:17:17 +10:00
parent 3d26358086
commit 7e872b34de
1 changed files with 10 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
crabfit-frontend/src/components/CalendarField/CalendarField.tsx
View file

@ -220,6 +220,16 @@ const CalendarField = ({
selected={selectedDays.includes(((i + weekStart) % 7 + 7) % 7)} selected={selectedDays.includes(((i + weekStart) % 7 + 7) % 7)}
selecting={selectingDays.includes(((i + weekStart) % 7 + 7) % 7)} selecting={selectingDays.includes(((i + weekStart) % 7 + 7) % 7)}
mode={mode} mode={mode}
type="button"
onKeyPress={e => {
if (e.key === ' ' || e.key === 'Enter') {
if (selectedDays.includes(((i + weekStart) % 7 + 7) % 7)) {
setSelectedDays(selectedDays.filter(d => d !== ((i + weekStart) % 7 + 7) % 7));
} else {
setSelectedDays([...selectedDays, ((i + weekStart) % 7 + 7) % 7]);
}
}
}}
onPointerDown={(e) => { onPointerDown={(e) => {
startPos.current = i; startPos.current = i;
setMode(selectedDays.includes(((i + weekStart) % 7 + 7) % 7) ? 'remove' : 'add'); setMode(selectedDays.includes(((i + weekStart) % 7 + 7) % 7) ? 'remove' : 'add');