granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add tabindex to DurationInput

Browse source
This commit is contained in:
Justin Edmund 2023-06-17 19:13:30 -07:00
parent c66d688936
commit 33c7e7b28c
1 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
components/common/DurationInput/index.tsx
View file

@ -14,7 +14,10 @@ interface Props
}
const DurationInput = React.forwardRef<HTMLInputElement, Props>(
function DurationInput({ className, value, onValueChange }, forwardedRef) {
function DurationInput(
{ className, value, onValueChange, ...props },
forwardedRef
) {
// State
const [duration, setDuration] = useState('')
const [minutesSelected, setMinutesSelected] = useState(false)
@ -191,6 +194,7 @@ const DurationInput = React.forwardRef<HTMLInputElement, Props>(
onKeyDown={handleKeyDown}
placeholder="mm"
size={3}
tabIndex={props.tabIndex}
/>
<span>:</span>
<Input
@ -208,6 +212,7 @@ const DurationInput = React.forwardRef<HTMLInputElement, Props>(
onKeyDown={handleKeyDown}
placeholder="ss"
size={2}
tabIndex={props.tabIndex ? props.tabIndex + 1 : undefined}
/>
</div>
)