Implemented sorting by start date for both exception groups and indiv…

…idual dates (#528)

src/views/panes/InfoPane.tsx

@@ -82,14 +82,21 @@ export const InfoPane: FunctionComponent<InfoPaneProps> = (
       } else {
         exception.openings.sort((a, b) => {
           return Math.sign(
-            new Date(`${a.startDate} ${a.endDate}`).getTime() -
-              new Date(`${b.startDate} ${b.endDate}`).getTime(),
+            new Date(`${a.startDate}`).getTime() -
+              new Date(`${b.startDate}`).getTime(),
           );
         });
         ex.openings.push(exception);
       }
     });
 
+    ex.openings.sort((a, b) => {
+      return Math.sign(
+        new Date(`${a.startDate}`).getTime() -
+          new Date(`${b.startDate}`).getTime(),
+      );
+    });
+
     return {
       openings: generateExceptionalOpeningRows(intl, ex.openings),
       closures: ex.closures.map((exception) => ({
@@ -108,7 +115,7 @@ export const InfoPane: FunctionComponent<InfoPaneProps> = (
     <>
       <Pane
         paneTitle={calendar.name}
-        defaultWidth="fill"
+        defaultWidth="30%"
         centerContent
         onClose={props.onClose}
         dismissible