From 177628a8d6b9c0f444cdb123a1fceb0244449a51 Mon Sep 17 00:00:00 2001
From: maltheism <16293415+maltheism@users.noreply.github.com>
Date: Tue, 7 Jun 2022 02:29:38 -0400
Subject: [PATCH] react-datepicker was updated

---
 package.json             |  3 ++-
 src/jsx/Configuration.js | 18 +++++++++---------
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/package.json b/package.json
index 177018c..facf803 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
     "prop-types": "^15.8.1",
     "react": "^18.1.0",
     "react-color": "^2.19.3",
+    "react-datepicker": "^4.8.0",
     "react-dom": "^18.1.0",
     "react-router-dom": "^6.3.0",
     "react-scripts": "^5.0.1",
@@ -23,7 +24,7 @@
     "@babel/eslint-parser": "^7.18.2",
     "concurrently": "^7.2.1",
     "cross-env": "^7.0.3",
-    "electron": "^",
+    "electron": "^19.0.3",
     "electron-builder": "^23.0.3",
     "electron-devtools-installer": "^3.2.0",
     "eslint": "^8.17.0",
diff --git a/src/jsx/Configuration.js b/src/jsx/Configuration.js
index 4fc2188..e46e65c 100644
--- a/src/jsx/Configuration.js
+++ b/src/jsx/Configuration.js
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import ReactTooltip from 'react-tooltip';
 import '../css/Configuration.css';
 import '../../node_modules/@fortawesome/fontawesome-free/css/all.css';
-// import 'react-datepicker/dist/react-datepicker.css';
+import 'react-datepicker/dist/react-datepicker.css';
 import EEGRun from './types/EEGRun';
 import Papa from 'papaparse';
 
@@ -24,7 +24,7 @@ import {
 
 // todo remove Switch and DatePicker
 // import Switch from 'react-switch';
-// import DatePicker from 'react-datepicker';
+import DatePicker from 'react-datepicker';
 
 // Socket.io
 import {SocketContext} from './socket.io';
@@ -1706,13 +1706,13 @@ const Configuration = (props) => {
                 <label className="label" htmlFor={props.id}>
                   <b>Date of Birth <span className="red">*</span></b>
                 </label>
-                {/*<DatePicker id='participantDOB'*/}
-                {/*  name='participantDOB'*/}
-                {/*  required={true}*/}
-                {/*  selected={state.participantDOB.get}*/}
-                {/*  dateFormat="yyyy-MM-dd"*/}
-                {/*  onChange={(date) => onUserInput('participantDOB', date)}*/}
-                {/*/>*/}
+                <DatePicker id='participantDOB'
+                  name='participantDOB'
+                  required={true}
+                  selected={state.participantDOB.get}
+                  dateFormat="yyyy-MM-dd"
+                  onChange={(date) => onUserInput('participantDOB', date)}
+                />
               </div>
               <div className='small-pad'>
                 <SelectInput id='participantSex'