added DateRangePicker to MeterEnergy report in Web UI

web/package.json

@@ -74,7 +74,8 @@
     "react-typed": "^1.2.0",
     "reactstrap": "^8.6.0",
     "slick-carousel": "^1.8.1",
-    "uuid": "^3.4.0"
+    "uuid": "^3.4.0",
+    "rsuite": "^5.6.1"
   },
   "scripts": {
     "start": "react-scripts --openssl-legacy-provider start",

web/src/components/MyEMS/Meter/MeterEnergy.js

@@ -568,7 +568,7 @@ const MeterEnergy = ({ setRedirect, setRedirectUrl, t }) => {
                   <Label className={labelClasses}>{t('Reporting Period')}</Label>
                   <br/>
                   <DateRangePicker
-                    format="MM/dd/yyyy hh:mm:ss aa"
+                    format="MM/dd/yyyy hh:mm aa"
                     value={values}
                     size="sm"
                     onChange={onChange}