farhoudshapouran / react-native-ui-datepicker

Customizable React Native 📅 DatePicker component for Android, iOS, and Web. It includes single, range and multiple modes and supports different locales.
https://farhoudshapouran.github.io/react-native-ui-datepicker/
MIT License
272 stars 28 forks source link

selected rangle issue #73

Closed VovaManzhula closed 1 month ago

VovaManzhula commented 4 months ago

with the selected dates, for some reason the background is gray, although it should be blue, if you change the color of the selected dates, this strip may disappear, also on the screen you can see some gap and a strip near 1 image

if here is an example of my code `

<DateTimePicker
        mode="range"
        startDate={startDateValue}
        endDate={endDateValue}
        onChange={({ startDate, endDate }) => {
              console.log("picker params", startDate, endDate)
              setStartDateValue(startDate)
              setEndDateValue(endDate)
        }}
        todayContainerStyle={{ borderWidth: 0 }}
/>
jtsimoes commented 4 months ago

I'm having this issue too, at least on Android. I notice that when displayFullDays is set to true, the gap disappears.

But still, there are some bugs visible, such as the range stripe losing the effect of attaching to the start/end day and some weird behavior when the end date is on the next month of the preview.

image

Btw I'm using Expo 50.0.7, React 18.2.0 and React Native 0.73.4 with NativeBase and the latest version of this package.

farhoudshapouran commented 3 months ago

I'll try to reproduce this bug and work on it thanks for reporting it

parallaxpro commented 3 weeks ago

IMG_7B238B3ED2C6-1 I am observing the current problem on iOS

<DateTimePicker mode={'range'} // date={date} startDate={startDate} endDate={endDate} onChange={({ startDate, endDate }) => { setStartDate(startDate) setEndDate(endDate) }} locale={'ru'} // displayFullDays={true} weekDaysTextStyle={{ fontWeight: 'bold', textTransform: 'uppercase' }} calendarTextStyle={{ fontWeight: '500', fontSize: 16 }} selectedTextStyle={{ fontWeight: '500', fontSize: 16 }} selectedItemColor={'#05080A'} />