.react-datepicker-wrapper {
    width: 100%;
    .react-datepicker__input-container {
        width: 100%;
        input {
            width: 100%;
            height: calc(var(--spacing) * 9);
            padding: 4px 12px;
            border-radius: calc(var(--radius) - 2px);
            font-size: var(--text-sm);
            transition-property: color, box-shadow;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
            &::placeholder {
                color: #90A1B9;
            }

            &:focus-visible {
                --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
                --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
                box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                outline-style: none;
                border-color: var(--ring);
            }
        }
    }
}

.react-datepicker__tab-loop .react-datepicker-popper {
    z-index: 10;
}