DatePeriodInput -Date range input

Effect demonstration

1. Default effect

<DatePeriodInput label="Order time" mode='date' />

API

Properties	Required	Description	Type	Default Value
indicatorBackgroundColor	false	Indicator background color	string
itemTextStyle	false	Data row text style	TextStyle
itemHeight	false	Data row height	number
itemStyle	false	Data row style	ViewStyle
containerStyle	false	Selector container style	ViewStyle
mode	false	display mode	DateMode
labelUnit	false	unit text	LabelUnit
format	false	Date formatting	string	YYYY-MM-DD
title	false	Selector title	string
onClose	false	Pop-up window closing event	() => void
cancelText	false	Cancel button text	string	Cancel
okText	false	Confirm button text	string	OK
activeOpacity	false	Opacity when pressed	number	0.6
label	false	label text	ReactNode
placeholders	false	Default prompt	string[]	['Please select', 'Please select']
value	false	Current date	[Date, Date][undefined,undefined]
onChange	false	Modify date event	(value) => void
allowClear	false	Whether to allow clearing	boolean	true
disabled	false	Whether to disable	boolean	false