<label class="visually-hidden" for="date">Start date (DD/MM/YYYY): </label>
<input type="date" id="date" name="date" min="2021-03-01" max="2031-01-01"/>
/* For non-natively-focusable elements. For natively focusable elements use .visually hidden:not(:focus):not(:active) */
.visually-hidden {
      border-width: 0 !important;
      clip: rect(1px, 1px, 1px, 1px) !important;
      height: 1px !important;
      overflow: hidden !important;
      padding: 0 !important;
      position: absolute !important;
      white-space: nowrap !important;
      width: 1px !important;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.