feat: Customize by day of the week

src/calendar/day/basic/index.tsx

@@ -58,7 +58,15 @@ const BasicDay = (props: BasicDayProps) => {
   const isMultiPeriod = markingType === Marking.markings.MULTI_PERIOD;
   const isCustom = markingType === Marking.markings.CUSTOM;
   const dateData = date ? xdateToData(date) : undefined;
-
+  const weekDayStyles = {
+    0: 'sunday',
+    1: 'monday',
+    2: 'tuesday',
+    3: 'wednesday',
+    4: 'thursday',
+    5: 'friday',
+    6: 'saturday',
+  };
   const shouldDisableTouchEvent = () => {
     const {disableTouchEvent} = _marking;
     let disableTouch = false;
@@ -84,6 +92,8 @@ const BasicDay = (props: BasicDayProps) => {
       }
     } else if (isToday) {
       styles.push(style.current.today);
+    } else if (typeof dateData?.weekDay === 'number' && weekDayStyles[dateData?.weekDay]) {
+      styles.push(style.current[weekDayStyles[dateData?.weekDay]]);
     }
 
     //Custom marking type
@@ -112,6 +122,11 @@ const BasicDay = (props: BasicDayProps) => {
       styles.push(style.current.todayText);
     } else if (isInactive) {
       styles.push(style.current.inactiveText);
+    } else if (typeof dateData?.weekDay === 'number' && weekDayStyles[dateData?.weekDay]) {
+      const weekDayNumberTextStyle = `${weekDayStyles[dateData?.weekDay]}Text`;
+      if (style.current[weekDayNumberTextStyle]) {
+        styles.push(style.current[weekDayNumberTextStyle]);
+      }
     }
 
     //Custom marking type

src/calendar/day/basic/style.ts

@@ -41,6 +41,20 @@ export default function styleConstructor(theme: Theme = {}) {
     selectedText: {
       color: appStyle.selectedDayTextColor
     },
+    sunday: {},
+    sundayText: {},
+    monday: {},
+    mondayText: {},
+    tuesday: {},
+    tuesdayText: {},
+    wednesday: {},
+    wednesdayText: {},
+    thursday: {},
+    thursdayText: {},
+    friday: {},
+    fridayText: {},
+    saturday: {},
+    saturdayText: {},
     disabledText: {
       color: appStyle.textDisabledColor
     },

src/interface.ts

@@ -15,7 +15,8 @@ export function xdateToData(date: XDate | string) {
     month: d.getMonth() + 1,
     day: d.getDate(),
     timestamp: new XDate(dateString, true).getTime(),
-    dateString: dateString
+    dateString: dateString,
+    weekDay: d.getDay(),
   };
 }
 
@@ -51,4 +52,4 @@ export function toMarkingFormat(d: XDate) {
     return year + '-' + doubleDigitMonth + '-' + doubleDigitDay;
   }
   return 'Invalid Date';
-}
+}