Odd behavior with two RadDatePickers in Radwizard...

[Rob]

Hi all, I've got two RadDatePickers on a RadWizard control. Oddly, when I click the button on the first RadDatePicker to drop the calendar down, it starts to open then closes and then the calendar drops down on the second RadDatePicker. If I click the button of the second RadDatePicker nothing happens at all. I figure it has to be something simple, but I'll be damned if I can see it. We are using 2016 Q3 currently. The two RadDatePickers are identical except, obviously, for the ID's.

Here is a simplified version of my code:

<telerik:RadWizard RenderMode="Lightweight" ID="RadWizardIncidentGroupA" runat="server" CssClass="formfont" Width="100%" OnClientLoad="OnClientLoad" Skin="Bootstrap" OnClientButtonClicking="OnClientButtonClicking" OnFinishButtonClick="RadWizardIncidentGroupA_FinishButtonClick" OnCancelButtonClick="RadWizardIncidentGroupA_CancelButtonClick"  BorderColor="#cccccc">
     <WizardSteps>
          <telerik:RadWizardStep ID="RadWizardStep1" Title="Administrative" StepType="Start" DisplayCancelButton="true" runat="server">
               <div class="inputWrapper">
                    <asp:Label ID="lblIncidentDate" Text="" runat="server" AssociatedControlID="IncidentDate" />
                    <telerik:RadDatePicker ID="IncidentDate" RenderMode="Lightweight" Skin="Bootstrap" TabIndex="0" ClientIDMode="Static" MinDate="1900/1/1" MaxDate="2099/1/1" Width="320px" runat="server">
                         <DateInput ID="IncidentDateInput" DateFormat="yyyy-MM-dd" DisplayDateFormat="yyyy-MM-dd" EmptyMessage="yyyy-mm-dd" MaxLength="10" runat="server"></DateInput>
                    </telerik:RadDatePicker>
           </div>
               <div class="inputWrapper">
                    <asp:Label ID="lblExceptionalClearanceDate" runat="server" AssociatedControlID="ExceptionalClearanceDate" />
                    <telerik:RadDatePicker ID="ExceptionalClearanceDate" RenderMode="Lightweight" Skin="Bootstrap" TabIndex="0" ClientIDMode="Static" MinDate="1900/1/1" MaxDate="2099/1/1" Width="320px" runat="server">
                         <DateInput ID="ExceptionalClearanceDateInput" DateFormat="yyyy-MM-dd" DisplayDateFormat="yyyy-MM-dd" EmptyMessage="yyyy-mm-dd" MaxLength="10" runat="server"></DateInput>
                    </telerik:RadDatePicker>
               </div>
          </telerik:RadWizardStep>
     </WizardSteps>
</telerik:RadWizard>

 

[Rob]

More info I should have included. I'm using:

1/ Chrome v56.0.2924.87 and IE 11 (11.576.14393.0)

2/ Windows 10

3/ ASP.Net 4.0

4/ C#

[Rob]

I found the problem. This work was a revamp of existing work from a different developer, and I kept the ClientIDMode="Static" as it was in the old code. As soon as I removed that, everything worked properly.