[data-thai-date-picker]{display:grid;grid-template-columns:1fr 42px}[data-thai-date-picker] input{border-radius:7px 0 0 7px}[data-thai-date-open]{border:1px solid #c9dce7;border-left:0;border-radius:0 7px 7px 0;background:#e7f1f7;color:#176db0;font-size:20px;cursor:pointer}.thai-date-dialog{width:min(360px,94vw);padding:18px}.thai-date-head{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;text-align:center;margin-bottom:12px}.thai-date-head button,.thai-date-days button{border:0;border-radius:7px;background:transparent;min-height:38px;font:inherit;cursor:pointer}.thai-date-head button{font-size:25px}.thai-date-week,.thai-date-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}.thai-date-week{color:#697b87;font-size:12px;margin-bottom:4px}.thai-date-days button:hover{background:#e7f1f7}.thai-date-days button.selected{background:#087f8c;color:#fff}.thai-date-dialog>.button{width:100%;margin-top:12px}

.thai-date-selects{display:flex;gap:4px;min-width:0}.thai-date-selects select{width:100%;min-width:0;padding:6px 2px;font:inherit;border:1px solid #c9dce7;border-radius:6px;background:#fff;color:#173b52}.thai-date-selects select[data-year]{max-width:85px}.thai-date-days button:disabled{opacity:.35;cursor:default}[data-thai-date-picker]{min-width:0}[data-thai-date-display]{min-width:0;width:100%}[data-thai-date-open]:disabled{opacity:.5;cursor:default}