Adjust default window and fix date reset

Author: rachelekm

demo/app/src/components/Map/Map.js

@@ -45,6 +45,11 @@ const Map = (props) => {
   const { userParams, setUserParams } = useAppContext();
   const { url, attribution } = whichMap('Stadia.AlidadeSmooth');
   const markerRef = useRef(null);
+  const userParamsRef = useRef();
+
+  useEffect(()=>{
+    userParamsRef.current = userParams;
+  }, [userParams]);
 
   useEffect(() => {
     if(!userParams.geometry && markerRef.current){
@@ -65,7 +70,7 @@ const Map = (props) => {
    */
   function onCreated(e) {
     markerRef.current = e.layer;
-    setUserParams({...userParams, geometry: {
+    setUserParams({...userParamsRef.current, geometry: {
           "type": "Point",
           "coordinates": [e.layer._latlng.lng, e.layer._latlng.lat]
       }

demo/app/src/context/appContext.js

@@ -9,7 +9,7 @@ const today = new Date();
 const defaultUserParams = {
   dateRange: [
     today,
-    new Date(new Date(today).setDate(today.getDate() + 3)),
+    new Date(new Date(today).setDate(today.getDate() + 14)),
   ],
   provider: 'all',
   product: 'all'