<!DOCTYPE html>
<meta charset=utf-8>

<style>
  .test {
    color: blue;
    font: 13px monospace;
  }
</style>

<script>
function go() {
  // Apply the requested -webkit-text-security setting.
  maskOption = document.location.search.substr(1);
  document.styleSheets[0].cssRules[0].style.webkitTextSecurity = maskOption;
}
</script>

<body onload="go()">
input type="date": <input class="test" type="date" value="2023-12-31">