DateRangePicker

Similar to DatePicker, allows user to select a time period of days.

const Playground = () => {
const [range, setRange] = React.useState();
return (
<View>
<DateRangePicker
label="Date Range Picker"
onChange={({ start, end }) => setRange({ start, end })}
title="Select a pay period"
value={range} // { start: "2019-11-19", end: "2019-11-25" }
/>
</View>
);
};
futureScrollRange
number
undefined
isDisabled
bool
label
string
minDate
string
undefined
maxDate
string
undefined
onChange
func
required
pastScrollRange
number
undefined
placeholder
string
"Choose a range of dates"
style
object
testID
string
title
string
value
custom