Как сделать мои элементы управления датой и временем совместимыми с internet explorer, Google chrome и firefox?

---

Я разработал приложение, использующее c# и Asp.net версия 4.6.1, когда я запускаю ее в visual studio, все работает гладко.
Однако при запуске приложения в Internet Explorer мои элементы управления датой и временем отображают пустые поля; однако при запуске его в Chrome и Firefox элементы управления датой и временем отображают время и календарь, но не отправляют их.


С какой проблемой я столкнулся?

Мне нужна помощь ваших ребят как можно скорее

Что я уже пробовал:

<div class="form-group">
                    <label for="arrivalTime" class="control-label col-md-12">Arrival Time</label>
                    <div class="col-md-12">
                        <input type="time" runat="server" id="arrivalTime" class="form-control input-sm" required />
                    </div>
                </div>
                <div class="form-group">
                    <label for="deliveryDate" class="control-label col-md-12">Delivery Date</label>
                    <div class="col-md-9">
                        <input type="date" runat="server" id="deliveryDate" onserverclick="Load_AvailableTimes" class="form-control input-sm" required />
                        <input type="button" value="Set" runat="server" id="setDate" onserverclick="Load_AvailableTimes" />
                    </div>
                </div>
                <div class="form-group">

                    <label for="carrierType" class="control-label col-md-12">CarrierType:</label>
                    <div class="col-md-12 form-inline">
                        <asp:DropDownList ID="CarrierType" runat="server" AutoPostBack="True"
                            OnSelectedIndexChanged="Carrier_Type_Click" class="form-control input-sm col-md-12">
                            <asp:ListItem Enabled="true" Text="Select Carrier Type" Value="Select Carrier Type"></asp:ListItem>
                            <asp:ListItem Text="Truck" Value="truck"></asp:ListItem>
                            <asp:ListItem Text="Container" Value="container"></asp:ListItem>
                            <asp:ListItem Text="Bakkie" Value="bakkie"></asp:ListItem>
                            <asp:ListItem Text="Other" Value="other"></asp:ListItem>
                        </asp:DropDownList>
                        <asp:DropDownList ID="LoadType" runat="server" AutoPostBack="True"
                            OnSelectedIndexChanged="ClearCarrierSize" class="form-control input-sm col-md-6">
                            <asp:ListItem Enabled="true" Text="Select Load Type" Value="-1"></asp:ListItem>
                            <asp:ListItem Text="Palletized" Value="palletized"></asp:ListItem>
                            <asp:ListItem Text="Packed Loose" Value="packedloose"></asp:ListItem>
                        </asp:DropDownList>
                        <asp:DropDownList ID="LogCarrierSize" runat="server" AutoPostBack="True"
                            OnSelectedIndexChanged="Carrier_Size_Click" class="form-control input-sm col-md-6">
                            <asp:ListItem Enabled="true" Text="Select Load Size" Value=""></asp:ListItem>

                        </asp:DropDownList>
                    </div>
                </div>
            </div>

            <div class="col-md-4">
                <div class="form-group">
                    <label for="courierCompanyName" class="control-label col-md-12">Courier Company Name</label>
                    <div class="col-md-12">
                        <input type="text" runat="server" id="courierCompanyName" value="" class="form-control input-sm" placeholder="Courier Company Name" required />

                    </div>
                </div>
                <div class="form-group">
                    <label for="driverContactNumber" class="control-label col-md-12">Driver Contact Number</label>
                    <div class="col-md-12">
                        <input type="text" runat="server" id="driverContantNumber" value="" class="form-control input-sm" placeholder="Driver Contact Number" required />
                    </div>
                </div>
                <div class="form-group">
                    <label for="deliveryTime" class="control-label col-md-12">Delivery Time(Input your selected Available Booking Time here)</label>
                    <div class="col-md-12">
                        <input type="time" runat="server" id="deliveryTime" class="form-control input-sm" required="required" />
                    </div>

---