/* Keep the original native input, its name, constraints and calendar picker. */
.sg-date-control{position:relative;display:inline-block;min-width:10.5em;max-width:100%;vertical-align:middle;border:1px solid #8c8f94;border-radius:4px;background:#fff;color:#1d2327;box-sizing:border-box}
.sg-date-control:focus-within{outline:2px solid #2271b1;outline-offset:2px}
.sg-date-control>input[type="date"],.sg-date-control>input[type="datetime-local"]{position:absolute!important;inset:0!important;opacity:0!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;cursor:pointer;z-index:1}
.sg-date-control-label{display:block;padding:.45em 2em .45em .65em;min-height:1.5em;line-height:1.5;white-space:nowrap;pointer-events:none}
.sg-date-control::after{content:'▦';position:absolute;right:.6em;top:50%;transform:translateY(-50%);pointer-events:none}
.sg-date-disabled{opacity:.65}