.tds-date-input{position:relative;width:100%}.tds-date-input__group{display:flex;align-items:center;gap:.25rem;padding:0 .5rem;border:1px solid var(--separator-color);border-radius:var(--tds-border-radius-md);background:var(--card-background-color);transition:border-color .15s ease-in-out}.tds-date-input__group:focus-within{border-color:var(--primary)}.tds-date-input__group--invalid{border-color:var(--danger, #dc3545)}.tds-date-input__group--disabled{opacity:.6;pointer-events:none}.tds-date-input__field{flex:1 1 auto;min-width:7rem;border:0;padding:.375rem 0;background:transparent;color:var(--text-color);font-size:var(--tds-font-size-sm);cursor:pointer}.tds-date-input__field:focus{outline:none;box-shadow:none}.tds-date-input__field::placeholder{color:var(--text-muted, #6c757d)}.tds-date-input__icon,.tds-date-input__clear{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:0;background:transparent;color:var(--text-muted, #6c757d);cursor:pointer;transition:color .15s ease-in-out}.tds-date-input__icon:hover:not(:disabled),.tds-date-input__clear:hover:not(:disabled){color:var(--text-color)}