From cf485d5ae4c1b985535e19960d4a6426f1c3166e Mon Sep 17 00:00:00 2001
From: Mickey Puri <mickeypuri@hotmail.com>
Date: Mon, 13 Apr 2020 13:20:48 +0100
Subject: [PATCH] Minutes changed to allow incoming ref
---
modules/app/Minutes.js | 8 ++++++--
1 file changed, 6 insertions(+), 2 deletions(-)
diff --git a/modules/app/Minutes.js b/modules/app/Minutes.js
index 8c23cac..69b13a7 100644
--- a/modules/app/Minutes.js
+++ b/modules/app/Minutes.js
@@ -2,7 +2,8 @@ import React, { useState } from "react"
import { format as formatDate } from "date-fns"
import { FaMinus, FaPlus } from "react-icons/fa"
-export default function Minutes({ date }) {
+const Minutes = React.forwardRef((props, ref) => {
+ const {date = null} = props;
const [minutes, setMinutes] = useState(30)
const subtract = () => {
@@ -62,6 +63,7 @@ export default function Minutes({ date }) {
className="Minutes_input"
value={minutes}
id="minutes"
+ ref={ref}
onChange={handleInputChange}
onBlur={handleInputBlur}
onKeyDown={handleInputKeyDown}
@@ -80,4 +82,6 @@ export default function Minutes({ date }) {
</label>
</div>
)
-}
+});
+
+export default Minutes;