cancel, blur event for nativescript-datetimepicker

[ahamedmulaffer]

i want the cancel,ok,blur,dialog close events for nativescript-datetimepicker

[tgpetrov]

Hello @ahamedmulaffer
The events that are available are datePickerOpened and datePickerClosed for date selection and timePickerOpened and timePickerClosed for time selection. Here's how you can use them to differentiate between when the user changed the date and confirmed by pressing OK and the user cancelled selection (by pressing cancel, pressing anywhere outside the picker, or pressed hardware back button):

<datetime:DatePickerField datePickerOpened="{{ onDatePickerOpened }}" datePickerClosed="{{ onDatePickerClosed }}" hint="select date"/>
<datetime:TimePickerField timePickerOpened="{{ onTimePickerOpened }}" timePickerClosed="{{ onTimePickerClosed }}"  hint="select time"/>

private _initiallySelectedDate: Date;
private _initiallySelectedTime: Date;

onDatePickerOpened(args: EventData) {
    const datePicker = args.object as DatePickerField;
    this._initiallySelectedDate = datePicker.date;
}

onDatePickerClosed(args: EventData) {
    const datePicker = args.object as DatePickerField;
    const currentlySelectedDate = datePicker.date;
    if (this._initiallySelectedDate !== currentlySelectedDate) {
        console.log('Date changed -> user pressed ok');
    } else {
        console.log('Date not changed -> user cancelled');
    }
}

onTimePickerOpened(args: EventData) {
    const timePicker = args.object as TimePickerField;
    this._initiallySelectedTime = timePicker.time;
}

onTimePickerClosed(args: EventData) {
    const timePicker = args.object as TimePickerField;
    const currentlySelectedTime = timePicker.time;
    if (this._initiallySelectedTime !== currentlySelectedTime) {
        console.log('Time changed -> user pressed ok');
    } else {
        console.log('Time not changed -> user cancelled');
    }
}

[yassilah]

I'm having the same issue as i'd also like to get the "cancel" event (which i'm using as an "empty the date field" button) and looked at the given answer. However, this does not reflect the actual cancel behavior as I a user could open the picker, not change the value and press ok.

[davecoffin]

@tgpetrov what about onDatePickerOpened for DateTimePickerFields?