diff --git a/app/page.tsx b/app/page.tsx index 0184c722..cdcaef8b 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -66,8 +66,8 @@ export default function Playground() { setValue(value); console.log(e); console.log("value", { - startDate: value?.startDate?.toLocaleDateString(), - endDate: value?.endDate?.toLocaleDateString() + startDate: value?.startDate?.toLocaleDateString() || null, + endDate: value?.endDate?.toLocaleDateString() || null }); }} useRange={useRange} diff --git a/package.json b/package.json index 0e1ee5bb..5925b273 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/Months.tsx b/src/components/Calendar/Months.tsx index 30aa138a..0ec2aba5 100644 --- a/src/components/Calendar/Months.tsx +++ b/src/components/Calendar/Months.tsx @@ -30,7 +30,7 @@ const Months = (props: Props) => { }} active={currentMonth === item} > - {dateFormat(new Date(`2022-${item}-01`), "MMM", i18n)} + {dateFormat(new Date(2022, item - 1, 1), "MMM", i18n)} ))} diff --git a/src/components/Calendar/Week.tsx b/src/components/Calendar/Week.tsx index 862c0691..bcb452ff 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 ) || ""