Month name is not appearing

[nihatt]

As seen in the picture i cannot see the month's name , here is my code , appriciate all kinds of help. (I couldn't do the locale.js file i would like to get help )

        <CalendarStrip
          scrollable={true}
          iconContainer={{
            flex: 0.1,
            paddingVertical: 0,
          }}
          startDate={selectedDate}
          selectedDate={selectedDate}
          minDate={slotItem?.days[0]?.date ?? moment()}
          maxDate={slotItem?.days[slotItem?.days?.length - 1]?.date ?? moment()}
          datesWhitelist={[
            {
              start: slotItem?.days[0]?.date ?? moment(),
              end: slotItem?.days[slotItem?.days?.length - 1]?.date ?? moment(),
            },
          ]}
          onDateSelected={item => onSelectedDate(item)}
          innerStyle={styles.calendarStripInnerStyle}
          calendarHeaderStyle={styles.heading}
          calendarColor={'transparent'}
          dateNameStyle={[globalStyle.cg, globalStyle.fs12]}
          dateNumberStyle={[globalStyle.colorBlue, globalStyle.fs12]}
          highlightDateNumberStyle={globalStyle.cw}
          highlightDateNameStyle={globalStyle.cw}
          highlightDateContainerStyle={styles.highlightDateContainerStyle}
          disabledDateNameStyle={globalStyle.cg}
          disabledDateNumberStyle={globalStyle.cg}
          dayContainerStyle={[globalStyle.backgroundColorWhite]}
          daySelectionAnimation={{
            type: 'background',
            duration: 300,
            highlightColor: '#BCC2C5',
          }}
        />