From cb2273981544ad1eca4ca36d7371b0dad8e47193 Mon Sep 17 00:00:00 2001
From: sreeraj <sreeraj.mp@iinerds.com>
Date: Sun, 1 Aug 2021 12:51:52 +0530
Subject: [PATCH] justifyContent prop for Grid instead of justify

---
 package/src/components/Header.tsx | 2 +-
 package/src/components/Menu.tsx   | 2 +-
 package/src/components/Month.tsx  | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package/src/components/Header.tsx b/package/src/components/Header.tsx
index 8d793f3..a37e0bc 100644
--- a/package/src/components/Header.tsx
+++ b/package/src/components/Header.tsx
@@ -79,7 +79,7 @@ const Header: React.FunctionComponent<HeaderProps> = ({
   };
 
   return (
-    <Grid container justify="space-between" alignItems="center">
+    <Grid container justifyContent="space-between" alignItems="center">
       <Grid item className={classes.iconContainer}>
         <IconButton
           className={classes.icon}
diff --git a/package/src/components/Menu.tsx b/package/src/components/Menu.tsx
index 37221fe..00c90b9 100644
--- a/package/src/components/Menu.tsx
+++ b/package/src/components/Menu.tsx
@@ -100,7 +100,7 @@ const Menu: React.FunctionComponent<MenuProps> = (props: MenuProps) => {
             </Grid>
           </Grid>
           <Divider />
-          <Grid container direction="row" justify="center" wrap="nowrap">
+          <Grid container direction="row" justifyContent="center" wrap="nowrap">
             <Month
               {...commonProps}
               value={firstMonth}
diff --git a/package/src/components/Month.tsx b/package/src/components/Month.tsx
index 94f278a..5823110 100644
--- a/package/src/components/Month.tsx
+++ b/package/src/components/Month.tsx
@@ -97,7 +97,7 @@ const Month: React.FunctionComponent<MonthProps> = (props: MonthProps) => {
           item
           container
           direction="row"
-          justify="space-between"
+          justifyContent="space-between"
           className={classes.weekDaysContainer}
         >
           {WEEK_DAYS.map((day) => (
@@ -111,12 +111,12 @@ const Month: React.FunctionComponent<MonthProps> = (props: MonthProps) => {
           item
           container
           direction="column"
-          justify="space-between"
+          justifyContent="space-between"
           className={classes.daysContainer}
         >
           {chunks(getDaysInMonth(date), 7).map((week, idx) => (
             // eslint-disable-next-line react/no-array-index-key
-            <Grid key={idx} container direction="row" justify="center">
+            <Grid key={idx} container direction="row" justifyContent="center">
               {week.map((day) => {
                 const isStart = isStartOfRange(dateRange, day);
                 const isEnd = isEndOfRange(dateRange, day);