Initial selected date/time bug

[Kyzfome]

Environment

Platforms

Android
IOS

Versions

"react-native-modal-datetime-picker": "^18.0.0",

• Android:
• iOS:
• react-native-modal-datetime-picker:
• react-native-community/datetimepicker:
• react-native:
• react:

Description

I am using the "date" attribute for my DateTimePickerModal. But unfortunately I am only getting the current date even if I have changed it.

Reproducible Demo

const [date, setDate] = useState(new Date());

<DateTimePickerModal
isVisible={isTimePickerVisible}
mode="time"
onConfirm={handleConfirmTime}
onCancel={hideTimePicker}
pickerStyleIOS={{ alignSelf: 'center' }}
cancelTextIOS={i18n.t('cancel')}
confirmTextIOS={i18n.t('save')}
locale={i18n.locale}
date={date}
/>

[DevNomadAbhi]

Same here.

[Gabriellimmaa]

What you are probably facing is because of this Issue react-native-datetimepicker/datetimepicker#935 in @react-native-datetimepicker/datetimepicker

as @czycha says:

"If a maximumDate is provided, but a minimumDate is not, the Android date picker does not allow the user to go earlier than the Unix epoch (1970-01-01 00:00).

The workaround I found was to manually set an unrealistic minimumDate. You can also remove the maximum date, but in our case that is not an option."

just set an unrealistic minimumDate. In the case of mode="time" you can use something like:

minimumdate={
    new Date(new Date().setHours(0, 0, 0, 0))
}
maximumdate={
    new Date(new Date().setHours(23, 59, 59, 999))
}