Changes for day names

src/expandableCalendar/WeekCalendar/index.tsx

@@ -220,6 +220,7 @@ const WeekCalendar = (props: WeekCalendarProps) => {
           month={currentMonth}
           accessibilityElementsHidden={true} // iOS
           importantForAccessibility={'no-hide-descendants'} // Android
+          hideDayNames={true}
         />
       );
     };

src/expandableCalendar/index.tsx

@@ -606,7 +606,7 @@ const ExpandableCalendar = forwardRef<ExpandableCalendarRef, ExpandableCalendarP
 
   const renderKnob = () => {
     return (
-      <View style={style.current.knobContainer} pointerEvents={'box-none'}>
+      <View style={[style.current.knobContainer, !disablePan && style.current.knobPosition]} pointerEvents={'box-none'}>
         <TouchableOpacity
           style={style.current.knob}
           testID={`${testID}.knob`}
@@ -623,7 +623,7 @@ const ExpandableCalendar = forwardRef<ExpandableCalendarRef, ExpandableCalendarP
     const WeekComponent = disableWeekScroll ? Week : WeekCalendar;
     return (
       <WeekComponent
-        showHeader
+        showHeader={disablePan}
         testID={`${testID}.weekCalendar`}
         firstDay={firstDay}
         {...others}

src/expandableCalendar/style.ts

@@ -30,12 +30,14 @@ export default function styleConstructor(theme: Theme = {}) {
     container: {
       backgroundColor: appStyle.calendarBackground
     },
-    knobContainer: {
+    knobPosition: {
       position: 'absolute',
       left: 0,
       right: 0,
-      height: KNOB_CONTAINER_HEIGHT,
       bottom: 0,
+    },
+    knobContainer: {
+      height: KNOB_CONTAINER_HEIGHT,
       alignItems: 'center',
       justifyContent: 'center',
       backgroundColor: appStyle.calendarBackground