Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Can't see month/year and next button in the header #405

Open
Mobu34 opened this issue Mar 11, 2025 · 0 comments
Open

Can't see month/year and next button in the header #405

Mobu34 opened this issue Mar 11, 2025 · 0 comments

Comments

@Mobu34
Copy link

Mobu34 commented Mar 11, 2025

Hi team,

First of all, thank you for this lib, it is pretty easy to configure and it works well.

However, I faced an issue with my APK build that I could not see using Expo Go.
I can't see month/year and next button that are into the header :
Image

This is the expected behavior :
Image

I can see this issue when I'm building in dev client and I could fix that passing a style into headerWrapperStyle prop but I'm not it's a good practise.
Did you already get this? What should be the best practise to avoid this ?

I fear to face this again when building for production.

This is my component :

<Modal visible={isVisible}>
      <View
        className={`bg-[#161616] flex-1 pt-4`}
        style={{
          paddingTop:
            Platform.OS === "ios" ? Constants.statusBarHeight + 10 : 10,
        }}
      >
        <RNCalendarPicker
          startFromMonday
          allowRangeSelection={allowRangeSelection}
          onDateChange={onDateChange}
          selectedDayStyle={s.bgColor}
          selectedRangeStartStyle={s.bgColor}
          selectedRangeEndStyle={s.bgColor}
          selectedRangeStyle={s.bgColor}
          textStyle={s.textColor}
          nextTitle="Suivant"
          previousTitle="Précédent"
          selectYearTitle="Sélectionnez une année"
          selectMonthTitle="Sélectionnez un mois en "
          months={[
            "Janvier",
            "Février",
            "Mars",
            "Avril",
            "Mai",
            "Juin",
            "Juillet",
            "Août",
            "Septembre",
            "Octobre",
            "Novembre",
            "Décembre",
          ]}
          weekdays={["Lun", "Mar", "Mer", "Jeu", "Ven", "Sam", "Dim"]}
          minDate={minDate}
          maxDate={maxDate}
          disabledDatesTextStyle={{ color: colors.Neutral_Gray_Gray40 }}
          headerWrapperStyle={{
             width: "100%",
             borderWidth: 1,
             borderColor: "transparent",
          }}
        />

        <View className="px-horizontal mt-10 space-y-4">
          {!!error && (
            <CustomText
              className="text-center"
              color="text-semantic/warning-100"
            >
              {error}
            </CustomText>
          )}
          <Button text="Confirmer" onPress={handleConfirm} />
          <Button text="Annuler" onPress={onCancel} type={ButtonType.Blank} />
        </View>
      </View>
    </Modal>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant