The default text in date input is not showing on mobile

[ErHamza]

I'm using Bootstrap5 and this is my code :

<form action="" method="GET" class="row g-1 mb-3 ">
<div class="col-lg-2 col-md-4 col-6 mb-2">
    <input type="date" class="form-control" name="startDate" style="font-size:.9rem">
</div>
<div class="col-lg-2 col-md-4 col-6 mb-2">
    <input type="date" class="form-control" name="endDate" style="font-size:.9rem">
    </div> 
</div>

the view on Desktop :

the view on Mobile

this is how I import bootstrap :

 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
//code
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" ></script>

Remarque : When I test the mobile view with dev tools in the browser it works fine. the problem shows off only when Im on mobile.

[OlivierVanEester]

Beste   Bedankt voor uw bericht. Ik wil u erop wijzen dat ik momenteel niet op kantoor ben. Ik ben terug aan het werk vanaf 14 augustus 2023.   Tijdens mijn afwezigheid zal ik geen e-mails kunnen beantwoorden. Wanneer ik terugkeer, zal ik uw bericht zo snel mogelijk beantwoorden. Wees echter geduldig, aangezien het een paar dagen kan duren voordat ik alle berichten heb doorgenomen en beantwoord.   Bedankt voor uw geduld en begrip. Ik kijk ernaar uit om bij mijn terugkeer met u in contact te komen.   Nog een fijne dag!   Vriendelijke groeten   Olivier Van Eester @ @.*** T +32 499 74 84 61   Olivier Van Eester maakt deel uit van:   Wabando BV Hoebenschot 29, BE-2460 Lichtaart   Ondernemingsnummer: BE-0729.977.854 IBAN: BE23 0018 6608 5491 BIC: GEBABEBB