Thanks for your assistance.

I made the following adjustments to the 2 event handlers and everything works as desired. There is no visible "swapping". I set dataChangedText to ui.text rather than ui.oldText. I also updated the value in the dropDownListOpening event rather than the dropDownListOpened event.

            $("#datePicker").on("igdatepickertextchanged", function(evt, ui) {
                dateChangedText = ui.text;
            });

            $("#datePicker").on("igdatepickerdropdownlistopening", function() {
                if(dateChangedText)
                   $("#datePicker").igDatePicker("selectDate", dateChangedText);
                dateChangedText = null;
            });

Hello,

Thanks for the detailed info on how to replicate this behavior as I was able to reproduce in the sample I provided.

What causes this behavior is that the text value is not being committed to the igDatePicker unless the user places focus on another element in the page (click outside the igDatePicker, press the enter key). In my attached sample, I work around this by swapping the newly rendered values during the dropDownListOpened event with the old values. Note that since this is quite literally a swap, it is visible to the user that the value is changing thus making this solution not entirely ideal.

I was able to duplicate the problem using the file you provided. I've attached a screenshot to show what I did.

1. I clicked the "change hour to 3:00 AM" button

2. I clicked on the date and change the 3 to a 4.

3. Do not do anything to change the focus from the igDatePicker. Immediately click the down arrow to display the calendar. The time changes back to 3 AM.

The problem doesn't occur if you click off of the igDatePicker field first, then click the down arrow for the calendar. Losing focus must cause the value to be saved somewhere, but if you don't change focus before clicking the down arrow the value reverts back.