logisticinfotech / react-native-datetimepicker

React Native horizontal date picker

React Native horizontal date picker

Installation and Usage

Please check this blog for installation and usage this link

Basic Properties

Prop	Default	Type	Description
pickerType	datetime	enum of ["date","time","datetime"]	Type of the picker user want to display.
minDate	current date	Date	Minimum date from picker value start.
maxDate	3 months from current date	Date	Maximum date upto picker value display.
defaultSelected	null	Date	By default selected date and time.
isShowYear	true	bool	Dispay year above picker.
yearContainerStyle	null	style	Style of the year container.
datePickerContainerStyle	null	style	Style of the date picker.
timePickerContainer	null	style	Style of the time picker.
yearTextStyle	null	style	Style of the year display.
selectedTextStyle	null	style	Style of the selected date or time.
unSelectedTextStyle	null	style	Style of the non selected date or time.
datePickerBG	null	object or reference	Background image of date picker.
timePikerBG	null	object or reference	Background image of time picker.
dayFormat	Do	string	Format of date to display.
monthFormat	MMM	string	Format of month to display.
yearFormat	yyyy	string	Format of year to display.
timeFormat	HH:mm	string	Format of time to display.
timeStep	60	number	Amount of the time divide in minutes for time picker.
returnDateFormat	DD-MM-YYYY	string	Return formate of the date selected.
returnTimeFormat	hh:mm a	string	Return formate of the time selected.
returnDateTimeFormat	DD-MM-YYYY hh:mm a	string	Return formate of the full datetime selected.
onDateSelected	() => {}	function	Return date when date is selected.
onTimeSelected	() => {}	function	Return time when date is selected.
onDateTimeSelected	() => {}	function	Return object of date, time and datetime when date or time is selected.