Невозможно использовать выпадающие месяц и год в jQuery DatePicker при его открытии в jquery mobile popup с помощью браузера Firefox

Question

При использовании браузера Firefox я не могу открыть выпадающий список jQuery DatePicker по месяцам и годам, когда помещаю его поле ввода в верхней части popup jQuery Mobile.

Работает нормально, если я использую браузеры Chrome или Edge.

Это также работает, если я изменяю его на dialog из jQuery UI, и я понял, что это также проблема в диалоговом окне jQuery UI.

Вот демонстрационная версия (пожалуйста, не забудьте использовать браузер Firefox): http://jsfiddle.net/knwayjtc/

$( document ).ready(function() {

  $("#OpenPopup").on("click", function () {
  
  $(".popupAddPlanning").popup("open");
  }); 

  $("#datepicker").datepicker({
      changeMonth: true,
      changeYear: true
  });
});
    
    

<link href="http://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css" rel="stylesheet">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />

<script src="http://code.jquery.com/jquery-1.12.4.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script src="http://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<button id="OpenPopup">Open</button>

<h1>Please use your Firefox browser</h1>
<div data-role="popup" class="popupAddPlanning" data-history="false" data-position-to="window" data-overlay-theme="a" data-dismissible="false"> 
	<form>
	<fieldset> 
        <p>Date1: <input type="text" id="datepicker"/></p>  
	</fieldset>
	</form>
</div>

Я проверил эти ссылки:

• В последних выпусках Firefox не работает выпадающий месяц / год Jquery Ui Datepicker
• DatePicker для месяца и года не работает
• и некоторые другие ссылки

Но никто не упоминает о всплывающем окне jQuery-Mobile. У них есть решение только для диалогового окна jQuery-UI, которое, к сожалению, не работает для моего случая.

Есть какое-нибудь решение для этого?