react-native-ui-datepicker icon indicating copy to clipboard operation
react-native-ui-datepicker copied to clipboard

selected rangle issue

Open VovaManzhula opened this issue 1 year ago • 2 comments

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 }}
/>

VovaManzhula avatar Mar 03 '24 13:03 VovaManzhula

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.

jtsimoes avatar Mar 03 '24 22:03 jtsimoes

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

farhoudshapouran avatar Mar 07 '24 06:03 farhoudshapouran

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'} />

parallaxpro avatar Jun 11 '24 18:06 parallaxpro

+1

image

shuo-hiwintech avatar Jul 23 '24 08:07 shuo-hiwintech