From 1e415fe064cde08e2fdae55ac3846d60d492a700 Mon Sep 17 00:00:00 2001
From: lonkaars <l.leblansch@gmail.com>
Date: Mon, 1 Feb 2021 11:48:31 +0100
Subject: input min/max

---
 components/gameSettings.tsx | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

(limited to 'components/gameSettings.tsx')

diff --git a/components/gameSettings.tsx b/components/gameSettings.tsx
index c037fe3..15e3591 100644
--- a/components/gameSettings.tsx
+++ b/components/gameSettings.tsx
@@ -120,10 +120,15 @@ function GameSettingsSection(props: {
 </GameSettingsSection>
 */
 
-export class EditGameSettings extends Component<{
+type editGameSettingsProps = {
 	parentState: { editGameRulesDialogVisible: boolean; };
 	hideEditGameRules: () => void;
-}> {
+};
+
+export class EditGameSettings extends Component<editGameSettingsProps> {
+	constructor(props: editGameSettingsProps) {
+		super(props);
+	}
 
 	render () {
 		return <DialogBox title="Spelregels aanpassen" style={{
@@ -143,9 +148,9 @@ export class EditGameSettings extends Component<{
 						gridGap: 16,
 						margin: "16px 0"
 					}}>
-						<Input type="number" label="min"/>
-						<Input type="number" label="sec"/>
-						<Input type="number" label="plus"/>
+						<Input type="number" label="min" min={0} max={60}/>
+						<Input type="number" label="sec" min={0} max={60}/>
+						<Input type="number" label="plus" min={0}/>
 					</div>
 					<CheckBox state={false}/>
 					<span style={{
-- 
cgit v1.2.3

