/**
 * Calendar UX Improvements
 *
 * 1. Moves calendar button to LEFT of input field for better visibility
 * 2. Adjusts border-radius for proper visual grouping
 */

/* Move calendar button to LEFT of input using flexbox */
.field-calendar .input-group {
    display: flex;
    flex-direction: row-reverse;
}

/* Adjust border-radius for left-side button */
.field-calendar .input-group .btn {
    border-radius: 0.375rem 0 0 0.375rem;
    border-right: none;
}

/* Adjust input border-radius to match */
.field-calendar .input-group .form-control {
    border-radius: 0 0.375rem 0.375rem 0;
    border-left: 1px solid var(--bs-border-color, #dee2e6);
}

/* Ensure proper focus states */
.field-calendar .input-group .form-control:focus {
    z-index: 3;
}

.field-calendar .input-group .btn:focus {
    z-index: 3;
}