datepicker

Works for me.

Does the demo also fails to work ?

• https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date

Try the Firefox version from the official Mozilla server if you currently use a version from the repositories of your Linux distribution.

• https://www.mozilla.org/en-US/firefox/all/#product-desktop-release

This page is for recording student attendance. The problem was in my style code. In the code blow, I fixed the first table and left the lower table with my original code. The lower table contains width: 20%; in the table style= tag. I removed that, and put both <input>'s in the same <td></td> cell to keep them on the same line.

I had no problem with this code and the width setting in Firefox 85. Is there a change in the "width" tag?

Image below

 
 <table class="no" style="position: relative; float: left; margin-left: 40%;">
<form action="DateIns.php" method="post">
  <tr>
   <td>
     <input style="color: blue;" type="date" name="Day" value="<?php echo date("Y-m-d") ?>" />  
 	  <input style="color: blue;" type="submit" value="Present"/>
   </td>
 	    <td style="visibility: hidden;"><input name="ID" value="<?php echo $ID ?>"/></td>
 	    <td style="visibility: hidden;"><input name="Status" value="Present"/></td>
  </tr> 
</form>
</table>
 <table class="no" style="position: relative; float: left; margin-left: 40%; width: 20%;">
<form action="DateIns.php" method="post">
  <tr>
   <td>
    <input style="color: red;" type="date" name="Day" value="<?php echo date("Y-m-d") ?>" />
   </td>  
   <td><input style="color: red;" type="submit" value="Absent"/>
 	</td>
 	    <td style="visibility: hidden;"><input name="ID" value="<?php echo $ID ?>"/></td>
 	    <td style="visibility: hidden;"><input name="Status" value="Absent"/></td>
  </tr> 
</form>
</table>