resolved the month issue

Author: srini-leanfolks

src/components/Calendar/Months.tsx

@@ -2,7 +2,7 @@ import dayjs from "dayjs";
 import React, { useContext } from "react";
 
 import DatepickerContext from "../../contexts/DatepickerContext";
-import { loadLanguageModule, shortString, ucFirst } from "../../helpers";
+import { loadLanguageModule } from "../../helpers";
 import { RoundedButton } from "../utils";
 
 interface Props {
@@ -23,13 +23,9 @@ const Months: React.FC<Props> = ({ clickMonth }) => {
                     }}
                 >
                     <>
-                        {ucFirst(
-                            shortString(
-                                dayjs(`2022-${1 + item}-01`)
-                                    .locale(i18n)
-                                    .format("MMM")
-                            )
-                        )}
+                        {dayjs(`2022-${1 + item}-01`)
+                            .locale(i18n)
+                            .format("MMM")}
                     </>
                 </RoundedButton>
             ))}

src/components/Calendar/Week.tsx

@@ -3,7 +3,7 @@ import weekday from "dayjs/plugin/weekday";
 import React, { useContext } from "react";
 
 import DatepickerContext from "../../contexts/DatepickerContext";
-import { loadLanguageModule, shortString, ucFirst } from "../../helpers";
+import { loadLanguageModule } from "../../helpers";
 
 dayjs.extend(weekday);
 
@@ -43,13 +43,9 @@ const Week: React.FC = () => {
         <div className="grid grid-cols-7 border-b border-gray-300 dark:border-gray-700 py-2">
             {[0, 1, 2, 3, 4, 5, 6].map((item, index) => (
                 <div key={index} className="tracking-wide text-gray-500 text-center">
-                    {ucFirst(
-                        shortString(
-                            dayjs(`2022-11-${6 + (item + startDateModifier)}`)
-                                .locale(i18n)
-                                .format("ddd")
-                        )
-                    )}
+                    {dayjs(`2022-11-${6 + (item + startDateModifier)}`)
+                        .locale(i18n)
+                        .format("ddd")}
                 </div>
             ))}
         </div>

src/components/Calendar/index.tsx

@@ -11,8 +11,7 @@ import {
     getNumberOfDay,
     loadLanguageModule,
     nextMonth,
-    previousMonth,
-    shortString
+    previousMonth
 } from "../../helpers";
 import {
     ChevronLeftIcon,
@@ -263,7 +262,7 @@ const Calendar: React.FC<Props> = ({
                                 hideYears();
                             }}
                         >
-                            <>{shortString(calendarData.date.locale(i18n).format("MMM"))}</>
+                            <>{calendarData.date.locale(i18n).format("MMM")}</>
                         </RoundedButton>
                     </div>
 

src/helpers/index.ts

@@ -57,14 +57,6 @@ export function generateArrayNumber(start = 0, end = 0) {
     return array;
 }
 
-export function shortString(value: string, limit = 3) {
-    return value.slice(0, limit);
-}
-
-export function ucFirst(value: string) {
-    return `${value[0].toUpperCase()}${value.slice(1, value.length)}`;
-}
-
 export function formatDate(date: dayjs.Dayjs, format = "YYYY-MM-DD") {
     return date.format(format);
 }