Haven't seen that before. Are you seeing that on a physical device or the emulator? Which device and/or emulator?

ios emulator and physical device

I apologize for not having time to debug this. Please submit a PR if you find the bug.

dayLabelsWrapper = {{borderWidth:0,borderColor:'white'}}

just add whatever ur background color is to the bordercolor

@PrabhakarKotipalli that is a different issue. Refer to the picture in the attached post.

I am also experiencing this issue. iPhone 11 emulator.

I see something similar on the Expo Go app running on iOS. Same code works fine with react-native-web which is very cool.

Here is some test code...

`

return (

  <CalendarPicker
    allowRangeSelection={true}

    minDate={minDate}
    maxDate={maxDate}

    todayBackgroundColor="#f2e6ff"
    selectedDayColor="#7300e6"
    selectedDayTextColor="#FFFFFF"

    onDateChange={_onDateChange}

    disabledDates={disabledDates}
    selectedDisabledDatesTextStyle={{
      color: "#FF0000"
    }}
    disabledDatesTextStyle={{
      color: "#FF00FF"
    }}
  />

</View>

);

`

Same issue facing in all IOS device alone but in android it works well.

any idea about this?

This has been open for almost a year now. Is there still no resolution to this?

I'm experiencing the same issue:

I'm using react-native-calendar-picker:^7.12. This happens when selecting a range of dates with the following code:

<CalendarPicker allowRangeSelection />

This is all the code you need to be able to repro this issue, then you just need to select a range between two dates.

Upd. I've found that this happens because there's a decimal number specified as the width (for me it was 55.2 on iPhone 11 Sim)

Unfortunately I didn't have time to debug this. It seems to be device/OS specific so I had a difficult time recreating it. Happy to see that @rayjackson13 found the cause. Would you submit a PR to restrict widths to integer values?

@peacechen it looks like a PR has been open for this since October 2021. Any idea when this fix will go in?