Skip to content

logisticinfotech/react-native-datetimepicker

Repository files navigation

npm version

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.