restored methods for weekdays

Author: srini-leanfolks

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 } from "../../helpers";
+import { loadLanguageModule, shortString, ucFirst } from "../../helpers";
 
 dayjs.extend(weekday);
 
@@ -43,9 +43,13 @@ 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">
-                    {dayjs(`2022-11-${6 + (item + startDateModifier)}`)
-                        .locale(i18n)
-                        .format("ddd")}
+                    {ucFirst(
+                        shortString(
+                            dayjs(`2022-11-${6 + (item + startDateModifier)}`)
+                                .locale(i18n)
+                                .format("ddd")
+                        )
+                    )}
                 </div>
             ))}
         </div>

src/helpers/index.ts

@@ -57,6 +57,14 @@ 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);
 }