diff --git a/package.json b/package.json
index 0e1ee5b..5925b27 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "react-tailwindcss-datepicker",
-    "version": "1.7.2",
+    "version": "1.7.3",
     "description": "A modern React Datepicker using Tailwind CSS 3",
     "main": "dist/index.cjs.js",
     "module": "dist/index.esm.js",
diff --git a/src/components/Calendar/Week.tsx b/src/components/Calendar/Week.tsx
index 862c069..bcb452f 100644
--- a/src/components/Calendar/Week.tsx
+++ b/src/components/Calendar/Week.tsx
@@ -43,7 +43,7 @@ const Week = () => {
                     {ucFirst(
                         shortString(
                             dateFormat(
-                                new Date(`2022-11-${6 + item + startDateModifier}`),
+                                new Date(2022, 10, 6 + item + startDateModifier),
                                 "ddd",
                                 i18n
                             ) || ""
diff --git a/src/components/Calendar/index.tsx b/src/components/Calendar/index.tsx
index adf74df..e41a0fa 100644
--- a/src/components/Calendar/index.tsx
+++ b/src/components/Calendar/index.tsx
@@ -44,7 +44,7 @@ interface Props {
 
 const Calendar = (props: Props) => {
     // Props
-    const { date, minDate, maxDate, onClickPrevious, onClickNext, changeMonth, changeYear } = props;
+    const { date, minDate, maxDate, onClickPrevious, onClickNext, changeMonth, changeYear, allowCustomRange } = props;
 
     // Contexts
     const {
@@ -310,7 +310,7 @@ const Calendar = (props: Props) => {
                 )}
             </div>
 
-            <div className="px-0.5 sm:px-2 mt-0.5 min-h-[285px]">
+            <div className={`px-0.5 sm:px-2 mt-0.5 min-h-[285px] ${allowCustomRange ? '' : 'pointer-events-none'}`}>
                 {showMonths && (
                     <Months currentMonth={date.getMonth() + 1} clickMonth={clickMonth} />
                 )}
diff --git a/src/components/Datepicker.tsx b/src/components/Datepicker.tsx
index d494a22..bec77af 100644
--- a/src/components/Datepicker.tsx
+++ b/src/components/Datepicker.tsx
@@ -74,7 +74,9 @@ const Datepicker = (props: DatepickerType) => {
         toggleIcon = undefined,
 
         useRange = true,
-        value = null
+        value = null,
+
+        allowCustomRange = true,
     } = props;
 
     // Refs
@@ -414,6 +416,7 @@ const Datepicker = (props: DatepickerType) => {
                                     changeYear={changeFirstYear}
                                     minDate={minDate}
                                     maxDate={maxDate}
+                                    allowCustomRange={allowCustomRange}
                                 />
 
                                 {useRange && (
@@ -430,6 +433,7 @@ const Datepicker = (props: DatepickerType) => {
                                             changeYear={changeSecondYear}
                                             minDate={minDate}
                                             maxDate={maxDate}
+                                            allowCustomRange={allowCustomRange}
                                         />
                                     </>
                                 )}